/*
Theme Name: marutokutaxi
Theme URI: https://marutokutaxi.jp/
Description: This theme is created for marutokutaxi only.
Version: 1.0
Author: marutokutaxi
Tags: one columns, widgets
*/

@charset "utf-8";

/* Preferences
----------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
*, ::before, ::after {
    box-sizing: inherit;
}
html{
    box-sizing: border-box;
}

/* html5 reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, a, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;} nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del {text-decoration: line-through;} abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select {vertical-align:middle;} 
/* //html5 reset css */

body {
    font-size: 16px;
    line-height: 1.8666667;
    font-weight: 400;
    position: relative;
    word-break: break-word;
    color: #000;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック","MS PGothic",'小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
    background-color: #f2f0e4;
}

@media screen and (max-width: 1000px) {
    body {
        width: 1000px;
    }
}

@media screen and (max-width: 767px) {
    body {
        width: auto;
        font-size: 14px;
        position: relative;
    }
}

ul{list-style-type: none;}
ul.circle{list-style-type: circle;margin-left:1.5em;}
ul.disc{list-style-type: disc;margin-left:1.5em;}
ul,ol{margin-left:1.5em;margin-bottom:1em;}

h1,h2,h3,h4,h5,h6{
    font-size: 100%;
    font-weight: 600;
}
p{margin-bottom: 1em;}
em,address{
    font-weight: normal;
    font-style: normal;
}
table{
    border-collapse: collapse;
    width: 100%;
}
th,td{
    padding: 1.5em 0;
    border-bottom: 2px solid #4d4d4d;
    font-weight: bold;
    vertical-align: top;
    box-sizing: border-box;
}
img{
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}
a img{
    transition: all .5s;
}
a img:hover{
    opacity: 0.6;
}
@media screen and (max-width: 767px) {
    img{
        width: 100%;
        height: auto;
    }
    a img:hover{opacity: 1;}
}
blockquote{
    margin: 0 0 1em;
    padding: 1em;
    background: rgba(255,255,255,0.1);
}
blockquote p{margin: 0;}

a{
    text-decoration: none;
    color: #029945;
    outline: none;
    transition: all .5s;
}

@media screen and (max-width: 767px) {
    th{width: 30%;}
    td{width: 70%;}
}

/* public css
----------------------------------------------------------------*/
.clear{clear: both;}
.cf:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;overflow: hidden;}
* html .cf{ zoom: 1; } /* ie6 */
*:first-child+html .cf { zoom: 1; } /* ie7 */

