@charset "UTF-8";
/* Scss Document */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:200,300,400,500,600,700&amp;subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Marcellus+SC");

*,
*:before,
*:after {
    box-sizing: inherit;
    font-style: normal;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    border: 0;
    outline: none;
    padding: 0;
    appearance: none;
}

ol,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li,
p,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
    font-weight: 300;
}

img {
    border-style: none;
    height: auto;
    vertical-align: middle;
    width: 100%;
}

body {
	font-family: "微軟正黑體", "新細明體";
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.75px;
	line-height: 40px;
	box-sizing: border-box;
	color: #111;
	margin: 0;
	min-width: 320px;
	width: 100%;
}

body .wrap {
    height: auto;
    position: relative;
}

body .wrap.closed {
    height: 100vh;
    overflow: hidden;
}

body .wrap .smOnly {
    display: block;
}

body .wrap .pcOnly {
    display: none;
}

body .wrap .fixLogo {
    background-position: center center;
    background-size: 60px auto;
    position: fixed;
    top: 20px;
    right: 20px;
    height: 68px;
    width: 60px;
    z-index: 2;
}

body .wrap .fixLogo.white {
    background-image: url(../img/common/ico_logo-sp_white.png);
}

body .wrap .fixLogo.green {
    background-image: url(../img/common/ico_logo-sp_green.png);
}

/*body .wrap .hero-scroll {
    display: block;
    height: 52px;
    position: relative;
    width: 7px;
}

body .wrap .hero-scroll .bar {
    position: absolute;
    background: #FFF;
    left: calc(50% - .5px);
    top: 23px;
    width: 1px;
    height: 25px;
    animation: scrlline 2.4s ease-in-out infinite;
    animation-fill-mode: both;
}

body .wrap .hero-scroll .dot {
    position: absolute;
    background: #FFF;
    left: calc(50% - 3.5px);
    top: 45px;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    opacity: 0;
    animation: scrldot 2.4s ease-in-out infinite;
    animation-fill-mode: both;
}
*/
body .wrap .hero-scroll.green .bar {
    background: #2E9648;
}

body .wrap .hero-scroll.green .dot {
    background: #2E9648;
}

@keyframes scrlline {
    0% {
        height: 0;
        opacity: 1;
    }

    60% {
        height: 25px;
        opacity: 1;
    }

    100% {
        height: 25px;
        opacity: 0;
    }
}

@keyframes scrldot {
    0% {
        top: 21px;
        opacity: 1;
    }

    60% {
        top: 45px;
        opacity: 1;
    }

    100% {
        top: 45px;
        opacity: 0;
    }
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 16;
}

header .inner {
    display: none;
}

header .navBtn {
    background-color: #389db9;
    border-radius: 80px;
    cursor: pointer;
    height: 80px;
    position: absolute;
    top: 12px;
    right: 12px;
    text-align: center;
    width: 80px;
}

header .navBtn .navBtnTxt {
    font-family:"微軟正黑體","新細明體";
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 10px;
    position: relative;
}

header .navBtn .navBtnTxt::after {
    color: #FFF;
    content: "MENU";
    position: absolute;
    top: 25px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

header .navBtn .navBtnLine {
    background-color: #FFF;
    height: 2px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 29px;
}

header .navBtn .navBtnLine.top {
    transition: 0.4s ease-in-out;
    top: 43px;
}

header .navBtn .navBtnLine.bottom {
    transition: 0.4s ease-in-out;
    top: 52px;
}

header .navBtn.opened {
    background-color: #FFF;
}

header .navBtn.opened .navBtnTxt::after {
    color: #389db9;
    content: "CLOSE";
}

header .navBtn.opened .navBtnLine {
    background-color: #389db9;
}

header .navBtn.opened .navBtnLine.top {
    transition: 0.4s ease-in-out;
    top: 47px;
    transform: rotate(45deg);
}

header .navBtn.opened .navBtnLine.bottom {
    transition: 0.4s ease-in-out;
    top: 47px;
    transform: rotate(-45deg);
}

nav {
    background-color:rgba(56,157,185,.9);
    color: #fff;
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 8;
}

nav h1 {
    position: absolute;
    top: 20px;
    right: 20px;
}

nav h1 img {
    width: 60px;
}

nav .navList {
    position: absolute;
    top: calc(100% / 2 - 32%);
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
}

nav .navList li {
    margin: 0 0 32px 0;
    text-align: center;
}

nav .navList li a {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.8px;
    line-height: 30px;
    display: block;
    height: 100%;
    width: 100%;
}

nav .navBottomList {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

nav .navBottomList li {
    text-align: center;
    width: 50%;
}

nav .navBottomList li a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    line-height: 14px;
    display: block;
    height: 100%;
    padding: 18px 0 18px 0;
    width: 100%;
}

nav .navBottomList li a img {
    margin: 0 5px 0 0;
    width: 16px;
}

nav .navBottomList li.contact {
    background-color: #2B8E44;
}

nav .navBottomList li.recruit {
    background-color: #298640;
}

footer {
    background-color: #2E9648;
    background-image: url("../img/common-shape-01.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 120px auto;
    color: #FFF;
}

footer .footerTopMenu li {
    background-image: url(../img/common-arrow-01.png);
    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    height: 100px;
    text-align: center;
}

footer .footerTopMenu li.footerTopMenu01 {
    background-color: #2B8E44;
}

footer .footerTopMenu li.footerTopMenu02 {
    background-color: #298640;
}

footer .footerTopMenu li a {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3.6px;
    line-height: 18px;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

footer .footerTopMenu li a span {
    background-image: url(../img/common-line-01.png);
    background-position: 2px bottom;
    background-repeat: repeat-x;
    background-size: auto 3px;
    display: inline-block;
    line-height: 1;
    padding: 0 0 14px 0;
}

footer .footerBottomMenu {
    padding: 29px 0 14px 0;
}

footer .footerBottomMenu li {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.39px;
    line-height: 24px;
    padding: 0 0 25px 0;
}

footer .footerBottomMenu li.logo {
    padding: 0 0 23px 0;
    text-align: center;
}

footer .footerBottomMenu li.logo img {
    width: 230px;
}

footer .footerBottomMenu li.address {
    padding: 0 0 23px 0;
    text-align: center;
}

footer .footerBottomMenu li.address p {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: top;
}

footer .footerBottomMenu li.address address {
    display: inline-block;
}

footer .footerBottomMenu li.sns {
    padding: 0 0 30px 0;
    text-align: center;
}

footer .footerBottomMenu li.sns img {
    margin: 0 8px 0 8px;
    width: 30px;
}

footer .footerBottomMenu li.contact {
    padding: 0 20px 18px 20px;
    text-align: center;
}

footer .footerBottomMenu li.contact p {
    background-image: url("../img/menu-icon-01.png");
    background-position: calc(100% / 2 - 48px) center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    border: 2px solid #FFF;
    border-radius: 10px;
    height: 46px;
}

footer .footerBottomMenu li.contact p a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.42px;
    line-height: 14px;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 0 0 0 28px;
    width: 100%;
}

footer .footerBottomMenu li.policy {
    padding: 0;
}

footer .footerBottomMenu li.policy a {
    padding: 0 0 0 20px;
    text-decoration: underline;
}

footer .copy {
	font-family: "微軟正黑體", "新細明體";
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 24px;
	padding: 0 0 36px 20px;
}

footer .scrollTop {
    height: 120px;
    width: 120px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
}

footer .scrollTop img {
    position: absolute;
    bottom: 28px;
    right: 20px;
    width: 25px;
}

.index footer .footerTopMenuType02 {
    display: none;
}

.index footer .footerTopMenuType03 {
    display: none;
}

.index .fixLogo {
    transition: 0.6s ease-in-out;
    opacity: 0;
}

.index .fixLogo.opened {
    transition: 0.6s ease-in-out;
    opacity: 1;
}

.index .indexModule01 {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.index .indexModule01 h1 {
    position: relative;
    width: 160px;
    z-index: 2;
}

.index .indexModule01 .txtImg {
    position: absolute;
    top: 85px;
    right: 30px;
    width: 54px;
    z-index: 2;
}

.index .indexModule01 .hero-scroll {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 2;
}

.index .indexModule01 .about {
    background-color: #FFF;
    background-image: url("https://ufoods.co.jp/asset/img/index/ico_header.svg");
    background-position: center 12px;
    background-repeat: no-repeat;
    background-size: 53px auto;
    border-radius: 100%;
    height: 266px;
    position: absolute;
    right: 0;
    bottom: -133px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 266px;
    z-index: 2;
}

.index .indexModule01 .about p {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.42px;
    line-height: 28px;
    color: #2E9648;
    display: inline;
    position: absolute;
    right: 0;
    bottom: 148px;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

.index .indexModule01 .about p span {
    background-image: url("../img/index/ico_dotline-green.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: auto 3px;
    padding: 0 0 4px 0;
}

.index .indexModule01 .bgiSlider {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.index .indexModule01 .main_img {
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite;
}

.index .indexModule01 .main_img:nth-of-type(1) {
    background-image: url(../img/index/pic_index01-sp.png);
}

.index .indexModule01 .main_img:nth-of-type(2) {
    background-image: url(../img/index/pic_index02-sp.png);
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.index .indexModule01 .main_img:nth-of-type(3) {
    background-image: url(../img/index/pic_index03-sp.png);
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}

.index .indexModule01 .main_img:nth-of-type(4) {
    background-image: url(../img/index/pic_index04-sp.png);
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}

.index .indexModule01 .main_img:nth-of-type(5) {
    background-image: url(../img/index/pic_index05-sp.png);
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
}

@keyframes anime {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    30% {
        opacity: 0;
        transform: scale(1.2);
        z-index: 0;
    }

    100% {
        opacity: 0;
    }
}

.index .indexModule01 .bgPosition {
    height: 90px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 10px;
    z-index: 2;
}

.index .indexModule01 .bgPosition .circle {
    background-color: white;
    border-radius: 10px;
    height: 10px;
    opacity: .6;
    position: absolute;
    right: 0;
    width: 10px;
    -webkit-animation: dotanime 30s 0s infinite;
    animation: dotanime 30s 0s infinite;
}

.index .indexModule01 .bgPosition .circle.circle02 {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    top: 20px;
}

.index .indexModule01 .bgPosition .circle.circle03 {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
    top: 40px;
}

.index .indexModule01 .bgPosition .circle.circle04 {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
    top: 60px;
}

.index .indexModule01 .bgPosition .circle.circle05 {
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
    top: 80px;
}

@keyframes dotanime {
    0% {
        opacity: 0.6;
    }

    10% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    30% {
        opacity: 0.6;
    }

    100% {
        opacity: 0.6;
    }
}

.index .indexModule02 {
    background-color: #EBEBEB;
    position: relative;
    z-index: 1;
}

.index .indexModule02 .newIcon {
    height: 80px;
    position: absolute;
    top: -136px;
    left: 12px;
    width: 80px;
}

.index .indexModule02 h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 42px 0 30px 0;
    text-align: center;
}

.index .indexModule02 h2 span {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.1px;
    line-height: 14px;
    font-family:"微軟正黑體","新細明體";
    color: #2E9648;
    display: block;
    margin: 12px 0 0 0;
}

.index .indexModule02 .list {
    background-color: #F3F3F3;
    padding: 28px 20px 14px 20px;
}

.index .indexModule02 .list li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 12px 0;
}

.index .indexModule02 .list li time {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.44px;
    line-height: 29px;
    font-family:"微軟正黑體","新細明體";
    flex-basis: 114px;
    flex-shrink: 0;
}

.index .indexModule02 .list li span {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.36px;
    line-height: 23px;
    background-color: #FFF;
    color: #2E9648;
    display: inline-block;
    text-align: center;
    width: 100px;
}

.index .indexModule02 .list li p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 34px;
    display: block;
    width: 100%;
}

.index .indexModule02 .past {
    background-color: #F3F3F3;
    padding: 0 0 48px 0;
    text-align: center;
    width: 100%;
}

.index .indexModule02 .past img {
    width: 171px;
}

.index .indexModule03 {
    padding: 40px 0 0 0;
}

.index .indexModule03 .inner {
    padding: 0 20px 0 20px;
}

.index .indexModule03 .inner img {
    margin: 0 0 26px 0;
}

.index .indexModule03 .inner h2 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 44px;
    color: #2E9648;
    margin: 0 0 18px 0;
}

.index .indexModule03 .inner p.txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 34px 0;
}

.index .indexModule03 .inner .btn {
    padding: 0 0 8px 0;
    text-align: center;
    width: 100%;
}

.index .indexModule03 .inner .btn img {
    width: 171px;
}

.index .indexModule04 {
    padding: 40px 0 0 0;
}

.index .indexModule04 .inner {
    padding: 0 20px 0 20px;
}

.index .indexModule04 .inner img {
    margin: 0 0 30px 0;
}

.index .indexModule04 .inner h2 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 44px;
    color: #2E9648;
    margin: 0 0 28px 0;
}

.index .indexModule04 .inner .worksList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 18px 0;
}

.index .indexModule04 .inner .worksList li {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.39px;
    line-height: 30px;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    width: calc(100% / 2 - 2.5px);
}

.index .indexModule04 .inner .worksList li.green {
    background-color: #5EAF23;
    margin: 0 0 6px 0;
}

.index .indexModule04 .inner .worksList li.orange {
    background-color: #F28527;
    margin: 0 0 6px 0;
}

.index .indexModule04 .inner .worksList li.blue {
    background-color: #5FADC9;
}

.index .indexModule04 .inner .worksList li.brown {
    background-color: #AD8650;
}

.index .indexModule04 .inner p.txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 34px 0;
}

.index .indexModule04 .inner .btn {
    padding: 0 0 48px 0;
    text-align: center;
    width: 100%;
}

.index .indexModule04 .inner .btn img {
    width: 171px;
}

.index .indexModule05 {
    background-image: url("../img/index/ico_products.png");
    background-position: center top;
    background-size: 54px auto;
    background-repeat: no-repeat;
    padding: 46px 0 70px 0;
}

.index .indexModule05 h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 20px;
    margin: 0 0 6px 0;
    text-align: center;
}

.index .indexModule05 p {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 42px;
    font-family:"微軟正黑體","新細明體";
    color: #2E9648;
    text-align: center;
}

.index .indexModule05 .productList {
    margin: 0 30px 0 30px;
    padding: 0;
    position: relative;
    text-align: center;
}

.index .indexModule05 .productList .sliderArrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 44px;
    width: 48px;
    z-index: 1;
}

.index .indexModule05 .productList .sliderArrow.prev {
    left: -20px;
}

.index .indexModule05 .productList .sliderArrow.next {
    right: -20px;
}

.index .indexModule05 .productList li {
    width: 315px;
    padding: 47px 0 0 0;
    position: relative;
}

