@charset "utf-8";
#root {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

body {
    width: 100%;
    -webkit-text-size-adjust: ('none' '100%' 'auto');
}

.telWrap {
    color: inherit;
}

.telWrap:hover {
    color: inherit;
    text-decoration: underline;
}

.hidden {
    overflow: hidden;
}

.opacity_hover:hover {
    opacity: .7;
}

.cursol-pointer {
    cursor: pointer;
}

.karla {
    font-family: 'Karla', sans-serif;
}

.shippori {
    font-family: 'Shippori Mincho', serif;
}

.inLink>a:hover {
    text-decoration: underline;
    color: #485053;
}

.logoNone {
    opacity: 0;
    transition: .3s;
}

/*-- 共通ボタン---------------------------------------------------------------*/

.btn01 {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 176px;
    width: 100%;
    padding: 16px 0 16px 0;
    color: #111111;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    border: 1px solid #CCCCCC;
    transition: all .5s;
}

.btn01:hover {
	color: #111111;
    background: #ebe9e9;
    transition: all .5s;
}

.btn01ImgBox {
    max-width: 24px;
    width: 100%;
    margin-right: 8px;
}

.btn01Text {
    color: #111111;
}

.btn02Area {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn02 {
    display: block;
    max-width: 111px;
    width: 100%;
    position: relative;
    text-align: left;
}

.btn02:before {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    width: 12px;
    height: 3px;
    top: 0;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #111111;
    border-right: 1px solid #111111;
    transform: skew(45deg);
    transition: all .5s;
}

.btn02:after {
    content: "";
    display: block;
    position: absolute;
    width: auto;
    height: 1px;
    background: #111111;
    left: 0;
    right: 0;
    bottom: -5px;
}

.btn02:hover:before {
    right: -10%;
}

.btn02Text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #111111;
}

.btn03Area {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn03 {
    display: block;
    max-width: 111px;
    width: 100%;
    position: relative;
    text-align: left;
}

.btn03:before {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    width: 12px;
    height: 3px;
    top: 0;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    transform: skew(45deg);
    transition: all .5s;
}

.btn03:after {
    content: "";
    display: block;
    position: absolute;
    width: auto;
    height: 1px;
    background: #FFFFFF;
    left: 0;
    right: 0;
    bottom: -7px;
}

.btn03:hover:before {
    right: -10%;
}

.btn03Text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.btn04 {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 300px;
    width: 100%;
    padding: 16px;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 16%));
    transition: all .5s;
}

.btn04ImgBox {
    margin: 0 16px 0 0;
    max-width: 48px;
    width: 100%;
}

.btn04Text {
    width: auto;
    color: #111111;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
}

/*btn04 backcolor */

.backColorA {
    background: #FFF;
}

.backColorA:hover {
    background: #ebe9e9;
}

.backColorB {
    background: #ACACAC;
    transition: all .5s;
}

.backColorB:hover {
    background: #cccccc;
    transition: all .5s;
}

/*---------------------------------------------------------------------------*/

.fontA {
    font-family: "Noto+Serif+JP", sans-serif;
}

.fontB {
    font-family: "Roboto", sans-serif;
}

.fontC {
    font-family: "Cinzel", serif;
}

/*---------------------------------------------------------------------------*/

/*-- 共通パーツ --------------------------------------------------------------*/

.comBtn01 {
    max-width: 260px;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    letter-spacing: 0.07em;
    font-weight: 500;
    color: #485053;
    position: relative;
    border: 2px solid rgba(72,80,83,0.57);
}

.comBtn01:before {
    content: "";
    position: absolute;
    background: #485053;
    width: 50px;
    height: 1px;
    right: -25px;
}

.comBtn01:hover {
    background: rgba(72,80,83,0.55);
    color: #fff;
}


/*-- ****** -----------------------------------------------------------------*/
/*-- 共通カラー --------------------------------------------------------------*/

.colorWhite {
    color: #fff;
}

/*-- inCover -----------------------------------------------------------------*/