.alignleft{float: left; margin-right: 2.5rem;}
.alignright{float: right; margin-left: 2.5rem;}
.aligncenter{text-align: center; display: block; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 767px) {
    .alignleft{
        float: none;
        margin-right: 0;
    }
    .alignright{
        float: none;
        margin-left: 0;
    }
}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.red{color: #ff0000;}
.green{color: #029945;}
.bold{font-weight: bold;}
.small{font-size: 85%;}

.fright{float: right;}
.fleft{float: left;}
@media screen and (max-width: 767px) {
    .fright,.fleft{float: none;}
}

/*space*/
.mt0{margin-top: 0;}.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt25{margin-top: 25px;}.mt30{margin-top: 30px;}.mt35{margin-top: 35px;}.mt40{margin-top: 40px;}.mt45{margin-top: 45px;}.mt50{margin-top: 50px;}.mt100{margin-top: 100px;}
.mr0{margin-right: 0;}.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}.mr25{margin-right: 25px;}.mr30{margin-right: 30px;}.mr35{margin-right: 35px;}.mr40{margin-right: 40px;}.mr45{margin-right: 45px;}.mr50{margin-right: 50px;}.mr100{margin-right: 100px;}
.mb0{margin-bottom: 0;}.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb25{margin-bottom: 25px;}.mb30{margin-bottom: 30px;}.mb35{margin-bottom: 35px;}.mb40{margin-bottom: 40px;}.mb45{margin-bottom: 45px;}.mb50{margin-bottom: 50px;}.mb100{margin-bottom: 100px;}.ml0{margin-left: 0;}
.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}.ml25{margin-left: 25px;}.ml30{margin-left: 30px;}.ml35{margin-left: 35px;}.ml40{margin-left: 40px;}.ml45{margin-left: 45px;}.ml50{margin-left: 50px;}.ml100{margin-left: 100px;}.pt0{padding-top: 0;}
.pt5{padding-top: 5px;}.pt10{padding-top: 10px;}.pt15{padding-top: 15px;}.pt20{padding-top: 20px;}.pt25{padding-top: 25px;}.pt30{padding-top: 30px;}.pt35{padding-top: 35px;}.pt40{padding-top: 40px;}.pt45{padding-top: 45px;}.pt50{padding-top: 50px;}.pt100{padding-top: 100px;}
.pr0{padding-right: 0;}.pr5{padding-right: 5px;}.pr10{padding-right: 10px;}.pr15{padding-right: 15px;}.pr20{padding-right: 20px;}.pr25{padding-right: 25px;}.pr30{padding-right: 30px;}.pr35{padding-right: 35px;}.pr40{padding-right: 40px;}.pr45{padding-right: 45px;}.pr50{padding-right: 50px;}.pr100{padding-right: 100px;}
.pb0{padding-bottom: 0;}.pb5{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb20{padding-bottom: 20px;}.pb25{padding-bottom: 25px;}.pb30{padding-bottom: 30px;}.pb35{padding-bottom: 35px;}.pb40{padding-bottom: 40px;}.pb45{padding-bottom: 45px;}.pb50{padding-bottom: 50px;}.pb100{padding-bottom: 100px;}.pl0{padding-left: 0;}
.pl5{padding-left: 5px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl20{padding-left: 20px;}.pl25{padding-left: 25px;}.pl30{padding-left: 30px;}.pl35{padding-left: 35px;}.pl40{padding-left: 40px;}.pl45{padding-left: 45px;}.pl50{padding-left: 50px;}.pl100{padding-left: 100px;}
.mb05e{margin-bottom: 0.5em;}.mb1e{margin-bottom: 1em;}.mb2e{margin-bottom: 2em;}.mb3e{margin-bottom: 3em;}.mb4e{margin-bottom: 4em;}.mb5e{margin-bottom: 5em;}

.sh{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
}
.img-wrap {
    width: 100%;
    height: 0;
    position: relative;
}
.img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/*bg_color*/
.bg_color,.hover_bg_color a:hover{background-color: #f4fbfc;}
/* 
色
グレー：#f9f9f9
イエロー：#fffcf7
スカイブルー：#f4fbfc
ブルー：#f7fbff
エメラルドグリーン：#f4fff9
ピンク：#fff9fe
赤：#fff7f7
*/


.zen-maru-gothic-light {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 300;
    font-style: normal;
}

.zen-maru-gothic-regular {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
}

.zen-maru-gothic-medium {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 500;
    font-style: normal;
}

.zen-maru-gothic-bold {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 700;
    font-style: normal;
}

.zen-maru-gothic-black {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 900;
    font-style: normal;
}

/* animation
----------------------------------------------------------------*/
@keyframes fadeIn{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes fadeOut{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

/* rayout
----------------------------------------------------------------*/
.section-wrap{
    padding: 4rem 0 0;
}
.section-wrap.pt0{
    padding-top: 0;
}
.contents-inner{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.contents-inner-sm{
    width: 100%;
    max-width: 734px;
    margin: 0 auto;
}
.contents-inner-max{
    width: 100%;
}

.section-column{
    display: flex;
    justify-content: space-between;
}
.section-column.ac{
    align-items: center;
}
.section-column.re{
    flex-direction: row-reverse;
}
.section-column-child{
    width: 60%;
    padding-right: 2rem;
}
.section-column.re .section-column-child{
    padding-right: 0;
    padding-left: 2rem;
}
.section-column-child.section-column-child-image{
    width: 40%;
    padding: 0 !important;
}

.section-head{
    text-align: center;
}
.section-column-child .section-head{
    text-align: left;
}
.section-head-title{
    font-size: 36px;
    font-weight: bold;
    color: #f15a24;
    line-height: 1.45;
}
.section-head-description{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.45;
    margin-top: 0.25em;
}

.section-body{
    margin-top: 2rem;
}
.section-body.no-head{
    margin-top: 0 !important;
}

.section-body-text{
}
.section-body-text p{
    margin-bottom: 1.5em;
}
.section-body-text :last-child{
    margin-bottom: 0;
}
.section-body-btn{
    margin-top: 3rem;
    margin-bottom: 0;
}
.section-body-btn a{
    display: block;
    width: 100%;
    max-width: 600px;
    padding: 0.5em;
    margin: 0 auto;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    background-color: #029945;
    border-radius: 9999px;
}
.section-body-btn a:hover{
    opacity: 0.7;
}
.section-slider{
    margin-top: 50px;
}
.section-body-form{
    font-size: 16px;
    line-height: 2.1;
    margin-top: 50px;
}

.br-sp{display: none;}

@media screen and (max-width: 767px) {
    .section-wrap{padding: 3em 0 0;}
    .contents-inner{padding: 0 1rem;}
    .contents-inner-sm{padding: 0 1rem;}
    
    .section-column-child .section-head{text-align: center;}
    .section-head-title{font-size: 20px;}
    .section-head-description{font-size: 18px;}
    .section-body{margin-top: 1.5em;}

    .section-column{display: block;}
    .section-column > :last-child{margin-top: 1.5em;}
    .section-column-child{
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .section-column-child.section-column-child-image{width: 100%;}
    .section-body-text p{margin-bottom: 1em;}
    .section-body-btn{margin-top: 1.5em;}
    .section-body-btn a{font-size: 18px;}
    .section-slider{margin-top: 2em;}
    .section-body-form{
        font-size: 14px;
        margin-top: 2em;
    }
    .br-pc{display: none;}
    .br-sp{display: inline-block;}
}

/* header
----------------------------------------------------------------*/
#header{
    padding: 1rem 0 0;
}

.header-tel{
    float: right;
    color: #029945;
    margin-bottom: 1rem;
}
.header-tel img{
    width: auto;
    height: 40px;
}

.header-inner{
    display: flex;
    justify-content: space-between;
    clear: both;
}

.sp-header-tel{display: none;}

.header-inner-left{
    display: flex;
}
.logo img{
    width: 254px;
    height: auto;
}

.header-inner-right{
    display: flex;
}
#pc_gm{
    width: 640px;
    margin: 0;
    display: flex;
    align-items: center;
    border-right: 1px dashed;
}
#pc_gm li{
    width: calc(100% / 4);
    display: flex;
    align-items: center;
    padding: 0 0.25rem;
    border-left: 1px dashed;
    box-sizing: border-box;
}
#pc_gm li a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 74px;
    color: #000;
    text-align: center;
    line-height: 1.2;
    width: 100%;
    border-radius: 0.25rem 0.25rem 0rem 0rem;
}
#pc_gm li a span{
    color: #f15a24;
}
#pc_gm li a:hover span{
    color: #029945;
}
#philosophy #pc_gm li a#gm-philosophy{
    background-color: #f15a24;
}
#philosophy #pc_gm li a#gm-philosophy span{
    color: #fff;
}
#company #pc_gm li a#gm-company{
    background-color: #f15a24;
}
#company #pc_gm li a#gm-company span{
    color: #fff;
}
#recruit #pc_gm li a#gm-recruit{
    background-color: #f15a24;
}
#recruit #pc_gm li a#gm-recruit span{
    color: #fff;
}
#contact #pc_gm li a#gm-contact,
#thanks #pc_gm li a#gm-contact{
    background-color: #f15a24;
}
#contact #pc_gm li a#gm-contact span,
#thanks #pc_gm li a#gm-contact span{
    color: #fff;
}