.index .indexModule05 .productList li .imgWrap {
    align-items: center;
    background-color: #F3F3F3;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.index .indexModule05 .productList li .imgWrap img.newItem,
.index .indexModule05 .productList li .imgWrap img.properItem {
    display: none;
    position: absolute;
    top: -29px;
    left: 0;
    height: 94px;
    width: 94px;
}

.index .indexModule05 .productList li p {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.75px;
    line-height: 32px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #111;
    padding-top: 16px;
    text-align: left;
}

.index .indexModule05 .productList li.new img.newItem {
    display: block;
}

.index .indexModule05 .productList li.proper img.properItem {
    display: block;
}

.index .indexModule06 {
    background-color: #F3F3F3;
    padding: 40px 0 70px 0;
    position: relative;
}

.index .indexModule06 .inner {
    padding: 0 20px 0 20px;
}

.index .indexModule06 .inner .arrow {
    border-radius: 0;
    position: absolute;
    right: 0;
    bottom: 31px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 70px;
}

.index .indexModule06 img {
    border-radius: 30px;
}

.works footer .footerTopMenuType02 {
    display: none;
}

.works footer .footerTopMenuType03 {
    display: none;
}

.company footer .footerTopMenuType01 {
    display: none;
}

.company footer .footerTopMenuType02 {
    display: none;
}

.company .pageHeader-company {
    padding-top: 106px;
}

.company .companyModule01 {
    margin: 0 0 60px 0;
    padding: 142px 0 0 0;
}

.company .companyModule01 h1 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 20px;
    background-image: url("../img/company-logo.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 56px auto;
    padding: 0 0 49px 0;
    position: relative;
    text-align: center;
}

.company .companyModule01 h1::before {
    font-family:"微軟正黑體","新細明體";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 16px;
    color: #2E9648;
    content: "COMPANY";
    position: absolute;
    top: -28px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.company .companyModule01 .breadcrumbs {
    display: none;
}

.company .companyModule01 .hero-scroll {
    display: none;
}

.company .companyModule02 .inner {
    padding: 56px 20px 30px 20px;
}

.company .companyModule02 .inner li img {
    margin: 0 0 20px 0;
}

.company .companyModule02 .inner li h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: 20px;
    color: #2E9648;
    margin: 0 0 14px 0;
    padding: 0 10px 0 10px;
}

.company .companyModule02 .inner li p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 28px;
    color: #2E9648;
    margin: 0 0 26px 0;
    padding: 0 10px 0 10px;
}

.news footer .footerTopMenuType02 {
    display: none;
}

.news .newsPageHeaderModule {
    padding-top: 100px;
    padding-bottom: 88px;
}

.news .newsPageHeaderModule h1 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    color: #2E9648;
}

.news .newsPageHeaderModule h1 small {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 42px;
    font-size: 16px;
}

.news .newsPageHeaderModule .pageHeaderIcon {
    width: 40px;
}

.news .categoryTitle {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 2.8px;
    line-height: 42px;
    color: #2E9648;
    margin: -20px auto 40px auto;
    padding: 0 0 0 20px;
}

.news #contents .inner {
    padding: 0 20px 0 20px;
}

.news #contents #main {
    order: 1;
}

.news #contents #main .newsModule01 {
    margin: 0 0 82px 0;
    padding: 138px 0 0 0;
}

.news #contents #main .newsModule01 h1 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 20px;
    background-image: url("../img/news-icon-01.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 40px auto;
    color: #2E9648;
    padding: 0 0 62px 0;
    margin: 0 0 50px 0;
    position: relative;
    text-align: center;
}

.news #contents #main .newsModule01 h1::before {
    font-family:"微軟正黑體","新細明體";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 4.8px;
    line-height: 16px;
    color: #2E9648;
    content: "NEWS";
    position: absolute;
    top: -28px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.news #contents #main .newsModule01 .breadcrumbs {
    display: none;
}

.news #contents #main .newsModule01 h2 {
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 2.8px;
    line-height: 42px;
    color: #2E9648;
    margin: 0 0 -40px 0;
}

.news #contents #main .box {
    display: flex;
    flex-wrap: wrap;
}

.news #contents #main .box .newsModule02 {
    order: 1;
}

.news #contents #main .box .newsModule02 p.title {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.75px;
    line-height: 32px;
    color: #2E9648;
    margin: 0 0 36px 0;
    position: relative;
}

.news #contents #main .box .newsModule02 p.title::before {
    background-image: url("../img/news-line-01.png");
    background-position: center center;
    background-repeat: repeat-x;
    background-size: auto 5px;
    content: "";
    height: 5px;
    position: absolute;
    top: -18px;
    left: 20px;
    width: calc(100% - 20px);
}

.news #contents #main .box .newsModule02 p.title::after {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5.4px;
    line-height: 42px;
    font-family:"微軟正黑體","新細明體";
    background-color: #FFF;
    color: #2E9648;
    content: "ENTRIES";
    padding: 0 22px 0 0;
    position: absolute;
    top: -34px;
    left: 0;
}

.news #contents #main .box .newsModule02 .list ul li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px 0;
}

.news #contents #main .box .newsModule02 .list ul li time {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.44px;
    line-height: 29px;
    flex-basis: 114px;
    flex-shrink: 0;
}

.news #contents #main .box .newsModule02 .list ul li span {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.36px;
    line-height: 23px;
    background-color: #F3F3F3;
    color: #2E9648;
    padding: 0 24px 0 24px;
    width: 100px;
}

.news #contents #main .box .newsModule02 .list ul li p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 29px;
    width: 100%;
}

.news #contents #main .box .newsModule03 {
    margin: -20px 0 0 0;
    order: 1;
    padding: 0;
}

.news #contents #main .box .newsModule03 .inner {
    background-image: url("../img/news-line-01.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 5px;
    margin: 0 20px 0 20px;
    padding: 30px 0 30px 0;
}

.news #contents #main .box .newsModule03 h2 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 45px;
    margin: 0 0 16px 0;
    text-align: center;
}

.news #contents #main .box .newsModule03 .info {
    margin: 0 0 12px 0;
    text-align: center;
}

.news #contents #main .box .newsModule03 .info time {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.44px;
    line-height: 23px;
    font-family: 'Josefin Sans', sans-serif;
    height: 23px;
    margin: 0 22px 0 0;
}

.news #contents #main .box .newsModule03 .info span {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.36px;
    line-height: 12px;
    background-color: #F3F3F3;
    color: #2E9648;
    display: inline-block;
    padding: 5px 0 5px 0;
    width: 100px;
    text-align: center;
}

.news #contents #main .box .newsModule03 p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 30px 0;
}

.news #contents #main .box .newsModule03 p a {
    color: #2E9648;
    font-weight: 700;
}

.news #contents #main .box .newsModule03 .imgBox {
    padding: 0 0 15px 0;
}

.news #contents #main .box .newsModule03 .imgBox.two img {
    margin: 0 0 15px 0;
}

.news #contents #main .box #side {
    padding-top: 80px;
    order: 2;
}

.news #contents #main .box #side h2 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.75px;
    line-height: 32px;
    color: #2E9648;
    margin: 0 0 12px 0;
    position: relative;
}

.news #contents #main .box #side h2::before {
    background-image: url("../img/news-line-01.png");
    background-position: center center;
    background-repeat: repeat-x;
    background-size: auto 5px;
    content: "";
    height: 5px;
    position: absolute;
    top: -18px;
    left: 20px;
    width: calc(100% - 20px);
}

.news #contents #main .box #side h2::after {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5.4px;
    line-height: 42px;
    font-family: 'Josefin Sans', sans-serif;
    background-color: #FFF;
    color: #2E9648;
    content: "ENTRIES";
    padding: 0 22px 0 0;
    position: absolute;
    top: -34px;
    left: 0;
}

.news #contents #main .box #side .newsSideModule01 {
    margin: 0 0 84px 0;
}

.news #contents #main .box #side .newsSideModule01 h2::after {
    content: "PICK UP";
}

.news #contents #main .box #side .newsSideModule02 {
    margin: 0 0 56px 0;
}

.news #contents #main .box #side .newsSideModule02 h2 {
    margin: 0 0 8px 0;
}

.news #contents #main .box #side .newsSideModule02 h2::after {
    content: "ARCHIVES";
}

.news #contents #main .box #side .newsSideModule02 ul {
    display: flex;
    flex-wrap: wrap;
}

.news #contents #main .box #side .newsSideModule02 ul li {
    width: 50%;
}

.news #contents #main .box #side .newsSideModule02 ul li a {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.9px;
    line-height: 42px;
    display: block;
    height: 100%;
    width: 100%;
}

.news #contents #main .box #side .newsSideModule02 ul li a::before {
    content: "- ";
}

.news #contents #main .box #side .newsSideModule03 {
    margin: 0 0 56px 0;
}

.news #contents #main .box #side .newsSideModule03 h2 {
    margin: 0 0 8px 0;
}

.news #contents #main .box #side .newsSideModule03 h2::after {
    content: "CATEGORIES";
}

.news #contents #main .box #side .newsSideModule03 ul {
    display: flex;
    flex-wrap: wrap;
}

.news #contents #main .box #side .newsSideModule03 ul li {
    width: 50%;
}

.news #contents #main .box #side .newsSideModule03 ul li a {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.9px;
    line-height: 42px;
    display: block;
    height: 100%;
    width: 100%;
}

.news #contents #main .box #side .newsSideModule03 ul li a::before {
    content: "- ";
}

.news #contents #main .box #pager {
    margin: 0 0 102px 0;
    order: 1;
    width: 100%;
}

.news #contents #main .box #pager .inner {
    align-items: flex-start;
    display: flex;
    justify-content: center;
}

.news #contents #main .box #pager .inner .prev,
.news #contents #main .box #pager .inner .next {
    width: 76px;
}

.news #contents #main .box #pager .inner .prev a,
.news #contents #main .box #pager .inner .next a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    line-height: 18px;
    background-color: #EAEAEA;
    display: block;
    height: 100%;
    padding: 18px 0 24px 0;
    text-align: center;
    width: 100%;
}

.news #contents #main .box #pager .inner .prev a img,
.news #contents #main .box #pager .inner .next a img {
    height: 14px;
    width: auto;
}

.news #contents #main .box #pager .inner ul {
    align-items: center;
    display: flex;
}

.news #contents #main .box #pager .inner ul li {
    width: 61px;
}

.news #contents #main .box #pager .inner ul li a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 18px;
    background-color: #f3f3f3;
    display: block;
    font-family: 'Marcellus SC', serif;
    height: 100%;
    padding: 21px 0 21px 0;
    text-align: center;
    width: 100%;
}

.news #contents #main .box #pager .inner ul li.selected a {
    background-color: #2E9648;
    color: #FFF;
}

.news #contents #main .box #pager.detail .inner ul {
    flex-basis: 30%;
    flex-grow: 1;
    flex-shrink: 1;
}

.news #contents #main .box #pager.detail .inner ul li {
    width: 100%;
}

.news #contents #main .box #pager.detail .inner ul li a {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: 18px;
    font-family: 'Noto Sans JP', sans-serif;
    align-items: center;
    color: #2E9648;
    display: flex;
    justify-content: center;
}

.news #contents #main .box #pager.detail .inner ul li a img {
    height: 11px;
    margin: 0 9px 0 0;
    width: auto;
}

.news .shareBtn {
    display: none;
}

.error404 footer .footerTopMenuType02 {
    display: none;
}

.error404 footer .footerTopMenuType03 {
    display: none;
}

.error404 #contents .inner {
    padding: 0 20px 0 20px;
}

.error404 .errorPageHeaderModule {
    padding-top: 110px;
}

.error404 .errorPageHeaderModule h1 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 35px;
    color: #2E9648;
}

.error404 .errorPageHeaderModule h1 small {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 16px;
    margin-bottom: 4px;
}

.error404 .errorPageHeaderModule .pageHeaderIcon {
    width: 41px;
}

.error404 .error404Module01 {
    padding: 134px 0 0 0;
}

.error404 .error404Module01 h1 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 35px;
    background-image: url("../img/common/ico_404.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 42px auto;
    color: #2E9648;
    padding: 0 0 56px 0;
    position: relative;
    text-align: center;
}

.error404 .error404Module01 h1::before {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 16px;
    color: #2E9648;
    content: "NOT FOUND";
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.error404 .error404Module01 .breadcrumbs {
    display: none;
}

.error404 .error404Module02 {
    padding-top: 52px;
}

.error404 .error404Module02 .inner {
    padding: 0 20px 0 20px;
}

.error404 .error404Module02 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 36px 0;
    padding: 0 10px 0 10px;
    text-align: center;
}

.error404 .error404Module02 .inner .btn {
    background-color: #F1F1F1;
    border-radius: 10px;
    color: #2E9648;
    margin: 0 0 60px 0;
    text-align: center;
}

.error404 .error404Module02 .inner .btn a {
    background-image: url("../img/common/ico_arrow01.png");
    background-repeat: no-repeat;
    background-position: 21px center;
    background-size: auto 15px;
    display: block;
    height: 100%;
    padding: 10px 0 22px 0;
    width: 100%;
}

.error404 .error404Module02 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/common/ico_btn_dotline01.png");
    background-position: 1px bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    padding: 0 0 11px 0;
}

.error404 footer .footerTopMenuType02 {
    display: none;
}

.contact .contactPageHeaderModule {
    padding-bottom: 66px;
    margin-bottom: 28px;
}

.contact .contactPageHeaderModule h1 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 35px;
    color: #2E9648;
}

.contact .contactPageHeaderModule h1 small {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 16px;
    margin-bottom: 4px;
}

.contact .contactPageHeaderModule .pageHeaderIcon {
    width: 41px;
}

.contact footer .footerTopMenuType02 {
    display: none;
}

.contact footer .footerTopMenuType03 {
    display: none;
}

.contact .hero-scroll {
    display: none !important;
}

.contact .inner {
    padding: 0 20px 0 20px;
}

.contact .countdown {
    display: none;
}

.contact .contactIndexModule01 {
    margin: 0 0 58px 0;
    padding: 128px 0 0 0;
}

.contact .contactIndexModule01 h1 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 35px;
    background-image: url("../img/icon/icon-contact.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 41px auto;
    color: #2E9648;
    padding: 0 0 40px 0;
    position: relative;
    text-align: center;
}

.contact .contactIndexModule01 h1::before {
    font-family: "微軟正黑體", "新細明體";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 4.8px;
    line-height: 16px;
    color: #2E9648;
    content: "CONTACT";
    position: absolute;
    top: -18px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.contact .contactIndexModule01 .breadcrumbs {
    display: none;
}

.contact .contactIndexModule02 {
    margin: 0 0 60px 0;
}

.contact .contactIndexModule02 .inner {
    padding: 0 20px 0 20px;
}

.contact .contactIndexModule02 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 30px 0;
    text-align: center;
}

.contact .contactIndexModule02 .inner .policyWrap {
    background-color: #F3F3F3;
    border-radius: 20px;
    padding: 28px 25px 0 25px;
}

.contact .contactIndexModule02 .inner .policyWrap h2 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 0 0 10px 0;
    text-align: center;
}

.contact .contactIndexModule02 .inner .policyWrap p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 0 0 36px 0;
}

.contact .contactIndexModule02 .inner .policyWrap p a {
    text-decoration: underline;
}

.contact .contactIndexModule03 .inner {
    padding: 0 20px 0 20px;
}

.contact .contactIndexModule03 .inner h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 68px;
    border-top: 2px solid #DEDEDE;
    border-bottom: 2px solid #DEDEDE;
    color: #2E9648;
    margin: 0 0 56px 0;
    text-align: center;
}

.contact .contactIndexModule03 .inner .tel {
    font-family: "微軟正黑體", "新細明體";
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 8px 0;
}

.contact .contactIndexModule03 .inner .tel .no {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 2.5px;
    line-height: 32px;
    margin: 0 0 16px 0;
    order: 1;
    text-align: center;
    width: 100%;
}

.contact .contactIndexModule03 .inner .tel .no .yomi {
    position: relative;
}

