@charset "utf-8";

/*
Theme Name:  Original-template
Description: This is our original theme.
Version: 1.0
*/

/* 404 */
.error404 {
	margin:0 auto;
	padding:15px;
}
.error404 li {
	padding:15px 0;
	text-align:center;
	font-size:14px;
}

.p-page_title {
    background-size: cover !important;
    background-position: center center !important;
}


.o_media_img {background: url('http://demo-area.sakura.ne.jp/20240524/wp-content/themes/orignal-theme/img/media/mv.jpg');}
.o_policy_img {background: url('http://demo-area.sakura.ne.jp/20240524/wp-content/themes/orignal-theme/img/policy/mv.jpg');}
.o_about_img {background: url('http://demo-area.sakura.ne.jp/20240524/wp-content/themes/orignal-theme/img/about/mv.jpg');}
.o_concept_img {background: url('http://demo-area.sakura.ne.jp/20240524/wp-content/themes/orignal-theme/img/concept/mv.jpg');}
.o_contact_img {background: url('http://demo-area.sakura.ne.jp/20240524/wp-content/themes/orignal-theme/img/contact/mv.jpg');}



/** トップページ **/



/**　サイトマップ　**/
.wp-block-group__inner-container {width: 100%;}

#sitemap .flex > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
}

#sitemap .flex > div div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
}
#sitemap .flex br {display: none;}


/** 会社概要 **/
.p-tb1 table {width: 100%;}



/** 求人情報 **/

.q-recruit-top .top_content {display: block;}
.q-recruit-top .top_content > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.q-recruit-data .data_container {display: block;}
.q-recruit-data .data_container div {
display: grid;
grid-template:
"data01 data02 data03" auto
"data04 data05 data06" auto
"data07 data08 data09" auto / 29% 40% 29%;
gap: 10px;
}

.q-recruit-traning .traning_container {display: block;}
.q-recruit-traning .traning_container > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    max-width: 1150px;
    margin: 0 auto;
}
.q-recruit-store .store_container {display: block;}
.q-recruit-store .store_container > div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 33px 30px;
    max-width: 1130px;
    margin: 0 auto;
}

.p-entry-link .entry_container {display: block;}
.p-entry-link .entry_container > div {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}



@media (max-width: 768px) {

.q-recruit-mv > div {
width: 100%;
    height: 730px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: flex;
    box-sizing: border-box;
}

.q-recruit-top .top_content > div {display: block;}


.q-recruit-traning .traning_container > div {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
}

.q-recruit-store .store_container > div {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 21px;
}

.p-entry-link .entry_container > div {
    max-width: 255px;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
}

.q-recruit-data .data_container > div {
    grid-template:
        "data01 data03" auto
        "data02 data02" auto
        "data06 data06" auto
        "data05 data05" auto
        "data04 data09" auto
        "data08 data08" auto
        "data07 data07" auto / auto auto;
    gap: 5px;
}

}





.top_recruit div > div {
    background-position: center center !important;
    background-size: cover !important;
    z-index: 0 !important;
width: 100%;
}


.q-recruit-mv .mv_title.o_pc_none {display: none;}
.q-recruit-data .data_item.o_pc_none {display: none;}
.o_pc_none {display: none;}
@media (max-width: 768px) {
.o_pc_none {display: block;}
.o_sp_none {display: none;}
.q-recruit-data .data_item.o_pc_none {display: block;}
.q-recruit-data .data_item.o_sp_none {display: none;}
.q-recruit-mv .mv_title.o_pc_none {display: block;}
.q-recruit-mv .mv_title.o_sp_none {display: none;}
}


.o_test_out > div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.o_test {
	width: 49%;
	margin-bottom: 2%;
}
.o_test > div {
	position: relative;
	overflow: hidden;
}
.o_test_content {
position: absolute;
	inset: 0;
	margin: 0;
	padding: 16px 24px;
	border-radius: 8px;
	color: white;
	background: rgba(220,102,136,.9);
opacity: 1;
transform: translateY(80%);
	transition: opacity .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.o_test:hover .o_test_content {
	opacity: 1;
	transform: none;
}


.o_test3 > div {
	position: relative;

}
.o_test3_content {
position: absolute;
	inset: 0;
	margin: 0;
	padding: 16px 24px;
	border-radius: 8px;
	color: white;
	background: rgba(0,0,0,.5);
opacity: 1;
	transition: opacity .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
display: flex;
justify-content: center;
align-items: center;
}
.o_test3_content p {text-align: center; padding: 10px 0;}


.button_wrap{
	text-align:center;
  margin: -50px 0px;
}
.button_wrap:hover{
	color: #fff;
	transition: 0.5s;
}

#sitemap .flex2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
}