@media screen and (max-width: 767px) {
    #header{padding: 1rem 0 0;}
    #header .contents-inner{padding: 0 0.5rem;}
    .header-tel{display: none;}
    .header-inner{display: block;}
    .header-inner-left{
        display: block;
        margin-bottom: 1rem;
    }
    .logo a{
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    .logo a img{
        width: 100%;
        height: auto;
    }
    .sp-header-tel{
        display: block;
        font-size: 18px;
        color: #029945;
        text-align: center;
        margin-bottom: 1rem;
    }
    .sp-header-tel a{
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    .sp-header-tel a img{
        width: 100%;
        height: auto;
    }
    .header-inner-right #nav{width: 100%;}
    #pc_gm{width: 100%;}
    #pc_gm li a{
        height: 64px;
        font-size: 13px;
    }
    #pc_gm li a span{
        font-size: 11px;
    }
}

/* breadcrumb
----------------------------------------------------------------*/
#breadcrumb{
    width: 100%;
    max-width: 1000px;
    font-size: 12px;
    padding: 0.25em 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#breadcrumbs{
    margin: 0;
}
#breadcrumbs li {
    display: inline-block;
    margin: 0 0.25em;
}
#breadcrumbs li:first-child {
    margin: 0 0.25em 0 0;
}
#breadcrumbs li a{
    color: #000;
}
#breadcrumbs li a:hover{
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    #breadcrumb{
        font-size: 11px;
        padding: 0 1rem;
        position: relative;
    }
}