.contact .contactIndexModule03 .inner .tel .no .yomi::before {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 13.13px;
    line-height: 32px;
    content: "";
    position: absolute;
    top: -24px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.contact .contactIndexModule03 .inner .tel .no .no8::before {
    content: "や";
}

.contact .contactIndexModule03 .inner .tel .no .no3::before {
    content: "さ";
}

.contact .contactIndexModule03 .inner .tel .no .no1::before {
    content: "い";
}

.contact .contactIndexModule03 .inner .tel .be {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 32px;
    order: 2;
}

.contact .contactIndexModule03 .inner .tel .af {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    order: 3;
}

.contact .contactIndexModule03 .inner .desc {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 30px;
    background-color: #F3F3F3;
    margin: 0 0 16px 0;
    padding: 12px 25px 10px 25px;
}

.contact .contactIndexModule03 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 30px 0;
}

.contact .contactIndexModule03 .inner .imgWrap {
    margin: 0 auto 60px auto;
    width: 171px;
}

.contact .contactIndexModule04 .inner {
    padding: 0 20px 0 20px;
}

.contact .contactIndexModule04 .inner h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 68px;
    border-top: 2px solid #DEDEDE;
    border-bottom: 2px solid #DEDEDE;
    color: #2E9648;
    text-align: center;
}

.contact .contactIndexModule04 .inner ul {
    margin: 0 0 40px 0;
}

.contact .contactIndexModule04 .inner ul li {
    border-bottom: 2px solid #DEDEDE;
    padding: 20px 20px 16px 20px;
}

.contact .contactIndexModule04 .inner ul li p {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 32px;
    align-items: center;
    display: flex;
    margin: 0 0 15px 0;
}

.contact .contactIndexModule04 .inner ul li p span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.36px;
    line-height: 42px;
    align-items: center;
    background-color: #E00000;
    border-radius: 4px;
    color: #FFF;
    display: flex;
    justify-content: center;
    height: 22px;
    margin: 0 0 0 10px;
    width: 48px;
}

.contact .contactIndexModule04 .inner ul li input {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 28px;
    border: 1px solid #999999;
    border-radius: 10px;
    padding: 10px 16px 10px 16px;
    width: 100%;
}

.contact .contactIndexModule04 .inner ul li textarea {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 28px;
    border: 1px solid #999999;
    border-radius: 10px;
    height: 100px;
    padding: 10px 16px 10px 16px;
    resize: none;
    width: 100%;
}

.contact .contactIndexModule04 .inner ul li select {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 42px;
    background-color: #2E9648;
    border-radius: 10px;
    color: #FFF;
    height: 50px;
    padding: 10px 16px 10px 16px;
    width: 100%;
}

.contact .contactIndexModule04 .inner ul li .company {
    height: 75px;
}

.contact .contactIndexModule04 .inner ul li .postal-code {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 42px;
    align-items: center;
    display: flex;
    margin: 0 0 15px 0;
}

.contact .contactIndexModule04 .inner ul li .postal-code input {
    margin: 0 0 0 18px;
}

.contact .contactIndexModule04 .inner ul li .jyusyo {
    background-image: url("../img/contact/ico_arrow-b.png");
    background-position: calc(100% - 22px) center;
    background-repeat: no-repeat;
    background-size: auto 7px;
    border: 0;
    margin: 0 0 15px 0;
}

.contact .contactIndexModule04 .inner ul li .msg {
    height: 300px;
}

.contact .contactIndexModule04 .inner .btn {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 16px;
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/contact/ico_arrow-l.png");
    background-position: 22px center;
    background-repeat: no-repeat;
    background-size: auto 15px;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    height: 70px;
    justify-content: center;
    margin: 0 0 60px 0;
    width: 100%;
}

.contact .contactIndexModule04 .inner .btn span {
    background-image: url("../img/contact/ico_line-white.png");
    background-position: left bottom;
    background-size: auto 3px;
    background-repeat: repeat-x;
    padding: 0 0 12px 0;
}

.contact .contactThanksModule01 {
    margin-bottom: 0;
    padding-bottom: 56px;
}

.contact .contactModule02 .inner {
    padding: 0 20px 0 20px;
}

.contact .contactModule02 .inner h2 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 38px;
    text-align: center;
    margin: 0 0 28px 0;
}

.contact .contactModule02 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 34px 0;
    padding: 0 10px 0 10px;
    text-align: center;
}

.contact .contactModule02 .inner .btn {
    background-color: #F1F1F1;
    border-radius: 10px;
    color: #2E9648;
    margin: 0 0 60px 0;
    text-align: center;
}


	 .concept .conceptModule02 img {
 width:100%; }

.contact .contactModule02 .inner .btn a {
    background-image: url("../img/contact/ico_arrow-green_01.png");
    background-repeat: no-repeat;
    background-position: 21px center;
    background-size: auto 15px;
    display: block;
    height: 100%;
    padding: 10px 0 20px 0;
    width: 100%;
}

.contact .contactModule02 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/contact/ico_dotline-green_01.png");
    background-position: 1px bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    padding: 0 0 11px 0;
}

.contact .privacypolicyModule01 {
    background-image: url("../img/icon/icon-line-02.png");
    background-position: 20px bottom;
    background-repeat: no-repeat;
    background-size: calc(100% - 40px) 5px;
}

.contact .privacypolicyModule02 {
    background-image: url("../img/icon/icon-line-02.png");
    background-position: 20px bottom;
    background-repeat: no-repeat;
    background-size: calc(100% - 40px) 5px;
    margin: 0 0 30px 0;
    padding: 0 20px 0 20px;
}

.contact .privacypolicyModule02 .inner {
    padding: 0 0 30px 0;
}

.contact .privacypolicyModule02 .inner h2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2.2px;
    line-height: 22px;
    color: #2E9648;
    text-align: center;
    margin: 0 0 20px 0;
}

.contact .privacypolicyModule02 .inner h2 span {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 20px;
    display: block;
    margin-bottom: 10px;
}

.contact .privacypolicyModule02 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.contact .privacypolicyModule02 .inner ul li {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    display: flex;
}

.contact .privacypolicyModule02 .inner ul li::before {
    color: #2E9648;
    content: "●";
}

.contact .privacypolicyModule03 .inner {
    padding: 8px 20px 0 20px;
}

.contact .privacypolicyModule03 .inner .btn {
    background-color: #F1F1F1;
    border-radius: 10px;
    color: #2E9648;
    margin: 0 0 60px 0;
    text-align: center;
}

.contact .privacypolicyModule03 .inner .btn a {
    background-image: url("../img/contact/ico_arrow-green_01.png");
    background-repeat: no-repeat;
    background-position: 21px center;
    background-size: auto 15px;
    display: block;
    height: 100%;
    padding: 10px 0 20px 0;
    width: 100%;
}

.contact .privacypolicyModule03 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url(../img/contact/ico_dotline-green_01.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 165px 3px;
    width: 165px;
    text-align: center;
    display: inline-block;
}

.concept {
    background-image: url("../img/common-logo-01.png");
    background-position: calc(100% - 20px) 20px;
    background-repeat: no-repeat;
    background-size: 60px auto;
}

.concept footer .footerTopMenuType02 {
    display: none;
}

.concept footer .footerTopMenuType03 {
    display: none;
}

.concept .inner {
    padding: 0 20px 0 20px;
}

/*.concept .conceptModule01 {
    background-image: url(../img/concept/pic_concept01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    min-height: 225px;
    margin: 0 0 1px 0;
    position: relative;
}*/


.concept .conceptModule01 {
    background-image: url(../img/concept/pic_concept01.png);
width:100%;
height:0;
padding-bottom:143%;
background-size:cover;
margin-top:100px;
margin-bottom:100px;
}
.concept .conceptModule01 h1 {
    font-size: 0;
}

.concept .conceptModule01 .hero-scroll {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.concept .conceptModule02 {
    background-image: url(""), url("../img/concept/ico_concept_line01.png");
    background-position: center 240px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 58px auto, 3px 80px;
    padding: 0 0 94px 0;
    position: relative;
}

.concept .conceptModule02 .parallax_bg {
    background-image: url("../img/concept/pic_concept031.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 0 0 117px 0;
}

    .concept .conceptModule02 .parallax_bg2 {
    background-image: url("../img/concept/pic_concept_donate1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 290px;
      margin: 0 0 162px 0;
	   }
    .concept .conceptModule02 .parallax_bg3 {
    background-image: url("../img/concept/pic_concept_partner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
      margin: 0 0 172px 0;
	   }	
.concept .conceptModule02 h2 {
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 2.85px;
	line-height: 45px;
	font-family: "微軟正黑體", "新細明體";
	color: #2E9648;
	margin: 0 0 50px 0;
	padding: 4px 0 0 0;
	text-align: center;
}

.concept .conceptModule02 .ico {
    position: absolute;
    top: 268px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 175px;
}

.concept .conceptModule02 h3 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 3.9px;
    line-height: 50px;
    margin: 0 0 14px 0;
    text-align: center;
}

.concept .conceptModule02 .txt {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 40px;
	width:90%;
	margin-left:5%;
	text-align:justify;
}

.concept .conceptModule02 .txt p {
    display: inline;
    padding: 0 0 4px 0;
	text-align:justify;
}

.concept .conceptModule02 .txt p  {
	    display: inline;
    border-bottom: 1px solid #CCC;
    font-weight: 400;
    padding-bottom: 8px;
	text-align:justify;
}
.concept .conceptModule02 .txt p span img{
	width:30px;}


.concept .conceptModule02 .txt p img{
	width:320px;}		
		
.concept .conceptModule03 {
    background-image: url(""), url("../img/concept/ico_concept_line01.png");
    background-position: center 240px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 58px auto, 3px 80px;
    padding: 0 0 74px 0;
    position: relative;
	margin-top:-50px; 
}

.concept .conceptModule03 .parallax_bg {
    background-image: url("../img/concept/pic_concept04.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 30px 0 248px 0;
}

.concept .conceptModule03 .inner {
    margin: -100px 0 0 0;
    padding: 0 20px 0 20px;
}

.concept .conceptModule03 h2 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 2.85px;
    line-height: 45px;
    font-family: "微軟正黑體", "新細明體";
    color: #2E9648;
    margin: 0 0 22px 0;
    text-align: center;
}

.concept .conceptModule03 .titWrap {
    margin: 0 0 12px 0;
    text-align: center;
}

.concept .conceptModule03 .titWrap h3 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 3.9px;
    line-height: 50px;
    display: inline-block;
    position: relative;
}

.concept .conceptModule03 .titWrap h3 .ico {
    position: absolute;
    top: -90px;
    left: 44px;
    width: 38px;
}

.concept .conceptModule03 .txt {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 40px;
    margin: 0 0 18px 0;
	color:#063;
	font-size:16px;
		width:90%;
	margin-left:5%;
}



.concept .conceptModule03 .txt p {
    display: inline;
    border-bottom: 1px solid #CCC;
    padding: 0 0 6px 0;
}

.concept .conceptModule03 .txt p span {
    font-weight: 400;
    padding-bottom: 8px;
}

.concept .conceptModule03 .workListWrap {
    background-image: url("../img/concept/bgi_concept_workList.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 456px auto;
    padding: 60px 20px 100px 20px;
}

.concept .conceptModule03 .workListWrap .workList li .imgWrap {
    display: inline-block;
    height: 161px;
    position: relative;
    width: 161px;
}

.concept .conceptModule03 .workListWrap .workList li .imgWrap img {
    width: 161px;
}

.concept .conceptModule03 .workListWrap .workList li .imgWrap . {
    position: absolute;
    bottom: -7px;
}

.concept .conceptModule03 .workListWrap .workList li .imgWrap .detailBtn img {
    width: 80px;
}

.concept .conceptModule03 .workListWrap .workList li .imgWrap .txt {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.45px;
    line-height: 20px;
    padding: 14px 0 0 0;
    text-align: center;
}
.concept .conceptModule03 .workListWrap .workList li .imgWrap .txt2 {
    font-size: 16px;
    letter-spacing: 0.45px;
    line-height: 28px;
    padding: 0px 0 0 0;
    text-align:center;
}
.concept .conceptModule03 .workListWrap .workList li .imgWrap .txt span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.8px;
    line-height: 18px;
    font-family:  "微軟正黑體", "新細明體";
    color: #2E9648;
    display: block;
}

.concept .conceptModule03 .workListWrap .workList li.left {
    text-align: left;
}

.concept .conceptModule03 .workListWrap .workList li.left .imgWrap .detailBtn {
    right: -34px;
}

.concept .conceptModule03 .workListWrap .workList li.right {
    text-align: right;
}

.concept .conceptModule03 .workListWrap .workList li.right .imgWrap .detailBtn {
    left: -34px;
}

.concept .conceptModule03 .workListWrap .workList li.right .detailDesc {
    background-position: calc(100% - 46px) top;
}

.concept .conceptModule03 .workListWrap .workList li.workItem01 {
    margin: 0px 0 0 0;
}

.concept .conceptModule03 .workListWrap .workList li.workItem02 {
    margin: -236px 0 0 10px;;
}

.concept .conceptModule03 .workListWrap .workList li.workItem03 {
    margin: 40px 0 0 0;
	float:right;
}

.concept .conceptModule03 .workListWrap .workList li.workItem04 {
    margin: -56px 0 0 0;
}

.concept .conceptModule03 .workListWrap .workList li.workItem05 {
    margin: 50px 0 0 0;
}

.concept .conceptModule03 .workListWrap .workList li.workItem05 .detailDesc .box {
    padding-bottom: 22px;
}

.concept .conceptModule03 .workListWrap .workList .workListDetailWrap {
    transition: 1s ease-in-out;
    height: 0;
    overflow: hidden;
}

.concept .conceptModule03 .workListWrap .workList .workListDetailWrap.open {
    transition: 1s ease-in-out;
    height: 502px;
}

.concept .conceptModule03 .workListWrap .workList .detailDesc {
    background-image: url("../img/index/ico_shape.png");
    background-repeat: no-repeat;
    background-position: 74px top;
    background-size: 28px auto;
    padding: 28px 0 86px 0;
    text-align: left;
}

.concept .conceptModule03 .workListWrap .workList .detailDesc .box {
    background-color: #2E9648;
    border-radius: 30px;
    color: #FFF;
    padding: 22px 25px 0 25px;
    width: calc(100vw - 40px);
}

.concept .conceptModule03 .workListWrap .workList .detailDesc .box h3 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: 42px;
    margin: 0 0 12px 0;
}

.concept .conceptModule03 .workListWrap .workList .detailDesc .box p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 18px 0;
}

.concept .conceptModule03 .workListWrap .workList .detailDesc .box .arrow {
    background-image: url("../img/index/ico_dotline-white.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 3px;
    padding: 24px 0 38px 0;
    text-align: center;
}

.concept .conceptModule03 .workListWrap .workList .detailDesc .box .arrow img {
    width: 171px;
}

.concept .conceptModule03 h4 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 55px;
    margin: 0 0 62px 0;
    text-align: center;
}

.concept .conceptModule03 h4 span {
    background-image: url("../img/concept/bgi_concept_line.png");
    background-repeat: no-repeat;
    background-size: auto 5px;
    background-position: left bottom;
    padding: 0 0 8px 0;
}

.concept .conceptModule03 .product li {
    position: relative;
}

.concept .conceptModule03 .product li .no {
    height: 74px;
    position: absolute;
    top: -37px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 80px;
}

.concept .conceptModule03 .product li img {
    margin: 0 0 18px 0;
}

.concept .conceptModule03 .product h5 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 20px;
    color: #2E9648;
    margin: 0 0 20px 0;
    text-align: center;
}

.concept .conceptModule03 .product p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 68px 0;
}

.concept .conceptModule03 .product li:last-of-type p {
    margin: 0 0 20px 0;
}

.concept .conceptModule04 {
    background-image: url(""), url("../img/concept/ico_concept_line01.png");
    background-position: center 238px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 58px auto, 3px 80px;
    padding: 0 0 0 0;
    position: relative;
}

