@charset "UTF-8";
/**====================================
 * CSS information
 * file name	: style.css
====================================**/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');

/* body
-------------------------------------------------- */
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6em;
	line-height: 1.8;
	zoom: 1;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	color: #0d0d0d;
	width: 100%;
	min-width: 1020px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
}
body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}

/* link
-------------------------------------------------- */
a {
	color: #0d0d0d;
	text-decoration: none;
	transition: all .2s;
}
a.underline {
	color: #337ab7;
	text-decoration: underline;
}
@media screen and (min-width: 768px) {
	a:hover {
		opacity: 0.7;
	}
}

/* clear
-------------------------------------------------- */
.clear:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* text
-------------------------------------------------- */
.en {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

/* Responsive
-------------------------------------------------- */
.sp {
	display: none;
}

/* img
-------------------------------------------------- */
img {
	width: 100%;
	height: auto;
}

/* margin
-------------------------------------------------- */
.mB0 { margin-bottom: 0px !important; }
.mB5 { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB45 { margin-bottom: 45px !important; }
.mB50 { margin-bottom: 50px !important; }
.mB55 { margin-bottom: 55px !important; }
.mB60 { margin-bottom: 60px !important; }
.mT0 { margin-top: 0px !important; }
.mT20 { margin-top: 20px !important; }
.mT30 { margin-top: 30px !important; }
.mT40 { margin-top: 40px !important; }


/* background
-------------------------------------------------- */
._bg { background-color: #f7f7f7; }


/*/////////////////////////////////////////////////////////////////////////////


              // common parts //
	  

/////////////////////////////////////////////////////////////////////////////*/

/* ===============================================
    layout
=============================================== */
 #container {
	 width: 100%;
}
.section-wrap {
	padding: 70px 0;
}
.content {
	width: 980px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ===============================================
    font
=============================================== */
.f-bold {
	font-weight: 700;
}
.f-color {
	color: #7db103;
}
.f-yellow {
	color: #f7e70a;
}
.f-underline {
	position: relative;
	display: inline-block;
}
.f-underline::before {
	content: "";
	width: calc(100% - 0px);
	height: 2px;
	background: #85bb07;
	position: absolute;
	left: 4px;
	bottom: -5px;
}

/* ===============================================
    title
=============================================== */
.headLine-txt {
    font-size: 2.4rem;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 23px;
}
.headLine02 {
	font-size: 3.2rem;
	line-height: 1.6;
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
}
.headLine03 {
	display: flex;
	justify-content: space-between;
	align-items: top;
	font-size: 2.4rem;
	line-height: 1.75;
	font-weight: 700;
	margin-bottom: 25px;
	box-sizing: border-box;
	float: left;
	width: 580px
}
._short .headLine03 {
    width: 620px
}
.headLine03.row1 {
	align-items: center;
}
.headLine03 .box {
	display: block;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	text-align: center;
	font-size: 1.8rem;
	color: #ffffff;
    background: #85bb07;
	line-height: 1.3;
	margin-top: 2px;
	padding-top: 10px;
}
.headLine03 .box .numb {
	font-size: 2.8rem;
	display: block;
}
.headLine03 .box + .ttl {
	width: calc(100% - 100px);
}
.headLine03._month .box {
	width: 100px;
	font-size: 1.6rem;
	padding-top: 22px;
}
.headLine03._month .box .numb {
	display: inline-block;
}
.headLine03._month .box + .ttl {
	width: calc(100% - 125px);
}
.headLine03._step .box {
    font-size: 1.5rem;
    padding-top: 17px;
}
.headLine04 {
	font-size: 2.2rem;
	line-height: 1.75;
	font-weight: 700;
	border-left: 3px solid #85bb07;
	padding: 5px 0 6px 30px;
	margin-bottom: 25px;
	box-sizing: border-box;
	float: left;
	width: 620px;
}
.headLine04._shop {
	padding: 0 0 1px 30px;
	float: none;
	width: 100%;
}
.headLine05 {
	font-size: 2.0rem;
	font-weight: 700;
    margin-top: 25px;
}
.headLine06 {
	font-size: 1.8rem;
	line-height: 1.75;
	font-weight: 700;
	margin-bottom: 10px;
    color: #7db103;
}
.headLine-attention-wrap {
	border-bottom: 2px solid #e50308;
	padding-bottom: 15px;
	margin: 0 0 25px 0;
	box-sizing: border-box;
	float: left;
	width: 570px
}
.headLine-attention {
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: 700;
	background: url("../images/icon_attention.png") left center no-repeat;
	background-size: 30px auto;
	padding: 0 0 0 50px;
}
.lead {
	text-align: center;
	margin-bottom: 50px;
}
.caption {
    display: block;
	font-size: 1.3rem;
    line-height: 1.5;
    margin: 3px 0;
}

.headLine03.float-n,
.headLine04.float-n,
.headLine-attention-wrap.float-n{
	float: none;
	width: auto;
}

/* ===============================================
    article
=============================================== */
.article p {
	margin-bottom: 12px;
}
.article-block {
	border-bottom: 1px dotted #333333;
	padding-bottom: 50px;
	margin: 0 0 70px;
}
.article-block:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin: 0 !important;
}
.mainimg {
	padding: 0 0 30px;
}
.article-block .thumb {
	width: 360px;
	float: right;
	padding: 0 0 10px 40px;
}
.article-block-inner {
	margin-top: 45px;
}
.article-block-inner .thumb {
	width: 310px;
}
.article-block._short {
	margin: 0 0 55px;
}
.article-block._short .thumb {
	width: 310px;
}
.article-txt-block {
	margin: 0 0 50px;
}
.article-lead-block {
	margin: -25px 0 55px;
	text-align: center;
}
.article-lead-block._dotted {
    border-bottom: 1px dotted #333333;
	padding-bottom: 50px;
	margin-bottom: 55px;
}
.article-lead-block p {
	margin-bottom: 12px;
}
.disc-list li {
	padding-left: 20px;
	position: relative;
}
.disc-list li::before {
	content: "";
	width: 4px;
	height: 4px;
	background: #1a1a1a;
	position: absolute;
	left: 7px;
	top: 0.8em;
	border-radius: 50%;
}
.article-block + .kome-list {
    margin: -10px 0 20px;
}
.kome-list li {
	padding-left: 1em;
	position: relative;
}
.kome-list li::before {
    display: inline-block;
	content: "※";
    text-indent: -1em;
}

/* article-block-col2
------------------------ */
.article-block-col2 {
    display: flex;
    justify-content: space-between;
}
.article-block-col2.mT40 {
    margin-top: 40px;
}
.article-block-col2 .block {
    width: 465px;
}
.article-block-col2 .headLine04 {
	width: 100%;
}
.article-block-col2 .block .thumb {
    width: 100%;
    float: none;
    padding: 0;
}
.txt-caption {
    width: calc(100% - 10px);
    position: absolute;
    left: 5px;
    bottom: 5px;
    line-height: 1.35;
    background: rgba(0,0,0,0.70);
    color: #ffffff;
    margin: 0 !important;
    font-size: 1.3rem;
    padding: 6px 15px 7px;
    box-sizing: border-box;
}
.thumb-slider-sp {
    display: none;
}

/* article-block-col3
------------------------ */
.article-block-col3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
}
.article-block-col3::after {
    content: "";
    width: 304px;
    display: block;
}
.article-block-col3 li {
    width: 304px;
    margin-bottom: 15px;
}
.article-block-col3 p {
	margin-bottom: 9px;
}
.article-block-col3 li .txt{
    font-size: 1.4rem;
}

/* article-block-btm
------------------------ */
.article-block-btm {
    margin: -20px 0 8px;
}
.article-block-btm .kome-list {
    margin-bottom: 12px;
}

/* bg-box
------------------------ */
.bg-box {
    background: #f5f5f5;
    padding: 12px 20px 17px;
    margin: 20px 0;
}
.bg-box p {
    font-size: 1.5rem;
    margin-bottom: 0;
}

/* bd-box
------------------------ */
.bd-box {
    border: 1px solid #cccccc;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    margin: 28px 0 20px;
}
.bd-box .inner {
    width: 550px;
}
.bd-box .ttl {
    font-size: 2.0rem;
    font-weight: 700;
    border-bottom: 1px solid #333333;
    padding-bottom: 12px;
    margin-bottom: 15px;
}
.bd-box .inner p {
    margin-bottom: 8px;
}
.bd-box .inner p:last-child {
    margin-bottom: 0;
}
.bd-box .thumb {
    width: 310px;
    padding: 0;
}


/* ===============================================
    table
=============================================== */
dl.table {
	width: 100%;
	border-top: 1px solid #d9d9d9;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
dl.table dt,
dl.table dd {
	padding: 28px 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #d9d9d9;
}
dl.table dt {
	width: 15%;
	font-weight: 700;
}
dl.table dd {
	width: 85%;
	text-align: justify;
}
dl.table dd div {
	padding-bottom: 15px;
}
dl.table dd .mB {
	margin-bottom: 13px;
}
dl.table dd .ttl {
	font-weight: 700;
    margin-bottom: 4px;
}
dl.table dd .ttl span {
    display: block;
	font-weight: 500;
    font-size: 1.4rem;
}
.table-col2 {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.table-col2 dl.table {
	width: 470px;
	margin-bottom: 0;
}
.table-col2 dl.table:nth-child(n+3) {
	border-top: none;
}
.table-col2 dl.table dt {
	width: 27%;
}
.table-col2 dl.table dd {
	width: 73%;
}
table.type01 {
	width: 100%;
	border-top: 2px solid #85bb07;
	border-left: 1px solid #d7d7d7;
	text-align: left;
	vertical-align: middle;
}
table.type01 th,
table.type01 td {
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	font-size: 1.4rem;
	background: #FFFFFF;
	line-height: 1.6;
	box-sizing: border-box;
}
table.type01 th {
	font-weight: 700;
	text-align: center;
	background: #f5f5f5;
    width: 29%;
    padding: 10px 5px 11px;
}
table.type01 td {
    width: 71%;
    padding: 10px 15px 11px;
}
table.type01 p.txt {
    font-size: 1.2rem;
    margin: 5px 0;
}
table.type01 .kome-list {
    font-size: 1.2rem;
    margin-top: 5px;
}

/* ===============================================
    btn
=============================================== */
.btn {
	display: inline-block;
	width: 190px;
    font-size: 1.4rem;
	padding: 8px 20px 10px 25px;
    box-sizing: border-box;
	font-weight: 500;
	border-radius: 4px;
	position: relative;
	border: 1px solid #85bb07;
    text-align: left;
    color: #7db103;
}
.btn._large {
    width: 220px;
}
.btn::after {
	content: "";
	display: block;
	border-left: 8px solid #85bb07;
    border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

/*/////////////////////////////////////////////////////////////////////////////


              // header //
	  

/////////////////////////////////////////////////////////////////////////////*/

/* header
-------------------------------------------------- */
.header {
    padding: 14px 0;
}
.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-logo {
	width: 215px;
}
.header-logo a {
	display: block;
}
.header-btn {
    width: 235px;
}

/* preheadArea
-------------------------------------------------- */
.preheadArea {
	background: #85bb07;
	color: #FFFFFF;
	padding: 13px 0;
	line-height: 1.6;
    font-size: 1.5rem;
}

/*/////////////////////////////////////////////////////////////////////////////


              // cvArea //
	  

/////////////////////////////////////////////////////////////////////////////*/

/* cvArea-top
-------------------------------------------------- */
.cvArea-top {
	background: #85bb07;
	text-align: center;
	padding: 40px 0 35px;
	position: relative;
}
.cvArea-top::after {
	content: "";
	display: block;
	border-top: 20px solid #85bb07;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translateX(-50%);
}
.cvArea-top .txt {
	font-size: 2.0rem;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.5;
	margin-bottom: 10px;
}
.cvArea-top .txt .f-underline::before {
	content: "";
	width: calc(100% - 0px);
	height: 2px;
	background: #ffde00;
	position: absolute;
	left: 4px;
	bottom: -4px;
}
.cvArea-top .ttl {
	font-size: 2.8rem;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.45;
	margin-bottom: 15px;
    letter-spacing: 0.02em;
}
.cvArea-top .ttl span {
    font-size: 3.8rem;
}
.cvArea-top .subttl {
    width: 686px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 1.5;
	margin: 0 auto 30px;
    padding: 8px 0 9px;
    border: 2px solid #ffffff;
    border-radius: 6px;
}
.conditions-col2 {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 3;
}

/* conditions-balloon
-------------------------------------------------- */
.conditions-balloon {
	width: 215px;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.65;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #FFFFFF;
	border-radius: 4px;
	margin-bottom: 5px;
	position: relative;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
}
.conditions-balloon::after {
	content: "";
	border-left: 10px solid #FFFFFF;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
    filter: drop-shadow(3px 0px 2px rgba(0,0,0,0.15));
}

/* conditions-list
-------------------------------------------------- */
.conditions-list {
	width: 745px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
}
.conditions-list li {
	height: 60px;
	margin-bottom: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 245px;
	background: #FFFFFF;
	border-radius: 4px;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
}
.conditions-list li p {
	font-size: 1.4rem;
	line-height: 1.45;
	font-weight: 400;
}
.conditions-list li p .f-small {
	font-size: 1.3rem;
}

/* cvArea-contact
-------------------------------------------------- */
.cvArea-contact {
	background: #f5faec;
	padding: 50px 0 45px;
	text-align: center;
}

/* --- cv-logo-wrap --- */
.cv-logo-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.cv-logo-wrap .cv-logo {
	width: 222px;
    padding-right: 40px;
}
.cv-logo-wrap .ttl {
	font-size: 2.0rem;
    line-height: 1.75;
    font-weight: 500;
    text-align: left;
}

/* --- cvArea-contact-col2 --- */
.cvArea-contact-col2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.cvArea-contact-col2 .cv-tel {
	width: 360px;
	border-right: 1px solid #c2c5cc;
	margin: 0 10px 0 0;
	padding: 7px 0;
    text-align: left;
}
.cvArea-contact-col2 .cv-tel .tel {
	display: inline-block;
	font-size: 4.9rem;
	font-weight: 700;
	padding-left: 40px;
	background: url("../images/icon_tel.svg") left center no-repeat;
	background-size: 29px auto;
	letter-spacing: -0.01em;
	line-height: 1.4;
}
.cvArea-contact-col2 .cv-tel .txt {
	font-size: 1.3rem;
	line-height: 1.1;
}
.cvArea-contact-col2 .cv-btn-wrap {
	display: flex;
	justify-content: flex-end;
}
.cvArea-contact-col2 .cv-btn {
	margin-left: 15px;
}
.cvArea-contact-col2 .cv-btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 290px;
	height: 90px;
	background: #f28100;
	box-sizing: border-box;
	border-radius: 45px;
	font-size: 1.7rem;
	font-weight: 700;
	text-align: left;
	color: #FFFFFF;
	line-height: 1.5;
	border: 2px solid #FFFFFF;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.20);
}
.cvArea-contact-col2 .cv-btn._line a {
	background: #07b53b;
}
.cvArea-contact-col2 .cv-btn._mail a span {
	display: inline-block;
	background: url("../images/icon_mail.png") left center no-repeat;
	background-size: 32px auto;
	padding: 8px 0 8px 52px;
}
.cvArea-contact-col2 .cv-btn._line a span {
	display: inline-block;
	background: url("../images/icon_line.png") left center no-repeat;
	background-size: 40px auto;
	padding: 8px 0 8px 55px;
}

/* --- favorite-txt --- */
.favorite-txt {
	width: 580px;
	margin: 0 auto;
	background: #FFFFFF;
    border: 1px solid #d9d9d9;
	border-radius: 20px;
	font-size: 1.4rem;
	padding: 2px 0 3px;
}

/*/////////////////////////////////////////////////////////////////////////////


              // visual //
	  

/////////////////////////////////////////////////////////////////////////////*/
.visual {
	padding: 30px 0 35px;
	background: url("../images/main_bg.jpg") center center no-repeat;
	background-size: cover;
	overflow: hidden;
}
.visual-inner {
	position: relative;
}
.visual-block {
	width: 730px;
	background: rgba(255,255,255,0.90);
	padding: 35px 0 30px 30px;
	margin-bottom: 15px;
	border-radius: 4px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
}
.visual-block-inner {
    width: 622px;
}
.visual-block .ttl {
	margin-bottom: 22px;
}
.visual-block .txt {
    width: 630px;
	font-size: 1.6rem;
    line-height: 1.7;
    letter-spacing: 0.02em;
}
.visual-main {
	width: 418px;
	position: absolute;
	right: -70px;
	bottom: -35px;
	z-index: 2;
}
.visual-subimg {
	position: absolute;
}
.visual-subimg.img01 {
	width: 210px;
	left: -220px;
	top: 55px;
}
.visual-subimg.img02 {
	width: 145px;
	left: -150px;
	bottom: 70px;
}
.visual-subimg.img03 {
	width: 140px;
	right: -160px;
	top: 50px;
}
.visual-subimg.img04 {
	width: 210px;
	right: -200px;
	bottom: 40px;
	z-index: 3;
}


/*/////////////////////////////////////////////////////////////////////////////


              // contents //
	  

/////////////////////////////////////////////////////////////////////////////*/

/* ===============================================
    sec-situation
=============================================== */
.sec-situation .headLine02 {
	margin-bottom: 40px;
}
.check-list {
	border: 1px solid #cccccc;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
}
.sec-situation .check-list {
    margin-bottom: 50px;
}
.check-list li {
	background: url("../images/icon_check.png") left top 10px no-repeat;
	background-size: 23px;
	padding: 5px 0 5px 38px;
}
.check-list li.none {
	background: none;
}
/* ===============================================
    salary-wrap
=============================================== */
.salary-wrap {
    margin-top: 40px;
}
.salary-col3 {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 20px;
}
.salary-col3 .salary-block {
    width: 310px;
}
.salary-block .ttl {
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* ===============================================
    sec-interview
=============================================== */
.sec-interview-col2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    border-bottom: 1px dotted #333333;
	padding-bottom: 30px;
    margin: 0 0 60px;
}
.sec-interview-col2 li {
	width: 465px;
	margin: 0 0 40px;
}
.sec-interview-col1 {
	width: 680px;
	margin: 0 auto;
}
.interview-ttl {
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 10px;
}
.interview-movie {
    position: relative;
    margin-bottom: 10px;
}
.interview-movie::after {
    content: "";
    display: block;
    padding-top: 56.25%;
}
.interview-movie iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}
    
/* ===============================================
    sec-flow
=============================================== */
.sec-flow-col2 {
	display: flex;
	justify-content: space-between;
    flex-direction: row-reverse;
	margin: 40px 0 20px;
}
.sec-flow-col2__right {
	width: 530px;
}
.sec-flow-col2__left {
	width: 380px;
}
.sec-flow-col2__left p {
	margin-bottom: 25px;
}
.sec-flow-col2__left p.flow-chart {
    margin-bottom: 50px;
}
.flowtable {
	width: 100%;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	text-align: left;
	vertical-align: middle;
    margin-bottom: 15px;
}
.flowtable th,
.flowtable td {
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 12px 12px;
	background: #FFFFFF;
}
.flowtable th {
	font-weight: 700;
}
.flowtable .time {
	width: 60px;
	background: #85bb07;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
}
.flowtable .ttl {
	background: #f5f5f5;
    padding: 7px 12px 9px;
}
.sec-flow-col2__right .disc-list {
    font-size: 1.5rem;
}

/* ===============================================
    sec-company
=============================================== */
.sec-company {
	padding-bottom: 0;
}
.company-slider__item {
	width: 50vw;
	margin: 0 1.5vw;
}
.company-map {
	margin-top: 80px;
}
.company-map iframe {
	width: 100%;
	height: 460px;
}

/* ===============================================
    shop-list
=============================================== */
.shop-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.shop-list li {
    width: 47.7%;
    margin: 10px 0 25px;
}
.shop-list li .ttl {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.5;
}
.shop-list li .txt {
    margin-bottom: 15px;
}
.trimming-thumb {
	display: block;
	overflow: hidden;
	position: relative;
	transition: .3s all;
    padding-bottom: 0 !important;
    margin-bottom: 10px;
}
.trimming-thumb::after {
	display: block;
	content: "";
    padding-top: 57.5%;
}
.trimming-thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .3s all;
}

/* ===============================================
    sec-recruitflow
=============================================== */
.sec-recruitflow-block {
	background: #FFFFFF;
	border-radius: 6px;
	display: flex;
	justify-content: space-between;
    align-items: stretch;
	margin-bottom: 20px;
    padding: 20px 10px 35px;
}
.sec-recruitflow-block li {
	width: 16.6666%;
	text-align: center;
	position: relative;
}
.sec-recruitflow-block li .en {
	display: block;
	font-size: 2.0rem;
	color: #e50308;
	margin-bottom: 2px;
}
.sec-recruitflow-block li div {
    position: relative;
    height: 77px;
    font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.3;
    display: flex;
	justify-content: center;
    align-items: center;
}
.sec-recruitflow-block li div::after {
	content: "";
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	border-right: 6px solid #e5e5e5;
	border-bottom: 6px solid #e5e5e5;
	position: absolute;
	top: 50%;
	right: -15px;
	transform: rotate(-45deg) translateY(-50%);
}
.sec-recruitflow-block li:last-child div::after {
	display: none;
}

/* ===============================================
    sec-contact
=============================================== */
.sec-contact {
    background: #f9fcf2;
}
.contact-flow {
	width: 800px;
	margin: 0 auto 50px;
	display: flex;
	justify-content: space-between;
}
.contact-flow__item {
	width: 240px;
	height: 76px;
	background: #d6d6d6;
	text-align: center;
	color: #FFFFFF;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.contact-flow__item p {
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.3;
	padding-bottom: 5px;
}
.contact-flow__item span {
	display: block;
	font-size: 1.5rem;
	margin-bottom: 3px;
	letter-spacing: 0.14em;
}
.contact-flow__item::after {
	content: "";
	display: block;
	border-left: 14px solid #d6d6d6;
	border-bottom: 16px solid transparent;
	border-top: 16px solid transparent;
	position: absolute;
	top: 50%;
	right: -27px;
	transform: translateY(-50%);
}
.contact-flow__item:last-child::after {
	display: none;
}
.contact-flow__item.active {
	background: #85bb07;
}
.contact-flow__item.active::after {
	border-left: 14px solid #85bb07;
}
.formtable {
	width: 100%;
	border-top: 1px solid #d9d9d9;
}
.formtable th,
.formtable td {
	border-bottom: 1px solid #d9d9d9;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
}
.formtable th {
	width: 290px;
    position: relative;
	padding: 20px 0 20px 20px;
}
.formtable th .ttl {
    position: relative;
    font-weight: 500;
}
.formtable .required,
.formtable .any {
	display: block;
	width: 60px;
	font-size: 1.3rem;
	text-align: center;
	color: #FFFFFF;
	background: #e50308;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	padding: 2px 0 4px;
}
.formtable .any {
	background: #999999;
}
.formtable td {
	width: 690px;
	padding: 20px 30px;
	font-size: 1.5rem;
}
.formtable .note {
	margin-top: 5px;
	font-size: 1.4rem;
}
.formtable th .note {
    margin-top: 15px;
}

/* nput, select, textarea
-------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 10px 15px;
	width: 100%;
	border-radius: 0;
	font-size: 1.5rem;
	line-height: 1;
	margin: 0;
	height: 44px;
	vertical-align: central;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
    color: #1a1a1a;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
	background: #f7f7f7;
}
input[type="text"].w120 {
	width: 120px;
}
input[type="text"].w160 {
	width: 160px;
	margin-right: 15px;
}
input[type="text"].w200 {
	width: 200px;
	margin-right: 15px;
}
input[type="text"].w380 {
	width: 380px;
}
input[type="text"].w510 {
	width: 510px;
}
select {
	box-sizing: border-box;
	position: relative;
	margin: 0 0 10px 0;
	width: 300px;
	height: 44px;
	font-size: 1.5rem;
	background: #ffffff url(../images/select.gif) right center no-repeat;
	background-size: auto 44px;
	border: 1px solid #cccccc;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-overflow: "";
	padding: 0 15px;
	cursor: pointer;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
    color: #1a1a1a;
}
textarea {
	box-sizing: border-box;
	width: 100%;
	height: 260px;
	padding: 20px;
	font-size: 1.5rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	line-height: 1.5;
	border: 1px solid #cccccc;
	background: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
    color: #1a1a1a;
}
::placeholder {
  color: #999999;
}

/* radio, checkbox
-------------------------------------------------- */
.radio-text,
.checkbox-text {
	padding: 5px 0;
}
.radio-text .radio-text__item__label,
.checkbox-text .checkbox-text__item__label {
	cursor: pointer;
	position: relative;
	margin: 0;
	display: inline-block;
	box-sizing: border-box;
}
.radio-text .radio-text__item__label {
	padding: 5px 33px;
}
.checkbox-text .checkbox-text__item__label {
	padding: 15px 33px;
}
.radio-text span.radio-text__item,
.checkbox-text span.checkbox-text__item {
	display: inline;
	margin: 0;
}
.radio-text .radio-text__item__label::before,
.checkbox-text .checkbox-text__item__label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	background-color: #ffffff;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}
.radio-text .radio-text__item__label::before {
	width: 22px;
	height: 22px;
	border-radius : 50%;
	margin-top: -10px;
}
.checkbox-text .checkbox-text__item__label::before {
	width: 22px;
	height: 22px;
	margin-top: -11px;
}
.radio-text .radio-text__item__label::after,
.checkbox-text .checkbox-text__item__label::after {
	content: '';
	position: absolute;
	top: 50%;
	z-index : 3;
	opacity: 0;
}
.radio-text .radio-text__item__label::after {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	left: 7px;
	margin-top: -3px;
	background-color: #ffffff;
}
.checkbox-text .checkbox-text__item__label::after {
	width: 10px;
	height: 5px;
	left: 5px;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	transform: rotate(-45deg);
	margin-top: -5px;
}

.radio-text label input[type="radio"],
.checkbox-text label input[type="checkbox"] {
	display: none;
}
.radio-text label input[type="radio"]:checked + .radio-text__item__label::before,
.checkbox-text label input[type="checkbox"]:checked + .checkbox-text__item__label::before {
	background-color: #85bb07;
    border: 1px solid #85bb07;
}
.radio-text label input[type="radio"]:checked + .radio-text__item__label::after,
.checkbox-text label input[type="checkbox"]:checked + .checkbox-text__item__label::after {
	opacity: 1;
}

/* form-btn
-------------------------------------------------- */
.form-btn {
	margin: 50px auto;
	width: 766px;
	position: relative;
}
.form-btn li {
	width: 373px;
	margin: 0 auto;
}
.form-btn li.btn-back {
	float: left;
}
.form-btn li.btn-submit {
	float: right;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {	
	width: 100%;
	height: 80px;
	padding: 0;
	margin: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 2.0rem;
	font-weight: 700;
	background: #f28100;
	font-family: 'Noto Sans JP', sans-serif;
	transition: all .2s;
	border: 2px solid #FFFFFF;
	border-radius: 6px;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.20);
}
input[type="button"] {
    background: #999999;
}
@media screen and (min-width: 768px) {
	input[type="submit"]:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover {
		opacity: 0.7;
		transition: all 0.3s;
	}
}

/*/////////////////////////////////////////////////////////////////////////////


              // footer //
	  

/////////////////////////////////////////////////////////////////////////////*/
.footer {
	text-align: center;
	font-size: 1.4rem;
	padding: 0 0 60px;
}
.footer._bg {
    background: #f9fcf2;
}
/* ===============================================
    pagetop
=============================================== */
.pagetop {
	width: 45px;
    height: 45px;
	position: fixed;
	right: 30px;
	bottom: 0;
	opacity: 0;
	transition: .3s all;
	z-index: 999;
}
.pagetop a {
    display: block;
    width: 100%;
    height: 100%;
    background: #85bb07;
    border-radius: 50%;
}
.on .pagetop {
	opacity: 1;
	bottom: 30px;
}

/*/////////////////////////////////////////////////////////////////////////////


              // mail //
	  

/////////////////////////////////////////////////////////////////////////////*/
.formtitle {
	text-align: center;
	border-top: 2px solid #85bb07;
	padding: 30px 0;
}
.formtitle p {
	font-size: 3.0rem;
	font-weight: 700;
}
.confirm-ttl {
	text-align: center;
	background: #85bb07;
	color: #FFFFFF;
	padding: 20px;
}
.confirm-ttl .ttl {
	font-size: 2.1rem;
	font-weight: 700;
}
.form-content {
	width: 900px;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.form-content-txt {
	font-size: 1.8rem;
	font-weight: 500;
	padding-bottom: 30px;
}
.errorWrap {
	width: 780px;
	margin: 0 auto;
	padding: 20px 40px;
	background: #fef9f8;
	border: 1px solid #e4322c;
	box-sizing: border-box;
}
.error_messe {
	color: #e4322c;
	font-weight: 500;
	padding: 2px 0;
}
.formtable.confirmtable {
	background: #f3f4f6;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
.formtable.confirmtable th {
	border-right: 1px solid #d9d9d9;
	width: 220px;
	padding: 20px 30px;
	font-weight: 700;
}
.formtable.confirmtable td {
	background: #ffffff;
}
.complete-content {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 60px;
}
.complete-box {
	border: 1px solid #cccccc;
	padding: 40px 40px 55px;
}
.complete-box .ttl {
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.6;
}

/*/////////////////////////////////////////////////////////////////////////////


              // Slider //
	  

/////////////////////////////////////////////////////////////////////////////*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next {   
    position:  absolute;
	bottom: -65px;
	left: 50%;
	width: 35px;
	height: 35px;
	overflow: hidden;
	font-size: 0;
    line-height: 0;
	display: block;
	cursor: pointer;
    border: none;
	z-index: 999;
	transition: .2s;
	box-sizing: border-box;
	background-color: #85bb07;
	border-radius: 50%;
}
.slick-prev {
	margin-left: -125px;
}
.slick-next {
	margin-left: 90px;
}
.slick-prev::after,
.slick-next::after {
	content: "";
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	position: absolute;
	top: 14px;
}
.slick-prev::after {
	left: 15px;
	transform: rotate(-45deg);
}
.slick-next::after {
	right: 15px;
	transform: rotate(135deg);
}
.slick-prev:active,
.slick-prev:focus,
.slick-next:active,
.slick-next:focus{
    outline: none;
}
.thumb-slider .slick-prev,
.thumb-slider .slick-next {
    top: 50%;
    transform: translateY(-50%);
}
.thumb-slider .slick-prev {
    margin-left: 0;
    left: -10px;
}
.thumb-slider .slick-next {
    margin-left: 0;
    left: inherit;
    right: -10px;
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 130px;
}
.slick-dots {
    position: absolute;
    bottom: -58px;
	left: 50%;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	z-index: 9999;
	transform: translateX(-50%);
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px !important;
    padding: 0 !important;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
	padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #cccccc;
	border-radius: 5px;
}
.slick-dots li.slick-active button {
     background: #85bb07;
}

/* hover */
@media screen and (min-width: 768px) {
	.slick-prev:hover,
	.slick-next:hover {
		opacity: 0.6;
	}
}