/* contents
----------------------------------------------------------------*/
i.fa{
	font-family:FontAwesome !important;
	margin-left: 0.4em;
}

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

/* side
----------------------------------------------------------------*/

/* footer
----------------------------------------------------------------*/
footer{
    padding: 4rem 0 0;
}

.footer-banner{
    padding-bottom: 4rem;
}
.footer-banner-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem -1rem 0;
}
.footer-banner-list li{
    width: calc(100% / 3);
    padding: 0 1rem;
    box-sizing: border-box;
}
.footer-banner-list li a{
    display: block;
}
.footer-banner-list li a img{
    width: 100%;
    height: auto;
}

.copy-wrap{
    background-color: #f15a24;
    padding: 0.5rem 0;
}
.copy-wrap #copy{
    text-align: center;
    color: #fff;
}

.back{
    display: none;
    position: fixed;
    right: 1rem;
    bottom: 3rem;
    display: block;
    width: 35px;
    height: 81px;
    text-indent: -9999px;
    background-image: url(img/page-top.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
	footer{padding: 3em 0 0;}
    .footer-banner{padding-bottom: 3em;}
    .footer-banner-list{margin: 1.5em -0.5em 0;}
    .footer-banner-list li{padding: 0 0.5em;}
    .copy-wrap #copy{font-size: 12px;}

    .back{display: none !important;}
}

/* post
----------------------------------------------------------------*/
.page-head{
    position: relative;
}
.page-head-title{
    background-color: #f15a24;
}
.page-head-title-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
    position: relative;
}
.page-head-title-wrap::after{
    content: '';
    width: 160px;
    height: 160px;
    position: absolute;
    right: 0;
    bottom: -2rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 5;
}
#philosophy .page-head-title-wrap::after{
    background-image: url(img/page-title-icon-philosophy.png);
}
#company .page-head-title-wrap::after{
    background-image: url(img/page-title-icon-company.png);
}
#recruit .page-head-title-wrap::after{
    background-image: url(img/page-title-icon-recruit.png);
}
#contact .page-head-title-wrap::after,
#thanks .page-head-title-wrap::after{
    background-image: url(img/page-title-icon-contact.png);
}
.page-head-title-wrap h2{
    text-align: center;
    font-size: 42px;
    font-weight: bold;
}

.post-head{
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}
.post-head-title{
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 2.5px;
    line-height: 1.45;
    font-family: YuMincho,游明朝,Times New Roman,Hiragino Mincho ProN,ヒラギノ明朝 Pro W3,HGS明朝B,ＭＳ Ｐ明朝,serif,Meiryo,Sawarabi Mincho,メイリオ,ＭＳ Ｐゴシック,sans-serif;
}
.post-head-data{
    margin: 0;
}