.incover {
    max-width: 1920px;
    width: 100%;
    height: 250px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.incover:before {
    content: "";
    display: block;
    position: absolute;
    max-width: 1920px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    background: rgba(17, 17, 17, 0.3);
}

/*
.incover {
    max-width: 800px;
    width: 100%;
    height: 960px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.incover:before {
    content: "";
    display: block;
    position: absolute;
    max-width: 800px;
    width: 100%;
    height: 960px;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    background: rgba(17, 17, 17, 0.3);
}
*/

.incoverTitBox {
    margin: 0 auto;
}

.incoverTitText {
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.05em;
}


/*-- ****** -----------------------------------------------------------------*/
/*-- パンくずリスト ----------------------------------------------------------*/

.breadWrap {
	padding: 15px 0;
}

.breadBox {
	max-width: 1118px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: auto;
	padding: 0 15px;
	font-size: 12px;
	letter-spacing: 0.08em;
}

.breadLink {
	display: block;
	color: #333;
}

.breadLink:hover {
	color: #3D3732;
	text-decoration: underline;
}

/*-- ****** -----------------------------------------------------------------*/
/*-- coverTxt ---------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
/*-- header -----------------------------------------------------------------*/



/*--is-animation--*/



/*---------------------------------------------------------------------------*/
/*-- footer -----------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/

/*---topMain----------------------------------------------*/



/*----*/



/*----kasou------------------------------------------------*/

.inBalanceImg01>img {
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    max-height: 100%;
    height: auto;
    max-width: 100%;
    width: auto;
    bottom: 0;
    left: 0;
    margin: auto;
}

.objectFitImg {
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
}


a[data-lightbox] {
    position: relative;
    display: block;
}

a[data-lightbox]:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.3);
    opacity: 0;
    transition: .5s;
}

a[data-lightbox]:hover:before {
    opacity: 1;
    transition: .5s;
}

.galleryImg01>a[data-lightbox] {
    padding-top: 100%;
}

.galleryImg01>a[data-lightbox] img {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*---form--*/

.formTh {
    padding: 15px 15px 15px 15px;
    background-color: #485053;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.formTd {
    padding: 15px 15px 15px 15px;
    background: #fff;
    color: #555;
}

.formRow {
    border: 1px solid #ccc;
}

.contTable {
    border: 1px solid #ccc;
}

.requiredText {
    padding: 1px 4px 1px 4px;
    color: #fff;
    font-size: 14px;
    background-color: #ff1f1f;
}

.privacyBox {
    border: 1px solid #ccc;
    padding: 15px 2% 15px 2%;
    width: 100%;
    overflow-y: scroll;
    background: #fff;
    height: 250px;
}

/*----*/

.compBaseTb {
    border: 1px solid #ccc;
}

.compBaseTr {
    border: 1px solid #ccc;
}

.compBaseTh {
    padding: 15px;
    background-color: #555;
    color: #fff;
}

.compBaseTd {
    padding: 15px;
    background: #fff;
    text-align: left;
}

/*----*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.btn04 {
    max-width: 416px;
    width: 100%;
    padding: 24px;
}

.btn04Text {
    font-size: 16px;
}

/*-- inCover -----------------------------------------------------------------*/

.incover {
    max-width: 1920px;
    width: 100%;
    height: 440px;
}

.incover:before {
    content: "";
    display: block;
    position: absolute;
    max-width: 1920px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    background: rgba(17, 17, 17, 0.3);
}

.incoverTitText {
    font-size: 40px;
}

/*-- ****** -----------------------------------------------------------------*/


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1024px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-- inCover -----------------------------------------------------------------*/

.incoverTitText {
    font-size: 70px;
}

/*-- ****** -----------------------------------------------------------------*/

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

.recruitSubTitBox01 .recruitSubTitText__add{
font-size:38px;
}
@media screen and ( max-width:768px ){
.recruitSubTitBox01 .recruitSubTitText__add{
font-size:28px;
}
}

.c27664__add{
margin:0 auto;
      font-size: 25px;
    line-height: 1.7;
}
@media screen and ( max-width:768px ){
.c27664__add{

      font-size: 18px;

}
}


.flowTextArea .recruitFloatTxt01__add{
        font-size: 99px;
}

.recruitPd__add .recruitArea03__add{
    text-align: center;
}

.recruitArea03__add .madori-mini{
gap: 8px;
}

.recruitWr .recruitPd__add{
margin: 40px auto 0 auto;
    max-width: 1140px;
    width: 100%;
}

.madori-mini img {
  min-width: 0; 
  width: 25%; 
  height: auto;
}
@media screen and ( max-width:767px ){
.madori-mini img {
    
      width: 90%;

}
}