/*=============================================================
 #recruit
=============================================================*/
#recruit #mainImg { background-image: url(../img/contact/main_contact.png); }
/*============================
#intro
============================*/
#intro { margin: 0 0 60px; }
#intro .tit { padding-right: 15px; padding-left: 15px; }
@media all and (min-width: 600px) { #intro .tit { padding-right: 0; padding-left: 0; } }
@media all and (min-width: 600px) { #intro .sec01 { height: 260px; margin: 0 0 35px; } }
#intro .sec01 .photo { margin: 0 0 10px; }
@media all and (min-width: 600px) { #intro .sec01 .photo { position: absolute; right: 50%; width: 50vw; height: 260px; margin: 0; padding: 0 10px 0 0; } }
#intro .sec01 .photo img { width: 100%; height: 100%; object-fit: cover; }
#intro .sec01 .txt { box-sizing: border-box; margin: 0 0 60px; }
@media all and (min-width: 600px) { #intro .sec01 .txt { width: 50%; margin: 0 0 0 50%; padding: 1.4em 0 0 10px; } }
@media all and (min-width: 600px) { #intro .sec02 { text-align: center; } }
#intro .sec02 dt { margin: 0 0 20px; font-size: 1.8rem; }
#intro .sec02 dd { line-height: 1.7; font-size: 1.4rem; }
/*============================
#flow
============================*/
#flow { margin: 0 0 50px; }
@media all and (min-width: 600px) { #flow { margin: 0 0 90px; } }
#flow .tit { margin-bottom: 30px; }
@media all and (min-width: 600px) { #flow .tit { margin-bottom: 76px; } }
#flow .list { text-align: center; }
#flow .item { display: inline-block; width: 130px; height: 130px; line-height: 128px; margin: 0 0 20px 0; border-radius: 50%; background-color: #49ee22; color: #fff; font-size: 1.6rem; text-align: center; }
@media all and (min-width: 600px) { #flow .item { width: 160px; height: 160px; line-height: 158px; font-size: 1.8rem; } }
#flow .item + .item { position: relative; margin: 0 0 20px 40px; }
@media all and (min-width: 600px) { #flow .item + .item { margin: 0 0 0 80px; } }
#flow .item + .item:before { display: inline-block; position: absolute; left: -35px; color: #030303; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 3.2rem; content: "\f061"; }
@media all and (min-width: 600px) { #flow .item + .item:before { left: -60px; font-size: 4.2rem; } }
#flow .txt { text-align: center; }
@media all and (min-width: 600px) { #flow .txt { line-height: 2.14; margin: 50px 0 0; font-size: 1.4rem; } }
/*============================
#contact
============================*/
#contact { text-align: center; }
#contact .tit { margin-bottom: 30px; }
@media all and (min-width: 600px) { #contact .tit { margin-bottom: 50px; } }
#contact .tel { display: inline-block; position: relative; margin: 0 0 15px; font-size: 3rem; }
@media all and (min-width: 600px) { #contact .tel { margin: 0 0 15px; font-size: 4rem; } }
#contact .tel:before { margin: 0 5px 0 0; color: #030303; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 3rem; content: "\f095"; }
@media all and (min-width: 600px) { #contact .tel:before { display: inline-block; position: absolute; left: -60px; margin: 0; font-size: 4rem; } }
#contact .email { display: inline-block; position: relative; margin-bottom: 30px; font-size: 3rem; }
@media all and (min-width: 600px) { #contact .email { margin-bottom: 50px; font-size: 4rem; } }
#contact .email:before { margin: 0 5px 0 0; color: #030303; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 3rem; content: "\f0e0"; }
@media all and (min-width: 600px) { #contact .email:before { display: inline-block; position: absolute; left: -60px; margin: 0; font-size: 4.2rem; } }
#contact .txt { text-align: left; }
@media all and (min-width: 600px) { #contact .txt { line-height: 2.14; font-size: 1.4rem; text-align: center; } }
/*# sourceMappingURL=maps/recruit.css.map */