.entry{
    margin-top: 25px;
}
.entry > :last-child{
    margin-bottom: 0;
}
.entry h2{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 1rem;
}
.entry h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1rem;
}
.entry a{text-decoration: underline;}
.entry ul{list-style-type: disc;margin-left:1.5em;}
.entry img{max-width: 100%; height: auto;}

@media screen and (max-width: 767px) {
    .page-head-title{
        margin-bottom: 20px;
    }
    .page-head-title-wrap{
        height: 110px;
    }
    .page-head-title-wrap::after{
        width: 60px;
        height: 60px;
        left: 50%;
        right: auto;
        bottom: -20px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .page-head-title-wrap h2{
        font-size: 26px;
    }
    .post-head{
        padding-bottom: 2em;
    }
    .post-head-title{
        font-size: 26px;
    }
    .entry{
        margin-top: 2em;
    }
}

/* wp plugin
----------------------------------------------------------------*/
/* pagenavi */
.wp-pagenavi {
    clear: both;
    text-align: center;
    font-size: 14px;
    padding-top: 50px;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0.2em 0.6em;
    color: #fff;
    display: inline-block;
}
.wp-pagenavi a {
    color: #008e4a;
}
.wp-pagenavi .pages{
    border: none;
    color: #4d4d4d;
    padding: 0;
    margin-bottom: 0.5em;
    display: block;
    background-color: transparent;
}
.wp-pagenavi > :nth-child(2){
    border-left: 1px solid #ddd;
}
.wp-pagenavi > :last-child{
}
.wp-pagenavi .extend{
    display: none;
}
.wp-pagenavi a:hover{background-color: #008e4a; color: #fff;}
.wp-pagenavi span.current{background-color: #008e4a;}

@media screen and (max-width: 767px) {
    .wp-pagenavi {
        font-size: 12px;
        padding-top: 2rem;
    }
}

/* ページ
----------------------------------------------------------------*/
/* ホーム */
#visual-top{
}
#visual-top .img-wrap{
    padding-top: 35.5%;
}
#visual-top img{
    width: 100%;
    height: auto;
}

.page-banner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -40px;
}
.page-banner li{
    width: 50%;
    padding: 0 40px;
    box-sizing: border-box;
}
.page-banner li a{
    display: block;
}
.page-banner li a img{
    width: 100%;
    height: auto;
}

.top-image{
    margin-top: 2rem;
}
.top-image img{
    width: 100%;
    height: auto;
}

#map{
    height: 0;
    padding-top: 36%;
    overflow: hidden;
    position: relative;
}
#map iframe{
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}

@media screen and (max-width: 767px) {
    #visual-top .img-wrap{padding-top: 55%;}
    .page-banner{
        margin: 0 -0.5rem;
    }
    .page-banner li{
        padding: 0 0.5rem;
    }
    #map{padding-top: 50%;}
}

/* Philosophy */
.philosophy-message{
    border: 1px solid;
    padding: 2rem;
    border-radius: 1rem;
}

@media screen and (max-width: 767px) {
    .philosophy-message{padding: 1.5em;}
}

/* Company */
.company-table th,
.company-table td{
    border: none;
    padding: 1rem;
    vertical-align: middle;
    font-weight: normal;
}
.company-table th{
    color: #fff;
    text-align: center;
    background-color: #029945;
    border-bottom: 1px solid #fff;
}
.company-table td{
    background-color: #fff;
    border-bottom: 1px solid #029945;
}

@media screen and (max-width: 767px) {
    .company-table th,
    .company-table td{
        font-size: 13px;
        padding: 0.5rem;
    }
}

/* Recruit */
.treatment{
    margin: 0;
    border-top: 1px solid;
    text-align: center;
}
.treatment li{
    padding: 1rem;
    border-bottom: 1px solid;
}
.treatment li .top{
    font-size: 18px;
    font-weight: bold;
    color: #029945;
    cursor: pointer;
}
.treatment li .bottom{
    display: none;
    padding-top: 0.5rem;
}