.concept .conceptModule04 .parallax_bg1 {
    background-image: url("../img/concept/pic_concept-dinner1.png");
    background-position:bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 0 0 204px 0;
}
.concept .conceptModule04 .parallax_bg3 {
    background-image: url("../img/concept/pic_concept-movie21.png");
    background-position:bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 0 0 124px 0;
}

.concept .conceptModule04 .parallax_bg2 {
    background-image: url("../img/concept/pic_concept-movie.png");
    background-position:bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 100px 0 124px 0;
}
.concept .conceptModule04 h2 {
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 2.85px;
	line-height: 25px;
	font-family: "微軟正黑體", "新細明體";
	color: #2E9648;
	margin: 0 0 30px 0;
	text-align: center;
}

.concept .conceptModule04 .ico {
    position: absolute;
    top: 220px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100px;
}

.concept .conceptModule04 h3 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 3.9px;
    line-height: 50px;
    margin: 0 0 16px 0;
    text-align: center;
}

.concept .conceptModule04 .txt {
    margin: 0 0 20px 0;
		width:90%;
	margin-left:5%;
	text-align:justify;
}

.concept .conceptModule04 .txt p {
    display: inline;
    border-bottom: 1px solid #CCC;
    padding: 0 0 6px 0;
	text-align:justify;
}

.concept .conceptModule04 .txt p  {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 40px;
}

.concept .conceptModule05 {
    background-image: url("../img/concept/ico_concept_table.png"), url("../img/concept/ico_concept_line01.png");
    background-position: center 240px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 58px auto, 3px auto;
    padding: 0 0 138px 0;
    position: relative;
}

.concept .conceptModule05 .parallax_bg {
    background-image: url("../img/concept/pic_concept09.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 0 0 164px 0;
}

.concept .conceptModule05 h2 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 2.85px;
    line-height: 45px;
    font-family: 'Josefin Sans', sans-serif;
    color: #2E9648;
    margin: 0 0 18px 0;
    text-align: center;
}

.concept .conceptModule05 .ico {
    position: absolute;
    top: 316px;
    right: calc(100vw / 2 + 65px);
    margin: 0 auto;
    width: 65px;
}

.concept .conceptModule05 h3 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 3.9px;
    line-height: 50px;
    margin: 0 0 14px 0;
    text-align: center;
}

.concept .conceptModule05 .txt {
    margin: 0 0 20px 0;
}

.concept .conceptModule05 .txt p {
    display: inline;
    border-bottom: 1px solid #CCC;
    padding: 0 0 6px 0;
}

.concept .conceptModule05 .txt p span {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 40px;
}

.concept .conceptModule06 .heading01Bottom {
    padding-bottom: 103px;
}

.concept .conceptModule06 .heading01Bottom::after {
    height: 103px;
}

.safety footer .footerTopMenuType02 {
    display: none;
}

.safety footer .footerTopMenuType03 {
    display: none;
}

.safety .safetyModule01 {
    position: relative;
}

.safety .safetyModule01 .pageHeader {
    padding-top: 100px;
}

.safety .safetyModule01 .pageHeader .pageHeaderIcon {
    width: 47px;
}

.safety .safetyModule01 .hero-scroll {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 1;
}

.safety .safetyModule03 {
    padding: 52px 20px 0 20px;
    text-align: center;
}

.safety .safetyModule03 .point {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 22px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/safety/ico_safetyballoon.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 120px auto;
    color: #2E9648;
    margin: 0 auto;
    text-align: center;
}

.safety .safetyModule03 .point span {
    font-size: 20px;
}

.safety .safetyModule03 .imgWrap {
    padding: 25px 0 0 0;
}

.safety .safetyModule03 h2 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 44px;
    background-color: #FFF;
    display: inline-block;
    margin: 0 auto;
    padding: 30px 0 0 0;
    text-align: center;
    width: 225px;
}

.safety .safetyModule03 h2 span {
    background-image: url("../img/safety/ico_safety_line.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 5px;
    padding: 0 0 10px 0;
}

.safety .safetyModule03 p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    border: 2px solid #DEDEDE;
    border-radius: 20px;
    margin: -110px 0 0 0;
    padding: 128px 25px 40px 25px;
    text-align: left;
}

.safety .safetyModule04 {
    padding: 40px 20px 0 20px;
    text-align: center;
}

.safety .safetyModule04 .point {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 22px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/safety/ico_safetyballoon.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 120px auto;
    color: #2E9648;
    margin: 0 auto;
    text-align: center;
}

.safety .safetyModule04 .point span {
    font-size: 20px;
}

.safety .safetyModule04 .imgWrap {
    padding: 25px 0 0 0;
}

.safety .safetyModule04 h2 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 44px;
    background-color: #FFF;
    display: inline-block;
    margin: 0 auto;
    padding: 30px 0 0 0;
    text-align: center;
    width: 285px;
}

.safety .safetyModule04 h2 span {
    background-image: url("../img/safety/ico_safety_line.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 5px;
    padding: 0 0 10px 0;
}

.safety .safetyModule04 p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    border: 2px solid #DEDEDE;
    border-radius: 20px;
    margin: -110px 0 0 0;
    padding: 128px 25px 40px 25px;
    text-align: left;
}

.safety .safetyModule05 {
    padding: 40px 20px 0 20px;
    text-align: center;
}

.safety .safetyModule05 .point {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 22px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/safety/ico_safetyballoon.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 120px auto;
    color: #2E9648;
    margin: 0 auto;
    text-align: center;
}

.safety .safetyModule05 .point span {
    font-size: 20px;
}

.safety .safetyModule05 .imgWrap {
    padding: 25px 0 0 0;
}

.safety .safetyModule05 h2 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 44px;
    background-color: #FFF;
    display: inline-block;
    margin: 0 auto;
    padding: 30px 0 0 0;
    text-align: center;
    width: 285px;
}

.safety .safetyModule05 h2 span {
    background-image: url("../img/safety/ico_safety_line.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 5px;
    padding: 0 0 10px 0;
}

.safety .safetyModule05 p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    border: 2px solid #DEDEDE;
    border-radius: 20px;
    margin: -110px 0 0 0;
    padding: 128px 25px 40px 25px;
    text-align: left;
}

.safety .safetyModule06 {
    padding: 40px 20px 0 20px;
}

.safety .safetyModule06 .box01 {
    background-color: #F0FBFC;
    padding: 0 25px 0 25px;
    text-align: center;
}

.safety .safetyModule06 .box01 .haccp {
    display: block;
    height: 160px;
    padding: 30px 0 0 0;
    margin: 0 auto 18px auto;
    width: 130px;
}

.safety .safetyModule06 .box01 h3 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 50px;
    border-bottom: 2px solid #000;
    display: inline;
    padding: 16px 0 2px 0;
    text-align: center;
}

.safety .safetyModule06 .box01 p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 22px 0 40px 0;
    text-align: left;
}

.safety .safetyModule06 .box02 {
    background-color: #DCF0F2;
    padding: 30px 25px 0 25px;
    text-align: center;
}

.safety .safetyModule06 .box02 h3 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 50px;
    border-bottom: 2px solid #000;
    display: inline;
    padding: 16px 0 2px 0;
    text-align: center;
}

.safety .safetyModule06 .box02 p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 22px 0 40px 0;
    text-align: left;
}

.safety .safetyModule06 .box03 {
    background-color: #F0FBFC;
    padding: 30px 25px 0 25px;
    text-align: center;
}

.safety .safetyModule06 .box03 h3 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 50px;
    border-bottom: 2px solid #000;
    display: inline;
    padding: 16px 0 2px 0;
    text-align: center;
}

.safety .safetyModule06 .box03 p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 22px 0 40px 0;
    text-align: left;
}

.safety .safetyModule08 {
    padding-top: 60px;
}

.safety .safetyModule08 .heading01Bottom {
    padding-bottom: 33px;
}

.safety .safetyModule08 .heading01Bottom::after {
    height: 33px;
}

.products footer .footerTopMenuType02 {
    display: none;
}

.products footer .footerTopMenuType03 {
    display: none;
}

.products .inPreparation {
    font-weight: 500;
    padding-bottom: 60px;
    text-align: center;
}

.products .productsPageHeaderModule {
    padding-top: 100px;
}

.products .productsPageHeaderModule .pageHeaderIcon {
    width: 55px;
}

.products .productsModule01 {
    margin: 0 0 58px 0;
    padding: 182px 0 0 0;
}

.products .productsModule01 h1 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 20px;
    background-image: url("../img/products/ico_product_logo.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 56px auto;
    padding: 0 0 49px 0;
    position: relative;
    text-align: center;
}

.products .productsModule01 h1::before {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 4.8px;
    line-height: 16px;
    color: #2E9648;
    content: "PRODUCTS";
    position: absolute;
    top: -28px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.products .productsModule01 .breadcrumbs {
    display: none;
}

.products .productsModule01 .hero-scroll {
    display: none;
}

.products .productsModule02 {
    padding-top: 60px;
}

.products .productsModule02 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 20px 0 20px;
}

.products .productsModule02 ul li {
    background-color: #F3F3F3;
    width: 50%;
}

.products .productsModule02 ul li:nth-of-type(2n + 1) {
    border-right: 1px solid #DEDEDE;
    border-radius: 10px 0 0 10px;
}

.products .productsModule02 ul li:nth-of-type(2n) {
    border-radius: 0 10px 10px 0;
}

.products .productsModule02 ul li:nth-child(1),
.products .productsModule02 ul li:nth-child(2) {
    border-bottom: 1px solid #DEDEDE;
}

.products .productsModule02 ul li a {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.75px;
    line-height: 50px;
    color: #2E9648;
    display: block;
    height: 100%;
    text-align: center;
    width: 100%;
}

.products .productsModule03 {
    padding: 58px 0 0 0;
}

.products .productsModule03 ul {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 20px 0 20px;
}

.products .productsModule03 ul li {
    margin: 0 0 48px 0;
    width: calc(100% / 2 - 14px);
}

.products .productsModule03 ul li .imgWrap {
    align-items: center;
    background-color: #F3F3F3;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    margin: 0 0 15px 0;
    position: relative;
}

.products .productsModule03 ul li .imgWrap .newIcon {
    display: none;
    position: absolute;
    top: -22px;
    left: -12px;
    width: 74px;
}

.products .productsModule03 ul li .imgWrap .properIcon {
    display: none;
    position: absolute;
    top: -22px;
    left: -12px;
    width: 54px;
}

.products .productsModule03 ul li.new .newIcon {
    display: block;
}

.products .productsModule03 ul li.proper .properIcon {
    display: block;
}

.products .productsModule03 ul li p {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.75px;
    line-height: 24px;
}

.products .productsModule04 p {
    background-color: #2E9648;
    background-image: url("../img/products/ico_menu02.png");
    background-repeat: no-repeat;
    background-position: 21px center;
    background-size: 15px auto;
    border-radius: 10px;
    color: #FFF;
    height: 70px;
    margin: 0 20px 0 20px;
    text-align: center;
}

.products .productsModule04 p a {
    align-items: center;
    display: flex;
    height: 70px;
    justify-content: center;
    text-align: center;
}

.products .productsModule04 p a span {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 3.2px;
    line-height: 16px;
    background-image: url("../img/products/ico_product_line.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: auto 3px;
    height: 32px;
}

.products .productsModule05 {
    padding: 60px 20px 40px 20px;
}

.products .productsModule05 h2 {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.85px;
    line-height: 28px;
    align-items: center;
    border: 2px solid #2E9648;
    color: #2E9648;
    display: flex;
    justify-content: center;
    height: 93px;
    margin: 0 0 35px 0;
    position: relative;
    text-align: center;
}

.products .productsModule05 h2::after {
    background-color: #2E9648;
    content: "";
    height: 35px;
    position: absolute;
    right: 0;
    bottom: -35px;
    left: 0;
    margin: 0 auto;
    width: 2px;
}

.products .productsModule05 h2 span {
    background-color: #FFF;
    display: block;
    height: 5px;
    position: absolute;
    width: 5px;
}

.products .productsModule05 h2 span.lt {
    top: -2px;
    left: -2px;
}

.products .productsModule05 h2 span.rt {
    top: -2px;
    right: -2px;
}

.products .productsModule05 h2 span.rb {
    bottom: -2px;
    right: -2px;
}

.products .productsModule05 h2 span.lb {
    bottom: -2px;
    left: -2px;
}

.products .productsDetailModule01 {
    margin: 0 0 24px 0;
    padding: 142px 0 0 0;
}

.products .productsDetailModule01 h1 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 20px;
    background-image: url("../img/products/ico_product_logo.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 56px auto;
    padding: 0 0 49px 0;
    position: relative;
    text-align: center;
}

.products .productsDetailModule01 h1::before {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 4.8px;
    line-height: 16px;
    color: #2E9648;
    content: "PRODUCTS";
    position: absolute;
    top: -28px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.products .productsDetailModule01 .breadcrumbs {
    display: none;
}

.products .productsDetailModule01 .hero-scroll {
    display: none;
}

.products .productsDetailModule02 {
    padding-top: 40px;
}

.products .productsDetailModule02 .inner {
    padding: 0 20px 0 20px;
}

.products .productsDetailModule02 .inner .productList li {
    padding: 28px 0 28px 0;
}

.products .productsDetailModule02 .inner .productList li .imgWrap {
    background-color: #F3F3F3;
    border-radius: 30px;
    position: relative;
}

.products .productsDetailModule02 .inner .productList li .imgWrap .newItem {
    position: absolute;
    top: -28px;
    left: -28px;
    width: 54px;
}

.products .productsDetailModule02 .inner .productList li .imgWrap .properItem {
    position: absolute;
    top: -28px;
    left: -23px;
    width: 74px;
}

.products .productsDetailModule02 .inner .productList .slick-dots li button:before {
    color: #2E9648;
}

.products .productsDetailModule02 .inner .box h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.96px;
    line-height: 32px;
    margin: 0 0 16px 0;
    padding: 0 10px 0 10px;
}

.products .productsDetailModule02 .inner .box .desc {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 0 10px 0 10px;
}

.products .productsDetailModule02 .inner .box ul {
    padding: 10px 0 0 0;
}

.products .productsDetailModule02 .inner .box ul li {
    border-bottom: 2px solid #DEDEDE;
    display: flex;
    padding: 26px 10px 22px 10px;
}

.products .productsDetailModule02 .inner .box ul li h3 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 28px;
    min-width: 100px;
}

.products .productsDetailModule02 .inner .box ul li p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 28px;
    display: inline-block;
    flex-basis: 300px;
    flex-grow: 1;
    flex-shrink: 1;
}

.products .productsDetailModule02 .inner .box ul li p span {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.42px;
    line-height: 28px;
    border: 1px solid #111;
    border-radius: 6px;
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
    width: 100%;
}

.products .productsDetailModule03 {
    padding: 54px 0 0 0;
}

.products .productsDetailModule03 .inner {
    padding: 0 20px 0 20px;
}

.products .productsDetailModule03 .inner h2 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 50px;
    color: #2E9648;
    padding: 0 0 16px 0;
    text-align: center;
}

.products .productsDetailModule03 .inner ul {
    border-top: 2px solid #DEDEDE;
}

.products .productsDetailModule03 .inner ul li {
    align-items: center;
    border-bottom: 2px solid #DEDEDE;
    display: flex;
    height: 82px;
    justify-content: space-between;
    padding: 0 20px 0 20px;
}

.products .productsDetailModule03 .inner ul li h4 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.45px;
    line-height: 42px;
}

.products .productsDetailModule03 .inner ul li p {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.products .productsDetailModule04 {
    padding: 40px 0 46px 0;
}

.products .productsDetailModule04 p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3.2px;
    line-height: 42px;
    align-items: center;
    background-color: #F1F1F1;
    background-image: url("../img/products/menu-icon-02.png");
    background-repeat: no-repeat;
    background-position: 22px center;
    background-size: 7px auto;
    border-radius: 10px;
    color: #2E9648;
    display: flex;
    justify-content: center;
    height: 70px;
    margin: 0 20px 0 20px;
    text-align: center;
}

.products .productsDetailModule04 p span {
    background-image: url("../img/products/common-line-01.png");
    background-repeat: no-repeat;
    background-size: auto 3px;
    background-position: left bottom;
    padding-bottom: 8px;
}

.products .productsDetailModule05 {
    padding: 0 0 40px 0;
}

.products .productsDetailModule05 h2 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 50px;
    color: #2E9648;
    text-align: center;
}

.products .productsDetailModule05 .productList {
    margin: 0 30px 0 30px;
    padding: 0;
    position: relative;
    text-align: center;
}

.products .productsDetailModule05 .productList .sliderArrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 44px;
    width: 48px;
    z-index: 1;
}

.products .productsDetailModule05 .productList .sliderArrow.prev {
    left: -20px;
}

.products .productsDetailModule05 .productList .sliderArrow.next {
    right: -20px;
}

.products .productsDetailModule05 .productList li {
    padding: 47px 0 0 0;
    position: relative;
}

.products .productsDetailModule05 .productList li .imgWrap {
    align-items: center;
    background-color: #F3F3F3;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.products .productsDetailModule05 .productList li .newItem,
.products .productsDetailModule05 .productList li .properItem {
    display: none;
    position: absolute;
    top: -47px;
    left: 0;
}

.products .productsDetailModule05 .productList li p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #111;
    text-align: left;
}

.products .productsDetailModule05 .productList li.new img.newItem {
    display: block;
    width: 114px;
}

.products .productsDetailModule05 .productList li.proper img.properItem {
    display: block;
    width: 94px;
}

.products .productsDetailModule06 {
    padding-bottom: 60px;
}

.products .productsDetailModule06 h2 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 50px;
    color: #2E9648;
    margin: 0 0 20px 0;
    text-align: center;
}

.products .productsDetailModule06 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 20px 0 20px;
}

.products .productsDetailModule06 ul li {
    background-color: #F3F3F3;
    width: 50%;
}

.products .productsDetailModule06 ul li:nth-of-type(2n + 1) {
    border-right: 1px solid #DEDEDE;
    border-radius: 10px 0 0 10px;
}

.products .productsDetailModule06 ul li:nth-of-type(2n) {
    border-radius: 0 10px 10px 0;
}

.products .productsDetailModule06 ul li:nth-child(1),
.products .productsDetailModule06 ul li:nth-child(2) {
    border-bottom: 1px solid #DEDEDE;
}

.products .productsDetailModule06 ul li a {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 50px;
    color: #2E9648;
    display: block;
    height: 100%;
    text-align: center;
    width: 100%;
}

.products .productsDetailModule07 {
    padding: 60px 20px 40px 20px;
}

.products .productsDetailModule07 h2 {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.85px;
    line-height: 28px;
    align-items: center;
    border: 2px solid #2E9648;
    color: #2E9648;
    display: flex;
    justify-content: center;
    height: 93px;
    margin: 0 0 35px 0;
    position: relative;
    text-align: center;
}

.products .productsDetailModule07 h2::after {
    background-color: #2E9648;
    content: "";
    height: 35px;
    position: absolute;
    right: 0;
    bottom: -35px;
    left: 0;
    margin: 0 auto;
    width: 2px;
}

.products .productsDetailModule07 h2 span {
    background-color: #FFF;
    display: block;
    height: 5px;
    position: absolute;
    width: 5px;
}

.products .productsDetailModule07 h2 span.lt {
    top: -2px;
    left: -2px;
}

.products .productsDetailModule07 h2 span.rt {
    top: -2px;
    right: -2px;
}

.products .productsDetailModule07 h2 span.rb {
    bottom: -2px;
    right: -2px;
}

.products .productsDetailModule07 h2 span.lb {
    bottom: -2px;
    left: -2px;
}

.wrap.recruit {
    background-color: #F3F3F3;
}

.wrap.recruit .hero-scroll {
    display: none;
}

.wrap.recruit footer .footerTopMenuType01 {
    display: none;
}

.wrap.recruit footer .footerTopMenuType03 {
    display: none;
}

.wrap.recruit .countdown {
    display: none;
}

.wrap.recruit .recruitModule01 {
    background-color: #F3F3F3;
    background-image: url("../img/recruit/index/pic-01-sp.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 530px;
}

.wrap.recruit .recruitModule01 .inner {
    height: 100%;
    position: relative;
}

.wrap.recruit .recruitModule01 .inner .info {
    background-color: #2E9648;
    background-image: url("../img/recruit/ico_recruit_logo.png");
    background-position: calc(100% - 16px) 16px;
    background-repeat: no-repeat;
    background-size: 47px auto;
    border-radius: 10px;
    color: #FFF;
    padding: 62px 18px 18px 18px;
    position: absolute;
    top: calc(100% / 2 - 96px);
    right: 20px;
    margin: 0 auto;
    width: 144px;
    z-index: 1;
}

.wrap.recruit .recruitModule01 .inner .info h1 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3.75px;
    line-height: 45px;
    padding: 0 0 16px 0;
    position: relative;
}

.wrap.recruit .recruitModule01 .inner .info h1::after {
    background-color: #FFF;
    content: "";
    height: 2px;
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 16px;
}

.wrap.recruit .recruitModule01 .inner .info p {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 18px;
    font-family: 'Josefin Sans', sans-serif;
}

.wrap.recruit .recruitModule01 .inner .recent {
    background-color: #FFF;
    border-radius: 10px;
    color: #2E9648;
    height: 80px;
    margin: 0 20px 0 20px;
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
}

.wrap.recruit .recruitModule01 .inner .recent a {
    align-items: center;
    background-image: url("../img/recruit/ico_btn-01-green.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 41px auto;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitModule01 .inner .recent a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitModule01 .inner .recent a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 42px;
    background-image: url("../img/recruit/index/ico_dotline-green.png");
    background-position: 34px bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
    padding: 0 0 0 33px;
}

.wrap.recruit .recruitModule01 .inner .breadcrumbs {
    display: none;
}

.wrap.recruit .recruitModule02 {
    background-color: #F3F3F3;
    margin-bottom: 50px;
    padding: 86px 0 0 0;
}

.wrap.recruit .recruitModule02 .inner {
    padding: 0 20px 10px 20px;
}

.wrap.recruit .recruitModule02 .inner h2 {
    margin: 0 0 14px 0;
}

.wrap.recruit .recruitModule02 .inner p span {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 40px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #CCC;
}

.wrap.recruit .recruitModule03 {
    background-color: #F3F3F3;
    padding: 0 0 30px 0;
}

.wrap.recruit .recruitModule03 .inner {
    background-color: #FFF;
    margin: 0 20px 0 20px;
}

.wrap.recruit .recruitModule03 .inner .box a {
    display: block;
    height: 100%;
    padding: 48px 0 69px 0;
    position: relative;
    width: 100%;
}

.wrap.recruit .recruitModule03 .inner .box a .no {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 14px;
    background-image: url("../img/recruit/ico_shape.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 71px 71px;
    color: #FFF;
    height: 86px;
    padding: 12px 0 0 12px;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 83px;
}

.wrap.recruit .recruitModule03 .inner .box a h2 {
    margin: 0 0 16px 0;
    text-align: center;
}

.wrap.recruit .recruitModule03 .inner .box a h2 img {
    margin: 0 auto;
    width: 254px;
}

.wrap.recruit .recruitModule03 .inner .box a p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    color: #2E9648;
    margin: 0 auto;
    width: 250px;
}

.wrap.recruit .recruitModule03 .inner .box a .title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 26px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/index/ico_dotline-green.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    color: #2E9648;
    display: inline-block;
    padding: 0 3px 0 3px;
    position: absolute;
    bottom: 22px;
    left: 20px;
}

.wrap.recruit .recruitModule04 {
    background-color: #F3F3F3;
    padding: 0 0 30px 0;
}

.wrap.recruit .recruitModule04 .inner {
    background-color: #FFF;
    margin: 0 20px 0 20px;
}

.wrap.recruit .recruitModule04 .inner .box a {
    display: block;
    height: 100%;
    padding: 48px 0 69px 0;
    position: relative;
    width: 100%;
}

.wrap.recruit .recruitModule04 .inner .box a .no {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 14px;
    background-image: url("../img/recruit/ico_shape.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 71px 71px;
    color: #FFF;
    height: 86px;
    padding: 12px 0 0 12px;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 83px;
}

.wrap.recruit .recruitModule04 .inner .box a h2 {
    margin: 0 0 16px 0;
    text-align: center;
}

.wrap.recruit .recruitModule04 .inner .box a h2 img {
    margin: 0 auto;
    width: 254px;
}

.wrap.recruit .recruitModule04 .inner .box a p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    color: #2E9648;
    margin: 0 auto;
    width: 250px;
}

.wrap.recruit .recruitModule04 .inner .box a .title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 26px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/index/ico_dotline-green.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    color: #2E9648;
    display: inline-block;
    padding: 0 3px 0 3px;
    position: absolute;
    bottom: 22px;
    left: 20px;
}

.wrap.recruit .recruitModule05 {
    background-color: #F3F3F3;
    padding: 0 0 30px 0;
}

.wrap.recruit .recruitModule05 .inner {
    background-color: #FFF;
    margin: 0 20px 0 20px;
}

.wrap.recruit .recruitModule05 .inner .box a {
    display: block;
    height: 100%;
    padding: 48px 0 69px 0;
    position: relative;
    width: 100%;
}

.wrap.recruit .recruitModule05 .inner .box a .no {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 14px;
    background-image: url("../img/recruit/ico_shape.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 71px 71px;
    color: #FFF;
    height: 86px;
    padding: 12px 0 0 12px;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 83px;
}

.wrap.recruit .recruitModule05 .inner .box a h2 {
    margin: 0 0 16px 0;
    text-align: center;
}

.wrap.recruit .recruitModule05 .inner .box a h2 img {
    margin: 0 auto;
    width: 254px;
}

.wrap.recruit .recruitModule05 .inner .box a p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    color: #2E9648;
    margin: 0 auto;
    width: 250px;
}

.wrap.recruit .recruitModule05 .inner .box a .title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 26px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/index/ico_dotline-green.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    color: #2E9648;
    display: inline-block;
    padding: 0 3px 0 3px;
    position: absolute;
    bottom: 22px;
    left: 20px;
}

.wrap.recruit .recruitModule06 {
    background-color: #F3F3F3;
    padding: 0 0 30px 0;
}

.wrap.recruit .recruitModule06 .inner {
    background-color: #FFF;
    margin: 0 20px 0 20px;
}

.wrap.recruit .recruitModule06 .inner .box a {
    display: block;
    height: 100%;
    padding: 48px 0 69px 0;
    position: relative;
    width: 100%;
}

.wrap.recruit .recruitModule06 .inner .box a .no {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 14px;
    background-image: url("../img/recruit/ico_shape.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 71px 71px;
    color: #FFF;
    height: 86px;
    padding: 12px 0 0 12px;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 83px;
}

.wrap.recruit .recruitModule06 .inner .box a h2 {
    margin: 0 0 16px 0;
    text-align: center;
}

.wrap.recruit .recruitModule06 .inner .box a h2 img {
    margin: 0 auto;
    width: 254px;
}

.wrap.recruit .recruitModule06 .inner .box a p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    color: #2E9648;
    margin: 0 auto;
    width: 250px;
}

.wrap.recruit .recruitModule06 .inner .box a .title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 26px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/index/ico_dotline-green.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    color: #2E9648;
    display: inline-block;
    padding: 0 3px 0 3px;
    position: absolute;
    bottom: 22px;
    left: 20px;
}

.wrap.recruit .recruitModule07 {
    background-color: #F3F3F3;
    padding: 10px 0 60px 0;
}

.wrap.recruit .recruitModule07 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitModule07 .inner .btn {
    background-color: #2E9648;
    border-radius: 10px;
    color: #FFF;
    height: 70px;
}

.wrap.recruit .recruitModule07 .inner .btn a {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitModule07 .inner .btn a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitModule07 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/recruit/ico_dotline-white.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
}

.wrap.recruit .recruitPhilosophyModule01 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitPhilosophyModule01 .inner .imgWrap {
    position: relative;
    /* height: 192px; */
}

.wrap.recruit .recruitPhilosophyModule01 .inner .imgWrap .info {
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/recruit/ico_recruit_logo.png");
    background-position: calc(100% - 18px) center;
    background-repeat: no-repeat;
    background-size: 47px auto;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    height: 70px;
    padding: 0 18px 0 18px;
    position: absolute;
    bottom: -35px;
    margin: 0 20px 0 20px;
    width: calc(100% - 40px);
}

.wrap.recruit .recruitPhilosophyModule01 .inner .imgWrap .info .tit {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3.75px;
    line-height: 45px;
    border-right: 2px solid #FFF;
    margin: 0 15px 0 0;
    padding: 0 19px 0 0;
}

.wrap.recruit .recruitPhilosophyModule01 .inner .imgWrap .info .txt {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 18px;
    font-family: 'Josefin Sans', sans-serif;
}

.wrap.recruit .recruitPhilosophyModule01 .inner .breadcrumbs {
    display: none;
}

.wrap.recruit .recruitPhilosophyModule02 {
    background-color: #F3F3F3;
    padding: 75px 0 0 0;
    text-align: center;
}

.wrap.recruit .recruitPhilosophyModule02 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPhilosophyModule02 .inner h1 img {
    margin: 0 auto;
    width: 311px;
}

.wrap.recruit .recruitPhilosophyModule02 .inner h1 img.flag {
    display: block;
    width: 51px;
}

.wrap.recruit .recruitPhilosophyModule02 .inner .msg {
    margin: -24px 0 18px 0;
}

.wrap.recruit .recruitPhilosophyModule02 .inner .msg span {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5.4px;
    line-height: 48px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 3px;
    color: #2E9648;
    padding: 0 0 6px 0;
}

.wrap.recruit .recruitPhilosophyModule02 .inner .tit {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 45px;
    padding: 0 0 20px 0;
}

.wrap.recruit .recruitPhilosophyModule02 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 0 0 40px 0;
    text-align: left;
}

.wrap.recruit .recruitPhilosophyModule03 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitPhilosophyModule03 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPhilosophyModule03 .inner .imgWrap {
    padding: 0 0 40px 0;
}

.wrap.recruit .recruitPhilosophyModule03 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 0 0 32px 0;
}

.wrap.recruit .recruitPhilosophyModule04 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitPhilosophyModule04 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPhilosophyModule04 .inner .imgWrap {
    padding: 0 0 40px 0;
}

.wrap.recruit .recruitPhilosophyModule04 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 0 0 40px 0;
}

.wrap.recruit .recruitPhilosophyModule04 .imgWrap {
    padding: 0 0 40px 0;
}

.wrap.recruit .recruitPhilosophyModule05 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitPhilosophyModule05 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPhilosophyModule05 .inner .btn {
    background-color: #2E9648;
    border-radius: 10px;
    color: #FFF;
    height: 70px;
}

.wrap.recruit .recruitPhilosophyModule05 .inner .btn a {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitPhilosophyModule05 .inner .btn a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitPhilosophyModule05 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/recruit/ico_dotline-white.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
}