.recruit-voice{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
}
.recruit-voice li{
    display: flex;
    width: 50%;
    padding: 0 1rem;
    margin-top: 2rem;
}
.recruit-voice li:nth-child(-n+2){
    margin-top: 0;
}
.recruit-voice-box{
    width: 100%;
    padding: 1.5rem;
    border: 1px solid;
    border-radius: 1rem;
}
.recruit-voice-title{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    color: #029945;
}
.recruit-voice-text{
    padding-top: 1rem;
}
.recruit-voice-text span{
    color: #f15a24;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .treatment li{padding: 1rem;}
    .treatment li .top{font-size: 16px;}
    .treatment li .bottom{padding-top: 0.5rem;}
    
    .recruit-voice{
        display: block;
        margin: 0;
    }
    .recruit-voice li{
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 1.5em !important;
    }
    .recruit-voice li:first-child{margin-top: 0 !important;}
    .recruit-voice-box{padding: 1.5em;}
    .recruit-voice-title{font-size: 18px;}
    .recruit-voice-text{padding-top: 1.5em;}
}

/* Contact */

.form-box{
    display: flex;
    margin-bottom: 1em;
}
.form-box .ft{
    width: 30%;
    color: #fff;
    background-color: #029945;
    padding: 0.25em 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-box .fc{
    width: 70%;
    padding: 0.25em 0 0.25em 1em;
}
.required{
    font-weight: normal;
    font-size: 75%;
    color: #ff0000;
    vertical-align: top;
}

.btn_link{
    display: block;
    max-width: 500px;
    margin: 0 auto;
}
.btn_link img{
    width: 100%;
    height: auto;
}



input[type="text"],input[type="tel"],input[type="email"],textarea,select{
	font-size: 100%;
	padding: 0.25em;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
    background-color: #fff;
}
input[type="text"]#zip{
    width: 35%;
}
input[type="radio"]{
	vertical-align: middle;
	margin: 0 0.2em 0 0;
}
label{}
/* .req{
	color: #ff6666;
	font-size: 75%;
	margin-left: 0.5em;
} */
.wpcf7 .wpcf7-list-item{
    margin-left: 0;
    margin-right: 0.5em;
}
.wpcf7-form .submit-wrap{
    margin-top: 2em;
    margin-bottom: 0;
    text-align: center;
}
.wpcf7-form #submit{
    display: block;
    width: 100%;
    max-width: 400px;
    padding: 0.5em;
    margin: 0 auto;
    color: #fff;
    font-size: 22px;
    text-align: center;
    background-color: #029945;
    border-radius: 9999px;
    border: none;
    cursor: pointer;
    transition: all .5s;
}
.wpcf7-form #submit:hover{
    opacity: 0.7;
}

span.wpcf7-not-valid-tip{
    font-weight: bold;
}

#pp_box{
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	height: 150px;
	margin-bottom: 0.5em;
    background-color: #fff;
}
#pp{
	padding: 1em;
	font-size: 75%;
}
#pp ol{margin-bottom: 0;}
#pp ol li{margin-bottom: 1em;}
#pp ol li:last-child,#pp ol li ul li{margin-bottom: 0;}

.screen-reader-response p,
.screen-reader-response ul{
    margin: 0 !important;
}

.wpcf7-form .wpcf7-spinner{
    display: block;
    margin: 0 auto;
}

.example{
    font-size: 0.6em;
    vertical-align: text-bottom;
}

@media screen and (max-width: 767px) {
    .form-box{
        display: block;
    }
    .form-box .ft{
        display: block;
        width: 100%;
        padding: 0.25em 0.5em;
        margin-bottom: 0.5em;
    }
    .form-box .fc{
        width: 100%;
        padding: 0;
    }
    .wpcf7-form .submit-wrap{margin-top: 1.5em;}
    .wpcf7-form #submit{font-size: 18px;}
    div.wpcf7 img.ajax-loader{width: auto;}
	
	#pp{font-size: 85%;}
}