.wrap.recruit .recruitPhilosophyModule06 {
    background-color: #F3F3F3;
    padding: 40px 0 60px 0;
}

.wrap.recruit .recruitPhilosophyModule06 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li {
    margin: 0 0 10px 0;
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a {
    background-color: #FFF;
    border-radius: 10px;
    display: flex;
    padding: 10px;
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a img {
    height: 100px;
    width: auto;
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a .box {
    align-items: center;
    display: flex;
    background-image: url("../img/recruit/ico_shape.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 62px;
    flex-basis: 215px;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100px;
    padding: 0 0 0 49px;
    position: relative;
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a .box .txtWrap {
    color: #2E9648;
    height: 70px;
    margin-top: 32px;
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a .box .txtWrap .tit {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 16px;
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a .box .txtWrap .subtit span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 20px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    display: inline-block;
    padding: 10px 0 0 0;
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a .box::after {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.46px;
    line-height: 14px;
    font-family: 'Josefin Sans', sans-serif;
    color: #FFF;
    position: absolute;
    top: 12px;
    left: 10px;
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a .box.no01::after {
    content: "01";
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a .box.no02::after {
    content: "02";
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a .box.no03::after {
    content: "03";
}

.wrap.recruit .recruitPhilosophyModule06 .inner .list li a .box.no04::after {
    content: "04";
}

.wrap.recruit .recruitOurworksModule01 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitOurworksModule01 .inner .imgWrap {
    position: relative;
}

.wrap.recruit .recruitOurworksModule01 .inner .imgWrap .info {
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/recruit/ico_recruit_logo.png");
    background-position: calc(100% - 18px) center;
    background-repeat: no-repeat;
    background-size: 47px auto;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    height: 70px;
    padding: 0 18px 0 18px;
    position: absolute;
    bottom: -35px;
    margin: 0 20px 0 20px;
    width: calc(100% - 40px);
}

.wrap.recruit .recruitOurworksModule01 .inner .imgWrap .info .tit {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3.75px;
    line-height: 45px;
    border-right: 2px solid #FFF;
    margin: 0 15px 0 0;
    padding: 0 19px 0 0;
}

.wrap.recruit .recruitOurworksModule01 .inner .imgWrap .info .txt {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 18px;
    font-family: 'Josefin Sans', sans-serif;
}

.wrap.recruit .recruitOurworksModule01 .inner .breadcrumbs {
    display: none;
}

.wrap.recruit .recruitOurworksModule02 {
    background-color: #F3F3F3;
    padding: 75px 0 0 0;
    text-align: center;
}

.wrap.recruit .recruitOurworksModule02 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitOurworksModule02 .inner h1 {
    margin-bottom: 16px;
}

.wrap.recruit .recruitOurworksModule02 .inner h1 img {
    margin: 0 auto;
    width: 311px;
}

.wrap.recruit .recruitOurworksModule02 .inner h1 img.flag {
    display: block;
    width: 51px;
}

.wrap.recruit .recruitOurworksModule02 .inner .msg {
    margin: 0 0 14px 0;
}

.wrap.recruit .recruitOurworksModule02 .inner .msg span {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5.4px;
    line-height: 48px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 3px;
    color: #2E9648;
    padding: 0 0 6px 0;
}

.wrap.recruit .recruitOurworksModule02 .inner .tit {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 45px;
    padding: 0 0 20px 0;
}

.wrap.recruit .recruitOurworksModule02 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 0 0 46px 0;
    text-align: left;
}

.wrap.recruit .recruitOurworksModule03 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitOurworksModule03 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitOurworksModule03 .inner .borderWrap {
    border: 2px solid #DEDEDE;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 54px 25px 22px 25px;
    position: relative;
}

.wrap.recruit .recruitOurworksModule03 .inner .borderWrap h2 {
    position: absolute;
    top: -27px;
    right: 0;
    left: 0;
    text-align: center;
}

.wrap.recruit .recruitOurworksModule03 .inner .borderWrap h2 span {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 54px;
    background-color: #F3F3F3;
    padding: 0 14px 0 14px;
}

.wrap.recruit .recruitOurworksModule03 .inner .borderWrap .imgWrap {
    margin: 0 0 16px 0;
}

.wrap.recruit .recruitOurworksModule03 .inner .borderWrap p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.wrap.recruit .recruitOurworksModule04 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitOurworksModule04 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitOurworksModule04 .inner .borderWrap {
    border: 2px solid #DEDEDE;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 54px 25px 22px 25px;
    position: relative;
}

.wrap.recruit .recruitOurworksModule04 .inner .borderWrap h2 {
    position: absolute;
    top: -27px;
    right: 0;
    left: 0;
    text-align: center;
}

.wrap.recruit .recruitOurworksModule04 .inner .borderWrap h2 span {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 54px;
    background-color: #F3F3F3;
    padding: 0 14px 0 14px;
}

.wrap.recruit .recruitOurworksModule04 .inner .borderWrap .imgWrap {
    margin: 0 0 16px 0;
}

.wrap.recruit .recruitOurworksModule04 .inner .borderWrap p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.wrap.recruit .recruitOurworksModule05 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitOurworksModule05 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitOurworksModule05 .inner .borderWrap {
    border: 2px solid #DEDEDE;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 54px 25px 22px 25px;
    position: relative;
}

.wrap.recruit .recruitOurworksModule05 .inner .borderWrap h2 {
    position: absolute;
    top: -27px;
    right: 0;
    left: 0;
    text-align: center;
}

.wrap.recruit .recruitOurworksModule05 .inner .borderWrap h2 span {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 54px;
    background-color: #F3F3F3;
    padding: 0 14px 0 14px;
}

.wrap.recruit .recruitOurworksModule05 .inner .borderWrap .imgWrap {
    margin: 0 0 16px 0;
}

.wrap.recruit .recruitOurworksModule05 .inner .borderWrap p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.wrap.recruit .recruitOurworksModule06 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitOurworksModule06 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitOurworksModule06 .inner .borderWrap {
    border: 2px solid #DEDEDE;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 54px 25px 22px 25px;
    position: relative;
}

.wrap.recruit .recruitOurworksModule06 .inner .borderWrap h2 {
    position: absolute;
    top: -27px;
    right: 0;
    left: 0;
    text-align: center;
}

.wrap.recruit .recruitOurworksModule06 .inner .borderWrap h2 span {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 54px;
    background-color: #F3F3F3;
    padding: 0 14px 0 14px;
}

.wrap.recruit .recruitOurworksModule06 .inner .borderWrap .imgWrap {
    margin: 0 0 16px 0;
}

.wrap.recruit .recruitOurworksModule06 .inner .borderWrap p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.wrap.recruit .recruitOurworksModule07 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitOurworksModule07 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitOurworksModule07 .inner .btn {
    background-color: #2E9648;
    border-radius: 10px;
    color: #FFF;
    height: 70px;
}

.wrap.recruit .recruitOurworksModule07 .inner .btn a {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitOurworksModule07 .inner .btn a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitOurworksModule07 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/recruit/ico_dotline-white.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
}

.wrap.recruit .recruitOurworksModule08 {
    background-color: #F3F3F3;
    padding: 40px 0 60px 0;
}

.wrap.recruit .recruitOurworksModule08 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitOurworksModule08 .inner .list li {
    margin: 0 0 10px 0;
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a {
    background-color: #FFF;
    border-radius: 10px;
    display: flex;
    padding: 10px;
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a img {
    height: 100px;
    width: auto;
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a .box {
    align-items: center;
    display: flex;
    background-image: url("../img/recruit/ico_shape.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 62px;
    flex-basis: 215px;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100px;
    padding: 0 0 0 49px;
    position: relative;
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a .box .txtWrap {
    color: #2E9648;
    height: 70px;
    margin-top: 32px;
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a .box .txtWrap .tit {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 16px;
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a .box .txtWrap .subtit span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 20px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    display: inline-block;
    padding: 10px 0 0 0;
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a .box::after {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.46px;
    line-height: 14px;
    font-family: 'Josefin Sans', sans-serif;
    color: #FFF;
    position: absolute;
    top: 12px;
    left: 10px;
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a .box.no01::after {
    content: "01";
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a .box.no02::after {
    content: "02";
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a .box.no03::after {
    content: "03";
}

.wrap.recruit .recruitOurworksModule08 .inner .list li a .box.no04::after {
    content: "04";
}

.wrap.recruit .recruitEffortsModule01 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitEffortsModule01 .inner .imgWrap {
    position: relative;
}

.wrap.recruit .recruitEffortsModule01 .inner .imgWrap .info {
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/recruit/ico_recruit_logo.png");
    background-position: calc(100% - 18px) center;
    background-repeat: no-repeat;
    background-size: 47px auto;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    height: 70px;
    padding: 0 18px 0 18px;
    position: absolute;
    bottom: -35px;
    margin: 0 20px 0 20px;
    width: calc(100% - 40px);
}

.wrap.recruit .recruitEffortsModule01 .inner .imgWrap .info .tit {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3.75px;
    line-height: 45px;
    border-right: 2px solid #FFF;
    margin: 0 15px 0 0;
    padding: 0 19px 0 0;
}

.wrap.recruit .recruitEffortsModule01 .inner .imgWrap .info .txt {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 18px;
    font-family: 'Josefin Sans', sans-serif;
}

.wrap.recruit .recruitEffortsModule01 .inner .breadcrumbs {
    display: none;
}

.wrap.recruit .recruitEffortsModule02 {
    background-color: #F3F3F3;
    padding: 75px 0 0 0;
    text-align: center;
}

.wrap.recruit .recruitEffortsModule02 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitEffortsModule02 .inner h1 img {
    margin: 0 auto;
    width: 311px;
}

.wrap.recruit .recruitEffortsModule02 .inner h1 img.flag {
    display: block;
    width: 51px;
}

.wrap.recruit .recruitEffortsModule02 .inner .msg {
    margin: 10px 0 18px 0;
}

.wrap.recruit .recruitEffortsModule02 .inner .msg span {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5.4px;
    line-height: 48px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 3px;
    color: #2E9648;
    padding: 0 0 6px 0;
}

.wrap.recruit .recruitEffortsModule02 .inner .tit {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 45px;
    padding: 0 0 20px 0;
}

.wrap.recruit .recruitEffortsModule02 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 0 0 60px 0;
    text-align: left;
}

.wrap.recruit .recruitEffortsModule03 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitEffortsModule03 .inner {
    padding: 0 20px 1px 20px;
}

.wrap.recruit .recruitEffortsModule03 .inner .borderWrap {
    border: 2px solid #DEDEDE;
    border-radius: 20px;
    margin: 0 0 50px 0;
    padding: 54px 23px 24px 23px;
    position: relative;
}

.wrap.recruit .recruitEffortsModule03 .inner .borderWrap h2 {
    position: absolute;
    top: -27px;
    right: 0;
    left: 0;
    text-align: center;
}

.wrap.recruit .recruitEffortsModule03 .inner .borderWrap h2 span {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 54px;
    background-color: #F3F3F3;
    padding: 0 14px 0 14px;
}

.wrap.recruit .recruitEffortsModule03 .inner .borderWrap .imgWrap {
    margin: 0 0 16px 0;
}

.wrap.recruit .recruitEffortsModule03 .inner .borderWrap p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.wrap.recruit .recruitEffortsModule04 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitEffortsModule04 .inner {
    padding: 0 20px 1px 20px;
}

.wrap.recruit .recruitEffortsModule04 .inner .borderWrap {
    border: 2px solid #DEDEDE;
    border-radius: 20px;
    margin: 0 0 50px 0;
    padding: 54px 23px 24px 23px;
    position: relative;
}

.wrap.recruit .recruitEffortsModule04 .inner .borderWrap h2 {
    position: absolute;
    top: -27px;
    right: 0;
    left: 0;
    text-align: center;
}

.wrap.recruit .recruitEffortsModule04 .inner .borderWrap h2 span {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 54px;
    background-color: #F3F3F3;
    padding: 0 14px 0 14px;
}

.wrap.recruit .recruitEffortsModule04 .inner .borderWrap .imgWrap {
    margin: 0 0 16px 0;
}

.wrap.recruit .recruitEffortsModule04 .inner .borderWrap p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.wrap.recruit .recruitEffortsModule05 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitEffortsModule05 .inner {
    padding: 0 20px 1px 20px;
}

.wrap.recruit .recruitEffortsModule05 .inner .borderWrap {
    border: 2px solid #DEDEDE;
    border-radius: 20px;
    margin: 0 0 50px 0;
    padding: 54px 23px 24px 23px;
    position: relative;
}

.wrap.recruit .recruitEffortsModule05 .inner .borderWrap h2 {
    position: absolute;
    top: -27px;
    right: 0;
    left: 0;
    text-align: center;
}

.wrap.recruit .recruitEffortsModule05 .inner .borderWrap h2 span {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 54px;
    background-color: #F3F3F3;
    padding: 0 14px 0 14px;
}

.wrap.recruit .recruitEffortsModule05 .inner .borderWrap .imgWrap {
    margin: 0 0 16px 0;
}

.wrap.recruit .recruitEffortsModule05 .inner .borderWrap p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.wrap.recruit .recruitEffortsModule06 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitEffortsModule06 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitEffortsModule06 .inner .btn {
    background-color: #2E9648;
    border-radius: 10px;
    color: #FFF;
    height: 70px;
}

.wrap.recruit .recruitEffortsModule06 .inner .btn a {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitEffortsModule06 .inner .btn a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitEffortsModule06 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/recruit/ico_dotline-white.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
}

.wrap.recruit .recruitEffortsModule07 {
    background-color: #F3F3F3;
    padding: 40px 0 60px 0;
}

.wrap.recruit .recruitEffortsModule07 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitEffortsModule07 .inner .list li {
    margin: 0 0 10px 0;
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a {
    background-color: #FFF;
    border-radius: 10px;
    display: flex;
    padding: 10px;
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a img {
    height: 100px;
    width: auto;
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a .box {
    align-items: center;
    display: flex;
    background-image: url("../img/recruit/ico_shape.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 62px;
    flex-basis: 215px;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100px;
    padding: 0 0 0 49px;
    position: relative;
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a .box .txtWrap {
    color: #2E9648;
    height: 70px;
    margin-top: 32px;
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a .box .txtWrap .tit {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 16px;
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a .box .txtWrap .subtit span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 20px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    display: inline-block;
    padding: 10px 0 0 0;
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a .box::after {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.46px;
    line-height: 14px;
    font-family: 'Josefin Sans', sans-serif;
    color: #FFF;
    position: absolute;
    top: 12px;
    left: 10px;
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a .box.no01::after {
    content: "01";
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a .box.no02::after {
    content: "02";
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a .box.no03::after {
    content: "03";
}

.wrap.recruit .recruitEffortsModule07 .inner .list li a .box.no04::after {
    content: "04";
}

.wrap.recruit .recruitPersonModule01 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitPersonModule01 .inner .imgWrap {
    position: relative;
}

.wrap.recruit .recruitPersonModule01 .inner .imgWrap .info {
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/recruit/ico_recruit_logo.png");
    background-position: calc(100% - 18px) center;
    background-repeat: no-repeat;
    background-size: 47px auto;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    height: 70px;
    padding: 0 18px 0 18px;
    position: absolute;
    bottom: -35px;
    margin: 0 20px 0 20px;
    width: calc(100% - 40px);
}

.wrap.recruit .recruitPersonModule01 .inner .imgWrap .info .tit {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3.75px;
    line-height: 45px;
    border-right: 2px solid #FFF;
    margin: 0 15px 0 0;
    padding: 0 19px 0 0;
}

.wrap.recruit .recruitPersonModule01 .inner .imgWrap .info .txt {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 18px;
    font-family: 'Josefin Sans', sans-serif;
}

.wrap.recruit .recruitPersonModule01 .inner .breadcrumbs {
    display: none;
}

.wrap.recruit .recruitPersonModule02 {
    background-color: #F3F3F3;
    padding: 75px 0 0 0;
    text-align: center;
}

.wrap.recruit .recruitPersonModule02 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPersonModule02 .inner h1 img {
    margin: 0 auto;
    width: 311px;
}

.wrap.recruit .recruitPersonModule02 .inner h1 img.flag {
    display: block;
    width: 51px;
}

.wrap.recruit .recruitPersonModule02 .inner .msg {
    margin: 0 0 18px 0;
}

.wrap.recruit .recruitPersonModule02 .inner .msg span {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5.4px;
    line-height: 48px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 3px;
    color: #2E9648;
    padding: 0 2px 6px 2px;
}

.wrap.recruit .recruitPersonModule02 .inner .tit {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 45px;
    padding: 0 0 20px 0;
}

.wrap.recruit .recruitPersonModule02 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 0 0 40px 0;
    text-align: left;
}

.wrap.recruit .recruitPersonModule03 {
    background-color: #F3F3F3;
    margin: 0 0 30px 0;
}

.wrap.recruit .recruitPersonModule03 .inner {
    background-color: #FFF;
    border-radius: 30px;
    margin: 0 20px 0 20px;
    overflow: hidden;
}

.wrap.recruit .recruitPersonModule03 .inner .box {
    padding: 20px 25px 36px 25px;
}

.wrap.recruit .recruitPersonModule03 .inner .box .copy {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 2.6px;
    line-height: 42px;
    margin: 0 0 24px 0;
}

.wrap.recruit .recruitPersonModule03 .inner .box .name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2.7px;
    line-height: 28px;
    margin: 0 0 4px 0;
}

.wrap.recruit .recruitPersonModule03 .inner .box .name span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 14px;
    background-color: #2E9648;
    border-radius: 6px;
    color: #FFF;
    margin: 0 0 0 10px;
    padding: 2px 16px 2px 16px;
}

.wrap.recruit .recruitPersonModule03 .inner .box .from {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 28px;
    color: #2E9648;
}

.wrap.recruit .recruitPersonModule04 {
    background-color: #F3F3F3;
    margin: 0 0 30px 0;
}

.wrap.recruit .recruitPersonModule04 .inner {
    background-color: #FFF;
    border-radius: 30px;
    margin: 0 20px 0 20px;
    overflow: hidden;
}

.wrap.recruit .recruitPersonModule04 .inner .box {
    padding: 20px 25px 36px 25px;
}

.wrap.recruit .recruitPersonModule04 .inner .box .copy {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 2.6px;
    line-height: 42px;
    margin: 0 0 24px 0;
}

.wrap.recruit .recruitPersonModule04 .inner .box .name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2.7px;
    line-height: 28px;
    margin: 0 0 4px 0;
}

.wrap.recruit .recruitPersonModule04 .inner .box .name span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 14px;
    background-color: #2E9648;
    border-radius: 6px;
    color: #FFF;
    margin: 0 0 0 10px;
    padding: 2px 16px 2px 16px;
}

.wrap.recruit .recruitPersonModule04 .inner .box .from {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 28px;
    color: #2E9648;
}

.wrap.recruit .recruitPersonModule05 {
    background-color: #F3F3F3;
    margin: 0 0 30px 0;
}

.wrap.recruit .recruitPersonModule05 .inner {
    background-color: #FFF;
    border-radius: 30px;
    margin: 0 20px 0 20px;
    overflow: hidden;
}

.wrap.recruit .recruitPersonModule05 .inner .box {
    padding: 20px 25px 36px 25px;
}

.wrap.recruit .recruitPersonModule05 .inner .box .copy {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 2.6px;
    line-height: 42px;
    margin: 0 0 24px 0;
}

.wrap.recruit .recruitPersonModule05 .inner .box .name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2.7px;
    line-height: 28px;
    margin: 0 0 4px 0;
}

.wrap.recruit .recruitPersonModule05 .inner .box .name span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 14px;
    background-color: #2E9648;
    border-radius: 6px;
    color: #FFF;
    margin: 0 0 0 10px;
    padding: 2px 16px 2px 16px;
}

.wrap.recruit .recruitPersonModule05 .inner .box .from {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 28px;
    color: #2E9648;
}

.wrap.recruit .recruitPersonModule06 {
    background-color: #F3F3F3;
    margin: 0 0 30px 0;
}

.wrap.recruit .recruitPersonModule06 .inner {
    background-color: #FFF;
    border-radius: 30px;
    margin: 0 20px 0 20px;
    overflow: hidden;
}

.wrap.recruit .recruitPersonModule06 .inner .box {
    padding: 20px 25px 36px 25px;
}

.wrap.recruit .recruitPersonModule06 .inner .box .copy {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 2.6px;
    line-height: 42px;
    margin: 0 0 24px 0;
}

.wrap.recruit .recruitPersonModule06 .inner .box .name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2.7px;
    line-height: 28px;
    margin: 0 0 4px 0;
}

.wrap.recruit .recruitPersonModule06 .inner .box .name span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 14px;
    background-color: #2E9648;
    border-radius: 6px;
    color: #FFF;
    margin: 0 0 0 10px;
    padding: 2px 16px 2px 16px;
}

.wrap.recruit .recruitPersonModule06 .inner .box .from {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 28px;
    color: #2E9648;
}

.wrap.recruit .recruitPersonModule07 {
    background-color: #F3F3F3;
    margin: 0 0 40px 0;
}

.wrap.recruit .recruitPersonModule07 .inner {
    background-color: #FFF;
    border-radius: 30px;
    margin: 0 20px 0 20px;
    overflow: hidden;
}

.wrap.recruit .recruitPersonModule07 .inner .box {
    padding: 20px 25px 36px 25px;
}

.wrap.recruit .recruitPersonModule07 .inner .box .copy {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 2.6px;
    line-height: 42px;
    margin: 0 0 24px 0;
}

.wrap.recruit .recruitPersonModule07 .inner .box .name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2.7px;
    line-height: 28px;
    margin: 0 0 4px 0;
}

.wrap.recruit .recruitPersonModule07 .inner .box .name span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 14px;
    background-color: #2E9648;
    border-radius: 6px;
    color: #FFF;
    margin: 0 0 0 10px;
    padding: 2px 16px 2px 16px;
}

.wrap.recruit .recruitPersonModule07 .inner .box .from {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 28px;
    color: #2E9648;
}

.wrap.recruit .recruitPersonModule08 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitPersonModule08 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPersonModule08 .inner .btn {
    background-color: #2E9648;
    border-radius: 10px;
    color: #FFF;
    height: 70px;
}

.wrap.recruit .recruitPersonModule08 .inner .btn a {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitPersonModule08 .inner .btn a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitPersonModule08 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/recruit/ico_dotline-white.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
}

.wrap.recruit .recruitPersonModule09 {
    background-color: #F3F3F3;
    padding: 40px 0 60px 0;
}

.wrap.recruit .recruitPersonModule09 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPersonModule09 .inner .list li {
    margin: 0 0 10px 0;
}

.wrap.recruit .recruitPersonModule09 .inner .list li a {
    background-color: #FFF;
    border-radius: 10px;
    display: flex;
    padding: 10px;
}

.wrap.recruit .recruitPersonModule09 .inner .list li a img {
    height: 100px;
    width: auto;
}

.wrap.recruit .recruitPersonModule09 .inner .list li a .box {
    align-items: center;
    display: flex;
    background-image: url("../img/recruit/ico_shape.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 62px;
    flex-basis: 215px;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100px;
    padding: 0 0 0 49px;
    position: relative;
}

.wrap.recruit .recruitPersonModule09 .inner .list li a .box .txtWrap {
    color: #2E9648;
    height: 70px;
    margin-top: 32px;
}

.wrap.recruit .recruitPersonModule09 .inner .list li a .box .txtWrap .tit {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 16px;
}

.wrap.recruit .recruitPersonModule09 .inner .list li a .box .txtWrap .subtit span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 20px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    display: inline-block;
    padding: 10px 0 0 0;
}

.wrap.recruit .recruitPersonModule09 .inner .list li a .box::after {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.46px;
    line-height: 14px;
    font-family: 'Josefin Sans', sans-serif;
    color: #FFF;
    position: absolute;
    top: 12px;
    left: 10px;
}

.wrap.recruit .recruitPersonModule09 .inner .list li a .box.no01::after {
    content: "01";
}

.wrap.recruit .recruitPersonModule09 .inner .list li a .box.no02::after {
    content: "02";
}

.wrap.recruit .recruitPersonModule09 .inner .list li a .box.no03::after {
    content: "03";
}

.wrap.recruit .recruitPersonModule09 .inner .list li a .box.no04::after {
    content: "04";
}

.wrap.recruit .recruitFormModule01 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitFormModule01 .inner .imgWrap {
    position: relative;
}

.wrap.recruit .recruitFormModule01 .inner .imgWrap .info {
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/recruit/ico_recruit_logo.png");
    background-position: calc(100% - 18px) center;
    background-repeat: no-repeat;
    background-size: 47px auto;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    height: 70px;
    padding: 0 18px 0 18px;
    position: absolute;
    bottom: -35px;
    margin: 0 20px 0 20px;
    width: calc(100% - 40px);
}

.wrap.recruit .recruitFormModule01 .inner .imgWrap .info .tit {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3.75px;
    line-height: 45px;
    border-right: 2px solid #FFF;
    margin: 0 15px 0 0;
    padding: 0 19px 0 0;
}

.wrap.recruit .recruitFormModule01 .inner .imgWrap .info .txt {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 18px;
    font-family: 'Josefin Sans', sans-serif;
}

.wrap.recruit .recruitFormModule01 .inner .breadcrumbs {
    display: none;
}

.wrap.recruit .recruitFormModule02 {
    padding: 88px 0 0 0;
}

.wrap.recruit .recruitFormModule02 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitFormModule02 .inner h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 20px;
    margin: 0 0 50px 0;
    text-align: center;
}

.wrap.recruit .recruitFormModule02 .inner .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 26px 0;
    text-align: center;
}

.wrap.recruit .recruitFormModule02 .inner .policyWrap {
    background-color: #FFF;
    border-radius: 20px;
    padding: 26px 25px 0 25px;
}

.wrap.recruit .recruitFormModule02 .inner .policyWrap h2 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 10px 0;
    text-align: center;
}

.wrap.recruit .recruitFormModule02 .inner .policyWrap p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    padding: 0 0 36px 0;
}

.wrap.recruit .recruitFormModule02 .inner .policyWrap p a {
    text-decoration: underline;
}

.wrap.recruit .recruitFormModule03 {
    padding: 26px 0 0 0;
}

.wrap.recruit .recruitFormModule03 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitFormModule03 .inner h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 68px;
    border-top: 2px solid #DEDEDE;
    border-bottom: 2px solid #DEDEDE;
    color: #2E9648;
    text-align: center;
}

.wrap.recruit .recruitFormModule03 .inner ul {
    margin: 0 0 40px 0;
}

.wrap.recruit .recruitFormModule03 .inner ul li {
    border-bottom: 2px solid #DEDEDE;
    padding: 26px 20px 26px 20px;
}

.wrap.recruit .recruitFormModule03 .inner ul li p {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 32px;
    align-items: center;
    display: flex;
    margin: 0 0 10px 0;
}

.wrap.recruit .recruitFormModule03 .inner ul li p span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.36px;
    line-height: 42px;
    align-items: center;
    background-color: #E00000;
    border-radius: 4px;
    color: #FFF;
    display: flex;
    justify-content: center;
    height: 22px;
    margin: 0 0 0 10px;
    width: 48px;
}

.wrap.recruit .recruitFormModule03 .inner ul li input {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 28px;
    border: 1px solid #999999;
    border-radius: 10px;
    padding: 10px 16px 10px 16px;
    width: 100%;
}

.wrap.recruit .recruitFormModule03 .inner ul li textarea {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 28px;
    border: 1px solid #999999;
    border-radius: 10px;
    height: 100px;
    padding: 10px 16px 10px 16px;
    resize: none;
    width: 100%;
}

.wrap.recruit .recruitFormModule03 .inner ul li select {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 42px;
    background-color: #2E9648;
    border-radius: 10px;
    color: #FFF;
    height: 50px;
    padding: 10px 16px 10px 16px;
    width: 100%;
}

.wrap.recruit .recruitFormModule03 .inner ul li .ujob select {
    margin: 0;
}

.wrap.recruit .recruitFormModule03 .inner ul li .uname input {
    margin: 0;
}

.wrap.recruit .recruitFormModule03 .inner ul li .postal-code {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 42px;
    align-items: center;
    display: flex;
    margin: 0 0 10px 0;
}

.wrap.recruit .recruitFormModule03 .inner ul li .postal-code input {
    margin: 0 0 0 18px;
}

.wrap.recruit .recruitFormModule03 .inner ul li .jyusyo {
    background-image: url("../img/contact/ico_arrow-b.png");
    background-position: calc(100% - 22px) center;
    background-repeat: no-repeat;
    background-size: auto 7px;
    border: 0;
    margin: 0 0 10px 0;
}

.wrap.recruit .recruitFormModule03 .inner ul li .msg {
    height: 300px;
}

.wrap.recruit .recruitFormModule03 .inner .btn {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 16px;
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/contact/ico_arrow-l.png");
    background-position: 22px center;
    background-repeat: no-repeat;
    background-size: auto 15px;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    height: 70px;
    justify-content: center;
    margin: 0 0 60px 0;
    width: 100%;
}

.wrap.recruit .recruitFormModule03 .inner .btn span {
    background-image: url("../img/contact/ico_line-white.png");
    background-position: left bottom;
    background-size: auto 3px;
    background-repeat: repeat-x;
    padding: 0 0 12px 0;
}

.wrap.recruit .recruitFormModule04 {
    background-color: #F3F3F3;
    padding: 30px 0 60px 0;
}

.wrap.recruit .recruitFormModule04 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitFormModule04 .inner .btn {
    background-color: #FFF;
    border-radius: 10px;
    color: #2E9648;
    height: 70px;
}

.wrap.recruit .recruitFormModule04 .inner .btn a {
    align-items: center;
    background-image: url("../img/recruit/form_thanks/ico_arrow.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto 15px;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitFormModule04 .inner .btn a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitFormModule04 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/recruit/form_thanks/ico_dotline.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
}

.wrap.recruit .recruitFormThanksModule01 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitFormThanksModule01 .inner .imgWrap {
    position: relative;
}

.wrap.recruit .recruitFormThanksModule01 .inner .imgWrap .info {
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/recruit/ico_recruit_logo.png");
    background-position: calc(100% - 18px) center;
    background-repeat: no-repeat;
    background-size: 47px auto;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    height: 70px;
    padding: 0 18px 0 18px;
    position: absolute;
    bottom: -35px;
    margin: 0 20px 0 20px;
    width: calc(100% - 40px);
}

.wrap.recruit .recruitFormThanksModule01 .inner .imgWrap .info .tit {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3.75px;
    line-height: 45px;
    border-right: 2px solid #FFF;
    margin: 0 15px 0 0;
    padding: 0 19px 0 0;
}

.wrap.recruit .recruitFormThanksModule01 .inner .imgWrap .info .txt {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 18px;
    font-family: 'Josefin Sans', sans-serif;
}

.wrap.recruit .recruitFormThanksModule01 .inner .breadcrumbs {
    display: none;
}

.wrap.recruit .recruitFormThanksModule02 {
    background-color: #F3F3F3;
    padding: 85px 0 0 0;
    text-align: center;
}

.wrap.recruit .recruitFormThanksModule02 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitFormThanksModule02 .inner h1 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 38px;
    margin: 0 0 38px 0;
}

.wrap.recruit .recruitFormThanksModule02 .inner p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0 0 54px 0;
}

.wrap.recruit .recruitFormThanksModule03 {
    background-color: #F3F3F3;
    padding: 0 0 60px 0;
}

.wrap.recruit .recruitFormThanksModule03 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitFormThanksModule03 .inner .btn {
    background-color: #FFF;
    border-radius: 10px;
    color: #2E9648;
    height: 70px;
}

.wrap.recruit .recruitFormThanksModule03 .inner .btn a {
    align-items: center;
    background-image: url("../img/recruit/form_thanks/ico_arrow.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto 15px;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitFormThanksModule03 .inner .btn a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitFormThanksModule03 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/recruit/form_thanks/ico_dotline.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
}

.wrap.recruit .recruitWantedModule01 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitWantedModule01 .inner .imgWrap {
    position: relative;
}

.wrap.recruit .recruitWantedModule01 .inner .imgWrap .info {
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/recruit/ico_recruit_logo.png");
    background-position: calc(100% - 18px) center;
    background-repeat: no-repeat;
    background-size: 47px auto;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    height: 70px;
    padding: 0 18px 0 18px;
    position: absolute;
    bottom: -35px;
    margin: 0 20px 0 20px;
    width: calc(100% - 40px);
}

.wrap.recruit .recruitWantedModule01 .inner .imgWrap .info .tit {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3.75px;
    line-height: 45px;
    border-right: 2px solid #FFF;
    margin: 0 15px 0 0;
    padding: 0 19px 0 0;
}

.wrap.recruit .recruitWantedModule01 .inner .imgWrap .info .txt {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 18px;
    font-family: 'Josefin Sans', sans-serif;
}

.wrap.recruit .recruitWantedModule01 .inner .breadcrumbs {
    display: none;
}

.wrap.recruit .recruitWantedModule02 {
    background-color: #F3F3F3;
    padding: 78px 0 0 0;
}

.wrap.recruit .recruitWantedModule02 .inner h1 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 42px;
    text-align: center;
}

.wrap.recruit .recruitWantedModule03 .inner {
    padding: 30px 20px 0 20px;
}

.wrap.recruit .recruitWantedModule03 .inner ul {
    background-color: #FFF;
    border-radius: 10px;
    color: #2E9648;
    display: flex;
    overflow: hidden;
}

.wrap.recruit .recruitWantedModule03 .inner ul li {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.75px;
    line-height: 55px;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    height: 50px;
    width: 50%;
}

.wrap.recruit .recruitWantedModule03 .inner ul li.selected {
    background-color: #2E9648;
    color: #FFF;
}

.wrap.recruit .recruitWantedModule04 .inner {
    padding: 30px 20px 0 20px;
}

.wrap.recruit .recruitWantedModule04 .inner ul {
    background-color: #FFF;
    border-top: 4px solid #2E9648;
    border-bottom: 2px solid #2E9648;
}

.wrap.recruit .recruitWantedModule04 .inner ul li {
    border-bottom: 2px solid #DEDEDE;
    padding: 26px 20px 26px 20px;
}

.wrap.recruit .recruitWantedModule04 .inner ul li h2 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.9px;
    line-height: 32px;
    margin: 0 0 16px 0;
}

.wrap.recruit .recruitWantedModule04 .inner ul li .topic {
    margin: 0 0 8px 0;
}

.wrap.recruit .recruitWantedModule04 .inner ul li .topic p {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 28px;
    background-color: #F3F3F3;
    border-radius: 6px;
    color: #2E9648;
    display: inline-block;
    padding: 0 15px 0 15px;
    margin: 0 0 4px 0;
}

.wrap.recruit .recruitWantedModule04 .inner ul li .btn {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.8px;
    line-height: 42px;
}

.wrap.recruit .recruitWantedModule04 .inner ul li .btn a {
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/recruit/wanted/ico_arrow-white.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: auto 12px;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    justify-content: center;
    height: 50px;
    text-align: center;
    width: 100%;
}

.wrap.recruit .recruitWantedModule04 .inner ul li .tit {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 25px;
}

.wrap.recruit .recruitWantedModule04 .inner ul li .txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.wrap.recruit .recruitWantedModule04 .inner ul li:last-of-type {
    border: 0;
}

.wrap.recruit .recruitWantedModule05 {
    background-color: #F3F3F3;
    padding: 30px 0 60px 0;
}

.wrap.recruit .recruitWantedModule05 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitWantedModule05 .inner .btn {
    background-color: #FFF;
    border-radius: 10px;
    color: #2E9648;
    height: 70px;
}

.wrap.recruit .recruitWantedModule05 .inner .btn a {
    align-items: center;
    background-image: url("../img/recruit/form_thanks/ico_arrow.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto 15px;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitWantedModule05 .inner .btn a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitWantedModule05 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/recruit/form_thanks/ico_dotline.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
}

.wrap.recruit .recruitPersonDetailModule01 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitPersonDetailModule01 .inner .imgWrap {
    position: relative;
}

.wrap.recruit .recruitPersonDetailModule01 .inner .imgWrap .info {
    align-items: center;
    background-color: #2E9648;
    background-image: url("../img/recruit/ico_recruit_logo.png");
    background-position: calc(100% - 18px) center;
    background-repeat: no-repeat;
    background-size: 47px auto;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    height: 70px;
    padding: 0 18px 0 18px;
    position: absolute;
    bottom: -35px;
    margin: 0 20px 0 20px;
    width: calc(100% - 40px);
}

.wrap.recruit .recruitPersonDetailModule01 .inner .imgWrap .info .tit {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3.75px;
    line-height: 45px;
    border-right: 2px solid #FFF;
    margin: 0 15px 0 0;
    padding: 0 19px 0 0;
}

.wrap.recruit .recruitPersonDetailModule01 .inner .imgWrap .info .txt {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 18px;
    font-family: 'Josefin Sans', sans-serif;
}

.wrap.recruit .recruitPersonDetailModule01 .inner .breadcrumbs {
    display: none;
}

.wrap.recruit .recruitPersonDetailModule02 {
    background-color: #F3F3F3;
    padding: 75px 0 0 0;
    text-align: center;
}

.wrap.recruit .recruitPersonDetailModule02 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPersonDetailModule02 .inner h1 img {
    margin: 0 auto;
    width: 187px;
}

.wrap.recruit .recruitPersonDetailModule02 .inner h1 img.flag {
    display: block;
    width: 31px;
}

.wrap.recruit .recruitPersonDetailModule02 .inner .msg {
    margin: -14px 0 14px 0;
}

.wrap.recruit .recruitPersonDetailModule02 .inner .msg span {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 48px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 3px;
    color: #2E9648;
    padding: 0 4px 6px 4px;
}

.wrap.recruit .recruitPersonDetailModule03 .inner {
    padding: 0 20px 40px 20px;
}

.wrap.recruit .recruitPersonDetailModule03 .inner h2 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 45px;
    margin: 0 0 22px 0;
}

.wrap.recruit .recruitPersonDetailModule03 .inner .imgBox {
    margin: 0 0 24px 0;
}

.wrap.recruit .recruitPersonDetailModule03 .inner .imgBox .imgWrap {
    margin: 0 0 22px 0;
}

.wrap.recruit .recruitPersonDetailModule03 .inner .imgBox .name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2.7px;
    line-height: 28px;
    align-items: center;
    display: flex;
    margin: 0 0 4px 0;
}

.wrap.recruit .recruitPersonDetailModule03 .inner .imgBox .name span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 24px;
    align-items: center;
    background-color: #2E9648;
    border-radius: 6px;
    color: #FFF;
    display: flex;
    height: 24px;
    margin: 0 0 0 10px;
    padding: 0 16px 0 16px;
}

.wrap.recruit .recruitPersonDetailModule03 .inner .imgBox .from {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 28px;
    color: #2E9648;
}

.wrap.recruit .recruitPersonDetailModule03 .inner .txtBox h3 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 45px;
    margin: 0 0 22px 0;
}

.wrap.recruit .recruitPersonDetailModule03 .inner .txtBox p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.wrap.recruit .recruitPersonDetailModule04 {
    padding: 0 0 40px 0;
}

.wrap.recruit .recruitPersonDetailModule05 .inner {
    padding: 0 20px 40px 20px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .txtBox {
    padding: 0 0 60px 0;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .txtBox h3 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 45px;
    margin: 0 0 22px 0;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .txtBox p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 32px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule h3 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.85px;
    line-height: 28px;
    align-items: center;
    border: 2px solid #2E9648;
    color: #2E9648;
    display: flex;
    justify-content: center;
    height: 63px;
    margin: 0 0 19px 0;
    position: relative;
    text-align: center;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule h3 span {
    background-color: #F3F3F3;
    height: 5px;
    position: absolute;
    width: 5px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule h3 span:nth-of-type(1) {
    top: -2px;
    left: -2px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule h3 span:nth-of-type(2) {
    top: -2px;
    right: -2px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule h3 span:nth-of-type(3) {
    right: -2px;
    bottom: -2px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule h3 span:nth-of-type(4) {
    bottom: -2px;
    left: -2px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule h3::after {
    background-color: #2E9648;
    content: "";
    height: 19px;
    position: absolute;
    right: 0;
    bottom: -21px;
    left: 0;
    margin: 0 auto;
    width: 2px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule ul {
    background-color: #FFF;
    margin: 0 0 54px 0;
    padding: 22px 21px 18px 21px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule ul li {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.65px;
    line-height: 24px;
    border-bottom: 2px solid #DEDEDE;
    padding: 7px 0 3px 0;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule ul li time {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.65px;
    line-height: 24px;
    font-family: 'Josefin Sans', sans-serif;
    color: #2E9648;
    display: inline-block;
    width: 52px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .schedule ul li:last-of-type {
    border: 0;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .item .borderWrap {
    border: 2px solid #CCCCCC;
    padding: 0 22px 0 22px;
    position: relative;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .item h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.54px;
    line-height: 42px;
    position: absolute;
    right: 0;
    top: -24px;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .item h3 span {
    background-color: #F3F3F3;
    padding: 0 4px 0 4px;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .item p {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.65px;
    line-height: 24px;
    margin: 24px 0 15px 0;
}

.wrap.recruit .recruitPersonDetailModule05 .inner .imgBox .item .imgWrap {
    margin: 0 0 26px 0;
}

.wrap.recruit .recruitPersonDetailModule06 {
    padding: 4px 0 22px 0;
}

.wrap.recruit .recruitPersonDetailModule06 .inner h2 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5.4px;
    line-height: 48px;
    color: #2E9648;
    text-align: center;
}

.wrap.recruit .recruitPersonDetailModule06 .inner h2 span {
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-repeat: no-repeat;
    background-size: auto 3px;
    background-position: left bottom;
    padding: 0 7px 6px 7px;
}

.wrap.recruit .recruitPersonDetailModule07 {
    background-color: #F3F3F3;
    margin: 0 0 40px 0;
}

.wrap.recruit .recruitPersonDetailModule07 .inner {
    background-color: #FFF;
    border-radius: 30px;
    margin: 0 20px 0 20px;
    overflow: hidden;
}

.wrap.recruit .recruitPersonDetailModule07 .inner .box {
    padding: 20px 25px 32px 25px;
}

.wrap.recruit .recruitPersonDetailModule07 .inner .box .copy {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 2.6px;
    line-height: 42px;
    margin: 0 0 24px 0;
}

.wrap.recruit .recruitPersonDetailModule07 .inner .box .name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2.7px;
    line-height: 28px;
    margin: 0 0 8px 0;
}

.wrap.recruit .recruitPersonDetailModule07 .inner .box .name span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 14px;
    background-color: #2E9648;
    border-radius: 6px;
    color: #FFF;
    margin: 0 0 0 10px;
    padding: 2px 16px 2px 16px;
}

.wrap.recruit .recruitPersonDetailModule07 .inner .box .from {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 28px;
    color: #2E9648;
}

.wrap.recruit .recruitPersonDetailModule08 {
    background-color: #F3F3F3;
    padding: 0 0 40px 0;
}

.wrap.recruit .recruitPersonDetailModule08 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPersonDetailModule08 .inner .btn {
    background-color: #FFF;
    border-radius: 10px;
    color: #2E9648;
    height: 70px;
}

.wrap.recruit .recruitPersonDetailModule08 .inner .btn a {
    align-items: center;
    background-image: url("../img/recruit/form_thanks/ico_arrow.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto 15px;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitPersonDetailModule08 .inner .btn a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitPersonDetailModule08 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/recruit/form_thanks/ico_dotline.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
    padding: 0 10px 0 10px;
}

.wrap.recruit .recruitPersonDetailModule09 {
    background-color: #F3F3F3;
}

.wrap.recruit .recruitPersonDetailModule09 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .recruitPersonDetailModule09 .inner .btn {
    background-color: #2E9648;
    border-radius: 10px;
    color: #FFF;
    height: 70px;
}

.wrap.recruit .recruitPersonDetailModule09 .inner .btn a {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.wrap.recruit .recruitPersonDetailModule09 .inner .btn a .ico {
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
}

.wrap.recruit .recruitPersonDetailModule09 .inner .btn a span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 42px;
    background-image: url("../img/recruit/ico_dotline-white.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    margin: -8px 0 0 0;
}

.wrap.recruit .recruitPersonDetailModule10 {
    background-color: #F3F3F3;
    padding: 40px 0 52px 0;
}

.wrap.recruit .recruitPersonDetailModule10 .inner {
    padding: 0 20px 0 20px;
}

.wrap.recruit .pageList li {
    transition: 0.6s ease-in-out;
    opacity: 1;
    margin: 0 0 10px 0;
}

.wrap.recruit .pageList li a {
    background-color: #FFF;
    border-radius: 10px;
    display: flex;
    padding: 10px;
}

.wrap.recruit .pageList li a img {
    height: 100px;
    width: auto;
}

.wrap.recruit .pageList li a .box {
    align-items: center;
    display: flex;
    background-image: url("../img/recruit/ico_shape.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 62px;
    flex-basis: 215px;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100px;
    padding: 0 0 0 49px;
    position: relative;
}

.wrap.recruit .pageList li a .box .txtWrap {
    color: #2E9648;
    height: 70px;
}

.wrap.recruit .pageList li a .box .txtWrap .tit {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 20px;
}

.wrap.recruit .pageList li a .box .txtWrap .subtit span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 20px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/recruit/ico_dotline-green.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 3px;
    display: inline-block;
    padding: 10px 0 0 0;
}

.wrap.recruit .pageList li a .box::after {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.46px;
    line-height: 14px;
    font-family: 'Josefin Sans', sans-serif;
    color: #FFF;
    position: absolute;
    top: 12px;
    left: 10px;
}

.wrap.recruit .pageList li a .box.no01::after {
    content: "01";
}

.wrap.recruit .pageList li a .box.no02::after {
    content: "02";
}

.wrap.recruit .pageList li a .box.no03::after {
    content: "03";
}

.wrap.recruit .pageList li a .box.no04::after {
    content: "04";
}

.wrap.recruit .pageList li:hover {
    transition: 0.6s ease-in-out;
    opacity: .6;
}

#wpadminbar {
    display: none !important;
}
.sun5180{
	width:70%;}