/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 08 2026 | 10:22:44 */
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant&family=Lusitana:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

body {
	font-family: "Zen Kaku Gothic New", sans-serif;
	background-color:#f2ebe4;
	font-weight:600;
	font-size:16px;
	animation: loading 1s;
}

.link-none {
   pointer-events: none;
}

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

/* スマホのみ */
.sponly {display: none;}

/* PCのみ */
.pconly {display: block;}

/*PCでは表示*/
.ipad_off {display: block;}
.ipad_on  {display: none;}


@media screen and (max-width: 544px) {
.pconly{display:none !important;}
.sponly {display: block;}
}
@media screen and (max-width: 1033px) {
.ipad_off {display:none !important;}
.ipad_on  {display: block;}
}

/* 文字の装飾 */
/* 大きさ */
.big{
	font-size:5em;
	line-height:1em;
	margin:0;
	padding:0;
	max-width:80vw;
	font-weight:400;
}

.mid{
	font-size:1.7em;
	line-height:1em;
	margin:0;
	padding:0;
	max-width:80vw;
	font-weight:500;
}

.small{
	font-size:0.8em;
}

/* 英文用フォント */
.en{
  font-family: "Lusitana", serif;
	letter-spacing:0.1em;
}

/* 縦書き */
.tate{
	writing-mode:vertical-rl;
}

/* 色 */
.green{
	color:#9DCE2C;
}

.brown{
	color:#736357;
}


.red{
	color:#e8383d;
}

/* ヘッダー */
/* ヘッダーの固定 */
.site-header {
	top: 0;
	position: sticky;
	width: 100%!important;
	margin-bottom:-1.5em;
}
/*ヘッダー透過とスクロールアニメーション*/
header {
    background-color: rgba(242, 235, 228,1);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    /* アニメーションの命令 */
    animation: scrollAnime linear;
    /* 一番上から一番下までスクロールする間にアニメーションさせる */
    animation-timeline: scroll();
}

.menu-link{
color: #000;
text-shadow:2px 2px 4px #f2ebe4, -2px -2px 4px #f2ebe4,
-2px 2px 4px #f2ebe4, 2px -2px 4px #f2ebe4,
0px 2px 4px #f2ebe4, 0 -2px 4px #f2ebe4,
-2px 0 4px #f2ebe4, 2px 0 4px #f2ebe4;
}

@media screen and (max-width: 769px) {
header{
    background-color: rgba(255, 255, 255, 255);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    /* アニメーションの命令 */
    animation: none;
    /* 一番上から一番下までスクロールする間にアニメーションさせる */
    animation-timeline: scroll();
	}
	
.menu-link{
color: #000;
text-shadow:none;
}
}


@keyframes scrollAnime {
    0% {
        background-color: rgba(242, 235, 228,0);
    }

    2% {
        background-color: rgba(242, 235, 228,0.5);
    }
    5% {
        background-color: rgba(242, 235, 228,1);
    }
    100% {
        background-color: rgba(242, 235, 228,1);
    }
}

/* 入れ子用box */
.wrap{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.box{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.inbox{
	width:1000px;
}

@media screen and (max-width: 927px) {
.inbox{
	width:94%;
}
}

@media screen and (max-width: 544px) {
.inbox{
	width:94%;
}
}

/* flexbox */
/* 横並び */
.row{
	display:flex;
	flex-direction:row;
}

.row_reverse{
	display:flex;
	flex-direction:row-reverse;
}

/* 縦並び */
.column{
	display:flex;
	flex-direction:column;
}

/* 上下左右中央揃え */
.center_center{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

/*コンテンツボックスの余白*/
.inner_pd{
	padding:0;
}

/* トップイメージ */
.toppageonly{
	margin-top:-100px;
}

.top_image{
	background-image: url("https://meiseien.com/img/sitetitle_o.webp"), url("https://meiseien.com/img/topcircle.webp"), url("https://meiseien.com/img/topimage.webp");
	background-size: 90% auto, contain, cover;
	background-position:bottom right,left center, center center;
	background-repeat:no-repeat;
	background-color:none;
    width: 100vw;
	height:100vh;
	margin: 0 calc(50% - 50vw);
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:flex-end;
}

@media screen and (max-width: 1033px) {
.top_image{
	height:65vh;
	background-image: url("https://meiseien.com/img/sitetitle_o.webp"), url("https://meiseien.com/img/downcircle.webp"),url("https://meiseien.com/img/topimage.webp");
	background-size: 90% auto, contain,cover;
	background-position:bottom right,bottom center, center center;
}
}

@media screen and (max-width: 769px) {
.top_image{
	height:55vh;
}
.toppageonly{
	margin-top:20px;
}
}

@media screen and (max-width: 544px) {
.top_image{
	height:90vh;
	background-image: url("https://meiseien.com/img/downcircle02.webp");
	background-size:contain;
	background-position:top center;
}
	
.toppageonly{
	margin-top:0;
}	
}

.top_image h1{
	font-size:0;
}

.top_image_inner{
	width:78%;
	margin-bottom:12vh;
	padding:0;
}

@media screen and (max-width: 1033px) {
.top_image_inner{
	margin-bottom:5vh;
}
}

.top_image_inner img{
	width:500px;
	max-width:30%;
	filter: drop-shadow(2px 2px #FFFFFF) drop-shadow(2px -2px #FFFFFF) drop-shadow(-2px 2px #FFFFFF) drop-shadow(-2px -2px #FFFFFF);
}

.top_image_inner p{
	font-size:1.2em;
	background-color:#9DCE2C;
	color:#FFFFFF;
	display:inline-block;
	padding:3px 6px;
	margin:0;
}

@media screen and (max-width: 1033px) {
.top_image_inner img{
	max-width:40%;
	filter: drop-shadow(1px 1px #FFFFFF) drop-shadow(1px -1px #FFFFFF) drop-shadow(-1px 1px #FFFFFF) drop-shadow(-1px -1px #FFFFFF);
}
.top_image_inner p{
	font-size:1em;
	padding:2px 4px;
}
}

@media screen and (max-width: 544px) {
.top_image_inner{
	width:100%;
	margin-bottom:5vh;
	padding:0;
	text-align:center;
}
}

/* 装飾 */
.ribbon01{
	background-image: url("https://meiseien.com/img/sitetitle_u.webp"), url("https://meiseien.com/img/ribbon01.png"),url("https://meiseien.com/img/green_gr01.webp");
	background-size: 90%, 100% auto,35%;
	background-repeat:no-repeat;
	background-position:top right, bottom center,right top;
}

@media screen and (max-width: 1033px) {
.ribbon01{
	background-image: url("https://meiseien.com/img/sitetitle_u.webp"), url("https://meiseien.com/img/ribbon01.png"),url("https://meiseien.com/img/green_gr03.webp");
	background-size: 90%, 100% auto,50% 50%;
	background-repeat:no-repeat;
	background-position:top right, bottom center,right 70%;
}
}


@media screen and (max-width: 544px) {
.ribbon01{
	background-image: url("https://meiseien.com/img/ribbon01.png");
	background-size: 120% auto;
	background-position:bottom center;
}

.ribbon_margin{
	width:100%;
	height:80px;
	background-image: url("https://meiseien.com/img/ribbon06.png");
	background-size: contain;
	background-position:top center;
	background-repeat:no-repeat;
	}
}

.ribbon02{
	background-image: 
		linear-gradient(to top, rgba(242, 235, 228, 0.6), rgba(242, 235, 228, 0)),
		url("https://meiseien.com/img/green_gr02.webp"),
		url("https://meiseien.com/img/ribbon02_02.webp"),
		url("https://meiseien.com/img/green_gr_wave.webp");
	background-size:100% auto,50%,100% auto,100% auto;
	background-repeat:no-repeat;
	background-position:center center,left bottom, top center, top 7% center;
}

@media screen and (max-width: 1033px) {
.ribbon02{
	background-size:100% auto,50%,120% auto,100% auto;
	background-position:center center,left bottom, top right, top 8% center;
	}
}

@media screen and (max-width: 769px) {
.ribbon02{
	background-size:100% auto,50%,120% auto,100% auto;
	background-position:center center,left bottom, top 2% right, top 8% center;
	}
}

@media screen and (max-width: 544px) {
.ribbon02{
	background-image: 
		linear-gradient(to top, rgba(242, 235, 228, 0.6), rgba(242, 235, 228, 0)),
		url("https://meiseien.com/img/ribbon02_02.webp"),
		url("https://meiseien.com/img/green_gr_wave.webp");
	background-size:100% auto,120% auto,100% auto;
	background-position:center center, top 20px right, top 40px center;
	}
}

.ribbon04{
	background-image: 
	linear-gradient(to top, rgba(242, 235, 228, 0.6), rgba(242, 235, 228, 0)),
	url("https://meiseien.com/img/ribbon02.webp");
	background-size:100% auto,100% auto;
	background-repeat:no-repeat;
	background-position:center center,top center;
}

@media screen and (max-width: 1033px) {
.ribbon04{
	background-image: 
	linear-gradient(to top, rgba(242, 235, 228, 0.6), rgba(242, 235, 228, 0));
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
}
}

@media screen and (max-width: 544px) {	
.top_image_inner img{
	width:70%;
	max-width:100%;
	filter: drop-shadow(1px 1px #FFFFFF) drop-shadow(1px -1px #FFFFFF) drop-shadow(-1px 1px #FFFFFF) drop-shadow(-1px -1px #FFFFFF);
}

.top_image_inner p{
	font-size:1em;
	background-color:#9DCE2C;
	color:#FFFFFF;
	display:inline-block;
	padding:2px 4px;
	margin:0;
}
}


/* メッセージ */
.top_contents01{
	background:#fff;
	width:550px;
	max-width:90%;
	height:auto;
	text-align:center;
	padding:5em 4em 4em 4em;
	border-radius:1em;
}

.top_contents01 h3{
	font-size:1.7em;
	line-height:1.7em;
}

.top_contents01 p{
	line-height:2em;
	text-align:center;
}
	
.spmassage{
	padding:0.7em 2em 0.7em 2em;
	}

.spmassage h3{
	font-size:1.35em;
	line-height:1.6em;
}
.spmassage p{
	font-size:0.9em;
	line-height:1.7em;
	text-align:left;
}

.spmgph{
	width:90%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-content:stretch;
	flex-wrap:wrap;
	margin:2em 0 1em 0;
}

.spmgph img{
	border-radius:5%;
	width:48%;
	max-width:100%;
	margin-bottom:4%;
}

.spmgph2{
	width:90%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-content:stretch;
	flex-wrap:wrap;
	margin-bottom:2em;
}

.spmgph2 img{
	border-radius:5%;
	width:48%;
	max-width:100%;
}

.spmgph3{
	width:90%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-content:stretch;
	flex-wrap:wrap;
	margin-bottom:4%;
}

.spmgph3 img{
	border-radius:5%;
	width:100%;
	max-width:100%;
}

/* 職種を知る */
.top_contents02_bg {
	background-image: url("https://meiseien.com/img/top02_bg.webp"), url("https://meiseien.com/img/green_gr02.webp");
	background-size: 85% 130%,30%;
	background-repeat:no-repeat;
	background-position:right center,left bottom;
	margin:100px 0 0 0;
}

@media screen and (max-width: 1367px) {
.top_contents02_bg {
	background-image: url("https://meiseien.com/img/top02_bg.webp"), url("https://meiseien.com/img/green_gr02.webp");
	background-size: 100% 130%,30%;
}
}

.top_contents02_a {
	width:37%;
	padding:5em 5em 5em 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}

.top_contents02_a p{
	line-height:1.8em;
}

.top_contents02_a h3{
	font-size:3.2em;
	font-weight:500;
	letter-spacing:0.05em;
	margin-bottom:0.5em;
}

@media screen and (max-width: 1033px) {
.top_contents02_bg {
	background-image: no-image;
	background:#fff;
	padding-bottom:4em;
}
.top_contents02_a{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	padding:5em 10% 1em 10%
}

.top_contents02_a h3{
	font-size:2.7em;
}
	
.top_contents02_a p{
	text-align:left;
}
	
}

.top_contents02_b {
	width:65%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.top_c02_inner{
	width:48%;
	aspect-ratio: 4 / 5;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position: relative;
}

.top_c02_margin{
	margin-bottom:2em;
}

.top_c02_number{
	font-size:1.6em;
	letter-spacing:0.1em;
	width:65px;
	height:65px;
	border-radius:50%;
	color:#FFFFFF;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:3;
	position: absolute;
}

.top_c02_greenbg{
	background-color:#9DCE2C;
}

.top_c02_brownbg {
	background-color:#736357;
}

.top_c02_en{
	width:4em;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	margin-top:75px;
	flex-grow: 3;
	white-space: nowrap;
	z-index:2;
	position: absolute;
}

.top_c02_img {
	z-index:0;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:flex-end;
}

.top_c02_img img{
	width:84%;
}

.linkbox {
	width: 100%;
	height: 86%;
	position: relative;
}

.linkbox a {
	position: absolute;
	inset: 0;
	z-index:5;
}

.ipad_topc02_list{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

.ipad_topc02_banner{
	width:49%;
	height:120px;
	display:flex;
	flex-direction:column;
	flex-wrap:no-wrap;
	justify-content:space-between;
	align-items:space-between;
	position:relative;
	margin-bottom:2em;
}

@media screen and (max-width: 544px) {
.ipad_topc02_banner{
	width:100%;
}
}


.ipad_topc02_banner_inbox{
	width:100%;
	display:flex;
	flex-direction:row;
}

.ipad_topc02_num{
	font-size:1.6em;
	letter-spacing:0.1em;
	width:65px;
	height:65px;
	border-radius:50%;
	color:#FFFFFF;
	display:flex;
	align-items:center;
	justify-content:center;
	position: absolute;
	top:0;
	left:0;
}

.ipad_topc02_en{
	position: absolute;
	top:15px;
	left:75px;
}
.ipad_topc02_txt{
	color:#FFF;
	position: absolute;
	top:55%;
	font-size:1.3em;
	letter-spacing:0.1em;
text-shadow:2px 2px 8px #000, -2px -2px 8px #000,
-2px 2px 8px #000, 2px -2px 8px #000,
0px 2px 8px #000, 0 -2px 8px #000,
-2px 0 8px #000, 2px 0 8px #000;
}

.ipad_topc02_txt01{
	left:42%;
}
.ipad_topc02_txt02{
	left:27%;
}

.ipad_topc02_ph{
	width:90%;
	height:78px;
	position: absolute;
	bottom:0;
	right:0;
	z-index:-1;
}

@media screen and (max-width: 544px) {
.ipad_topc02_banner{
	width:100%;
}

.ipad_topc02_num{
	width:55px;
	height:55px;
}
.ipad_topc02_en{
	left:65px;
}
.ipad_topc02_ph{
	width:95%;
}
}


.ipad_topix_ph_bg01{
	background-image:url("https://meiseien.com/img/job01.webp");
	background-size:cover;
	background-position:bottom 30% center;
}

.ipad_topix_ph_bg02{
	background-image:url("https://meiseien.com/img/job02.webp");
	background-size:cover;
	background-position:bottom 30% center;
}

.ipad_topix_ph_bg03{
	background-image:url("https://meiseien.com/img/job03.webp");
	background-size:cover;
	background-position:bottom 20% center;
}

.ipad_topix_ph_bg04{
	background-image:url("https://meiseien.com/img/job04.webp");
	background-size:cover;
	background-position:bottom 60% center;
}

/* 明静苑を知る */
.hover-opacity {
  transition-property: opacity;
  transition-duration: 0.5s;
}
.hover-opacity:hover {
  opacity: 0.5; 
}

.top_contents03 {
	padding:0;
	width:100%;
}

.top_contents03 h2{
	font-size:1.5em;
	font-weight:500;
	letter-spacing:0.05em;
	background-color:#FFF;
	padding:0 0.2em;
	display:inline-block;
	margin:0 0 0.5em 0;
}

.top_contents03 h3{
	font-size:3.3em;
	font-weight:500;
	letter-spacing:0.05em;
	background-color:#FFF;
	padding:0 0 0 0.1em;
	display:inline-block;
}

.top_contents03 h4{
	font-size:2.5em;
	font-weight:500;
	letter-spacing:0.05em;
	writing-mode:vertical-rl;
}

.top_c03_title {
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-content:flex-end;
	align-items:flex-end;
	margin:300px 0 0 0;
	padding:1.5em 0;
	text-align:right;
}

p.top_c03_title_txt{
	box-decoration-break: clone;  
	display: inline-block;
	padding: .3em 0.3em 0.3em 0.5em;
	line-height: 2.5;
	background-color: #fff;
	margin-bottom:0.3em;
}
@media screen and (max-width: 769px) {
p.top_c03_title_txt{
	font-size:0.9em;
}
}
@media screen and (max-width: 544px) {
.inbox .top_c03_title {
	margin:15vh 0 0 0;
}
.top_contents03 {
	width:100%;
}
	
.top_c03_title {
	margin-top:0;
	padding:0;
	height:auto;
	align-items:flex-end;
	text-align:right;
}

.top_c03_title p{
	margin:0.3em 0 0.3em 1em;
	background-color:#fff;
	font-size:0.9em;
}
	
.top_contents03 h2{
	font-size:1em;
}

.top_contents03 h3{
	font-size:2.7em;
	margin-bottom:0.2em;
}
.top_contents03 h4{
	font-size:1.9em;
}
	
p.top_c03_title_txt{
	font-size:1em;
  box-decoration-break: none;
  display: inline-block;
  padding:0;
  line-height: 2;
  background-color: none;
	margin-bottom:0.3em;
}
}


.top_c03_bgbox {
	width:1230px;
	background-image:url("https://meiseien.com/img/question.webp"),
		url("https://meiseien.com/img/exclamation.webp"),
		url("https://meiseien.com/img/top03_boxbg.webp") ;
	background-size:200px auto,200px auto,100% 95%;
	background-repeat:no-repeat;
	background-position:8% 5%,95% 99%,center center;
	margin-top:1.5em;
}

.top_c03_topic{
	width:75%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

@media screen and (max-width: 1033px) {
.top_c03_title {
	margin:250px 0 0 0;
	padding:0 3%;
}

.top_c03_bgbox {
	width:100%;
	background-position:0% 0%,100% 95%,center center;
	background-size:150px auto,150px auto,100% 90%;
}	
}

.top_c03_wrap01 {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
}

@media screen and (max-width: 1033px) {
.top_c03_wrap01 {
	width:98%;
	}
}

.top_c03_intitle01 {
	width:15%;
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	flex-direction:column;
	margin-right:5%;
}

.top_c03_inbox01{
	width:47%;
	text-align:left;
}

.top_c03_inbox01 img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 769px) {
.top_c03_topic{
	width:78%;
}

.top_c03_note02 {
	font-size:1em;
}
}

@media screen and (max-width: 544px) {
.top_c03_bgbox {
	width:95%;
	border-radius:30px;
	margin-top:1em;
	padding:1em 0 0 0;
	background-image:url("https://meiseien.com/img/question.webp"),
		url("https://meiseien.com/img/exclamation.webp"),
		url("https://meiseien.com/img/top03_boxbg_int_top.webp"),
				url("https://meiseien.com/img/top03_boxbg_int_bottom.webp");
	background-size:140px auto,140px auto,contain,contain;
	background-repeat:no-repeat;
	background-position:97% 0%,90% 99%,top center,bottom center;
	background-color:#FFF;
}

.top_c03_wrap01 {
	width:100%;
	flex-direction:column;
	justify-content:center;
	align-content:center;
	align-items:center;
}

.top_c03_topic{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
	
.top_c03_intitle01 {
	width:90%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	padding:5em 0 0.8em 0;
}
	
.top_contents03 h4{
	writing-mode:horizontal-tb;
	font-size:2.3em;
	font-weight:500;
	letter-spacing:0;
	margin:0 0 0.3em 0;
}

span.top_c03_smalltitle{
	background:#9DCE2C;
	color:#fff;
	font-size:1.2em;
	padding:0 0.2em;
	margin:0 0 1em 0;
	display:inline;
}

.top_c03_inbox01{
	width:95%;
}

.top_c03_inbox01 img{
	width:100%;
	height:auto;
	margin-bottom:0;
}
}

.top_c03_note01 {
	text-align:center;
}

.top_c03_note02 {
	font-size:1.2em;
	background-color: none; /* 背景色 */
	background-image: linear-gradient(180deg, #ccc 1px, transparent 1px); /* 罫線の色と太さ  */
	background-size: 100% 2.3em; /* 行の高さ */
	line-height: 2.3em; /* 文字の高さ */
	padding-bottom: 1px; /* 最終行の下にも罫線を引く */
	margin:1em 0 0 0;
}

.top_c03_note03{
	font-size:1.5em;
	margin-top:-0.5em;
}

p.top_c03_note03_small{
	font-size:0.6em;
	margin-bottom:0.3em;
}

.top_c03_note03 p{
	margin:0 0 0.6em 0;
}

hr.top_c03_line{
	background-color:#9cbb1c;
	border:none;
	height:2px;
	margin:4em 0 4em 0;
}

@media screen and (max-width: 544px) {
hr.top_c03_line{
	margin:4em 0 4em 0;
}
}

.top_c03_wrap02 {
	width:90%;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	margin-bottom:2em;
}

.top_c03_intitle02 {
	width:22%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}

.top_c03_intitle02 h4{
	padding-bottom:1em;
}

.top_c03_inbox02 {
	width:73%;
}

.top_c03_numberbox {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.top_c03_numberinbox {
	border:1px solid #9cbb1c;
	width:49%;
	height:auto;
	padding:1.5em 0.5em 0 0.5em;
	margin-bottom:1em;
	text-align:center;
	font-size:1.3em;
	color:#39b54a;
	border-radius:10px;
}

.top_c03_numberinbox img{
	width:100%;
	height:auto;
	margin:-1em 0;
}

.top03_con2_margin {
	margin-bottom:130px;
}

.top03_margin {
	margin-bottom:50px;
}

@media screen and (max-width: 1033px) {
.top_c03_wrap02 {
padding-left:1em;
}
}

@media screen and (max-width: 544px) {
.top_c03_wrap02 {
	width:100%;
	flex-direction:column;
	padding:0 2.5% 0 2.5%;
}
	
.top_c03_intitle02 {
	width:100%;
	justify-content:flex-start;
}
	
.top_c03_intitle02 h4{
	padding:0;
	margin-bottom:0.3em;
}
	
.top_c03_intitle02 p{
	margin-bottom:0.3em;
}
	
.top_c03_inbox02{
	width:100%;
}
	
.top_c03_numberinbox {
	padding:1em 0.5em 0 0.5em;
	margin:1em 0 0.5em 0;
	text-align:center;
	font-size:0.9em;
	background:#FFF;
}
}



/*ここから下層*/
.under_box{
	width:1280px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background:#fff;
	border-radius:30px;
	margin-top:3em;
	margin-bottom:5em;
}

/*見出し*/
.titlebird{
	background-image: url("https://meiseien.com/img/logobird.webp");
	background-repeat: no-repeat;
	background-size:40px auto;
	background-position: left center;
	text-indent: 1.5em;
}

.under_box h2 {
	padding: 0.25em 0;
	position: relative;
	margin-bottom:1em;
	line-height:2em;
}
.under_box h2:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(139, 219, 94), #99de73);
  background: linear-gradient(to right, rgb(202, 227, 113), #99de73);
}

.job_inbox{
	width:1000px;
	padding:5em 0;
}

@media screen and (max-width: 1033px) {
.under_box{
	width:100%;
	overflow:wrap;
	border-radius:0;
	margin:0 0 4em 0;
}
	
.job_inbox{
	width:95%;
}
}

.under_title{
	height:400px;
	width:100%;
	border-radius:30px 30px 0 0;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	align-content:center;
	background-image: url("https://meiseien.com/img/ribbon06.png");
	background-size: 105%;
	background-repeat:no-repeat;
	background-position:top 1.5em center;
}

.under_title_inner{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
	padding-top:0;
}

.under_title_inner h1{
	font-size:2.8em;
	margin:0 0 0.2em 0;
}

@media screen and (max-width: 544px) {
.under_title{
	height:250px;
}

.under_title_inner h1{
	font-size:1.6em;
	margin:0 0 0.4em 0;
}
}


.under_title_inner p{
	background:#9DCE2C;
	padding:0 3em;
	color:#fff;
}

.birdicon {
	width:150px;
	height:150px;
}

.joblist{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}

.job_card{
	width:31%;
	border-radius:10px;
	margin-bottom:2em;
	border:1px solid #CFCFCF;
	display:flex;
	flex-direction:column;
	align-self:stretch;
}

.job_card ul {
  border: none;
  padding: 0 0 0 1em;
  position: relative;
  background:none;
}

.job_card ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.job_card ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  position: absolute;
  left : 0em; /*左端からのアイコンまで*/
  color:  #bce089; /*アイコン色*/
}

@media screen and (max-width: 769px) {
.job_card{
	width:49%;
}
}

@media screen and (max-width: 544px) {
.job_card{
	width:100%;
}
}

.job_card_ph{
	width:100%;
	padding:0.5em 0.5em 0 0.5em;
}

.job_card_ph img{
	width:100%;
	height:auto;
	border-radius:8px 8px 0 0;
}

.job_card_txt{
	padding:1em 1.5em;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-content:flex-start;
}

.job_card_list{
	padding:1.5em;
}

.job_card_list ul,
.job_card_txt ul{
	margin-top:0;
}

.job_card_list h3,
.job_card_txt h3{
	margin:0 0 0.5em 0;
  background: linear-gradient(transparent 70%, #dbebc4 70%);
}

/*数字で見る*/
.job_intro{
	font-size:1.1em;
	margin-top:-1em;
	margin-bottom:3em;
}

.num_box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-self:stretch;
}

.num_inbox{
	width:49%;
	padding:2.5em 2.5em 1em 2.5em;
	margin-bottom:4.5em;
	background-color:#faf2eb;
}

.num_inbox h4,
.num_inbox02 h4{
	font-size:1.4em;
	margin:0 0 0.5em 0;
}

.num_inbox02{
	width:100%;
	padding:2.5em 2.5em 1em 2.5em;
	margin-bottom:4.5em;
	background-color:#faf2eb;
}

.num_inbox,
.num_inbox02{
	border-radius:10px;
}

p.num_inbox_en{
	font-size:0.8em;
	background-color:#FFF;
	text-transform:uppercase;
	padding-left:0.5em;
	color:#9DCE2C;
}

@media screen and (max-width: 1079px) {
.num_inbox{
	width:100%;
	padding:1.5em 1.5em 0.5em 1.5em;
}
	
.num_inbox02{
	width:100%;
	padding:1.5em 1.5em 0.5em 1.5em;
}
}


/*福利厚生*/
.benefits ul{
    margin:1rem 0;
    padding:0rem;
    list-style-type:none;
    border-radius:5px;
}
.benefits ul li{
    line-height:1.6;
    padding:6px 0;
    margin:5px 0px;
}
.benefits ul li:not(:last-child){
    border-bottom:1px dashed #CFCFCF;
    margin-bottom:0;
}
.benefits ul li:before{
    content:'●';
    padding:10px;
    font-weight:900;
    color:#0075c2;
}

.sowelclub ul{
    margin:1rem 0;
    padding:0rem;
    list-style-type:none;
    border-radius:5px;
}
.sowelclub ul li{
    line-height:1.6;
    padding:6px 0;
    margin:5px 0px;
}
.sowelclub ul li:not(:last-child){
    border-bottom:1px dashed #CFCFCF;
    margin-bottom:0;
}
.sowelclub ul li:before{
    content:'●';
    padding:10px;
    font-weight:900;
    color:#ea5549;
}

.unisupport ul{
    margin:1rem 0;
    padding:0rem;
    list-style-type:none;
    border-radius:5px;
}
.unisupport ul li{
    line-height:1.6;
    padding:6px 0;
    margin:5px 0px;
}
.unisupport ul li:not(:last-child){
    border-bottom:1px dashed #CFCFCF;
    margin-bottom:0;
}
.unisupport ul li:before{
    content:'●';
    padding:10px;
    font-weight:900;
    color:#37a34a;
}

/*QandA*/
.accordion-wrapper{
	margin-bottom:5px;
}

details {
  /* --------アコーディオンの中身のスタイル-------- */
  &::details-content {
    transition: height 0.4s, opacity 0.4s, content-visibility 0.4s allow-discrete;
    height: 0;
    opacity: 0;
    overflow: clip;
    background-color: #f7f6f5;
  }

  /* --------アコーディオンの中身のスタイル（開いている時）-------- */
  &[open]::details-content {
    opacity: 1;
  }

  /* アコーディオンが開いた時のスタイル */
  &[open] .icon {
    transform: rotate(180deg);
  }
}

@supports (interpolate-size: allow-keywords) {
  :root {
    interpolate-size: allow-keywords; /* height:0（数値型） → auto（文字型） のアニメーションを可能にするための指定 */
  }
  details[open]::details-content {
    height: auto;
  }
}

@supports not (interpolate-size: allow-keywords) {
  details[open]::details-content {
    height: 400px;
    overflow-y: scroll; /* 溢れる場合はスクロール可能にする */
  }
}

summary {
  display: grid;
  grid-template-columns:  1fr 24px;
  gap: 6px;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #CFCFCF;
  font-weight: bold;
  color: #000;
  cursor: pointer;

  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  &::-webkit-details-marker {
    display: none;
  }
}

/* --------アイコンを作ります-------- */
.icon {
  display: block;
  position: relative;
  width: 24px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;

  /* アイコンのバーのスタイル */
  &::before,
  &::after {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 3px;
    background-color: #9DCE2C;
  }
  &::before {
    left: 0;
    transform: rotate(45deg);
  }
  &::after {
    right: 0;
    transform: rotate(-45deg);
  }
}

/* --------アコーディオンの中身のスタイル-------- */
.content {
	background-color: #fefbf8;
	padding: 36px 36px 18px 36px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	line-height:2em;
}

.answer_name{
	color:#65ab31;
}

.int_inbox{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-self:strech;
	flex-wrap:wrap;
}

.int_index{
	width:47%;
	background-color:#CFCFCF;
	border-radius:5px;
	padding:3em;
}

.interview{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:wrap;
}

.interview_txt{
	line-height:2.3em;
	text-indent: 1em;
	border-top:2px solid #9DCE2C;
	padding-top:2em;
}

.interview_box{
	width:100%;
}

.interview_margin{
	margin:150px 0 0 0;
}

.interview_ph{
	width:100%;
	height:700px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	margin-bottom:3em;
	border-radius:15px;
}

.interview_ph p{
	font-size:1.5em;
	line-height:1em;
	font-weight:500;
	display:inline-block;
}

.interview_ph_bg01 {
	background-image: url("https://meiseien.com/img/interview_bg01.webp");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:2em;
}

.interview_ph_bg02 {
	background-image: url("https://meiseien.com/img/interview_bg02.webp");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:2em;
}

.interview_ph_bg03 {
	background-image: url("https://meiseien.com/img/interview_bg03.webp");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:2em;
}

.interview_ph_bg04 {
	background-image: url("https://meiseien.com/img/interview_bg04.webp");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.int_bg01 {
      position: relative;
      width: 48%;
      height: 500px;
      background: url("https://meiseien.com/img/interview_bg01.webp") center/190% auto;
      overflow: hidden;
    }
    .overlay {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.3);
      backdrop-filter: blur(0px);
      transition: backdrop-filter 0.5s;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    .int_bg01:hover .overlay {
      backdrop-filter: blur(10px);
    }

.int_bg02 {
      position: relative;
      width: 48%;
      height: 500px;
      background: url("https://meiseien.com/img/interview_bg02.webp") center/190% auto;
      overflow: hidden;
    }
    .overlay {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.3);
      backdrop-filter: blur(0px);
      transition: backdrop-filter 0.5s;
      display: flex;
		flex-direction:column;
      align-items: flex-start;
      justify-content: center;
      color: #fff;
    }
    .int_bg02:hover .overlay {
      backdrop-filter: blur(10px);
    }

.int_bg03 {
      position: relative;
      width: 48%;
      height: 500px;
      background: url("https://meiseien.com/img/interview_bg03.webp") center/200% auto;
      overflow: hidden;
    }
    .overlay {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.3);
      backdrop-filter: blur(0px);
      transition: backdrop-filter 0.5s;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    .int_bg03:hover .overlay {
      backdrop-filter: blur(10px);
    }

.int_bg04 {
      position: relative;
      width: 48%;
      height: 500px;
      background: url("https://meiseien.com/img/interview_bg04.webp") center/200% auto;
      overflow: hidden;
    }
    .overlay {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.3);
      backdrop-filter: blur(0px);
      transition: backdrop-filter 0.5s;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
    .int_bg04:hover .overlay {
      backdrop-filter: blur(10px);
    }

.inta_midashi{
	width:auto;
	display:flex;
	flex-direction:column;
	margin-left:7%;
	margin-bottom:7%;
  text-shadow: 0 0 15px #333,
               0 0 15px #333;
}

.inta_midashi p{
	font-size:1.6em;
	line-height:1.8em;
	color:#FFF;
	font-weight:600;
	margin:0;
}

.time_box{
	width:100%;
	padding:2em;
	border-radius:10px;
	border:1px solid #CFCFCF;
}


@media screen and (max-width: 769px) {
.int_inbox{
	margin-top:-3em;	
}
.interview_ph{
	height:500px;
}
.interview_box{
	padding:0 1.5em;
}
.time_box{
	width:90%;
}	
	
.int_bg01 {
      width: 100%;
      height:150px;
    }

.int_bg02 {
      width: 100%;
      height:150px;
    }

.int_bg03 {
      width: 100%;
      height:150px;
    }

.int_bg04 {
      width: 100%;
      height:150px;
    }
	
.inta_midashi{
	margin-left:6%;
	margin-bottom:4%;
}
.inta_midashi p{
	font-size:1.3em;
	line-height:1.5em;
}
.time_box{
	width:100%;
	padding:1em;
}
}

.time_box h4{
	font-size:1.3em;
}

/*タイムテーブル*/
.time_box h4 {
  position: relative;/*相対位置*/
  padding-left: 1.35em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
}

.time_box h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f017";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #37a34a; /*アイコン色*/
}

.timetable{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.timetable2{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.timetable2_inner{
	width:48%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content:flex-start;
}

@media screen and (max-width: 544px) {
.timetable2{
	flex-direction:column;
}
	
.timetable2_inner{
	width:100%;
}
}


.timetable_time{
	width:20%;
	border-bottom:1px dotted #CFCFCF;
	padding:0.5em 0;
	display:flex;
	justify-content:center;
}

.timetable_work{
	width:80%;
	border-bottom:1px dotted #CFCFCF;
	padding:0.5em 0;
}


/*ContactForm7カスタマイズ*/
.privacypolicy{
	overflow:scroll;
	width:100%;
	height:150px;
	border:1px solid #CFCFCF;
	padding:1em;
	font-weight:400;
	font-size:0.9em;
}

.doui{
	padding-top:2em;
}

.wpcf7 {
	width:100%;
  background: #fff !important;
  padding: 35px !important;
  box-sizing: border-box !important;
	margin-bottom:3em;
}

.wpcf7 .hidden-fields-container {
  display: none !important;
}

.wpcf7 form > p {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  padding: 20px 16px !important;
  margin: 0 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  box-sizing: border-box !important;
}

.wpcf7 form > p:first-of-type {
  border-top: none !important;
}

.wpcf7 form > p:has(input[type="submit"]) {
  border-bottom: none !important;
  padding-top: 16px !important;
  justify-content: center !important;
  text-align: center !important;
}

.wpcf7 p label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 250px !important;
  flex-shrink: 0 !important;
  font-size: 15px !important;
  font-weight: bold !important;
  color: #222 !important;
  padding-right: 16px !important;
}

.wpcf7 .required {
  display: inline-block !important;
  margin-left: 8px !important;
  padding: 4px 10px !important;
  background: #39b54a !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
}

.wpcf7 .wpcf7-form-control-wrap {
  display: block !important;
  flex: 1 !important;
  min-width: 240px !important;
  box-sizing: border-box !important;
}

.wpcf7 .wpcf7-form-control-wrap:has(.wpcf7-list-item) {
  display: flex !important;
  flex-wrap: wrap !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  display: block !important;
  width: 100% !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

.wpcf7 textarea {
  height: 120px !important;
}

.wpcf7 select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: block !important;
  width: 100% !important;
  padding: 10px 40px 10px 12px !important;
  font-size: 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23333'%3E%3Cpath d='M5.25 7.5L10 12.25L14.75 7.5H5.25Z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px !important;
  box-sizing: border-box !important;
}

.wpcf7 select::-ms-expand {
  display: none !important;
}

.wpcf7 .wpcf7-list-item {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  margin: 4px 24px 8px 0 !important;
}

.wpcf7 .wpcf7-list-item label {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  font-weight: normal !important;
  color: #222 !important;
}

.wpcf7 .wpcf7-list-item input[type="radio"],
.wpcf7 .wpcf7-list-item input[type="checkbox"] {
  margin: 0 6px 0 0 !important;
  width: auto !important;
  accent-color: #39b54a !important;
}

.wpcf7 input[type="submit"] {
  display: block !important;
  width: 200px !important;
  height: 50px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #39b54a !important;
  color: #fff !important;
  font-size: 16px !important;
  border: 0 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.wpcf7 input[type="submit"]:hover {
  background: #94bf41 !important;
}

.wpcf7 .wpcf7-spinner {
  display: none !important;
}

.wpcf7-form.submitting .wpcf7-spinner {
  display: inline-block !important;
  margin-left: 8px !important;
}

.wpcf7 form > p.cf7-note {
  display: block !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #666 !important;
  padding: 8px 16px 0 !important;
  border-bottom: none !important;
}

.wpcf7 form > p.cf7-note a {
  color: #39b54a !important;
  text-decoration: underline !important;
}

@media screen and (max-width: 600px) {
  .wpcf7 {
    padding: 20px !important;
  }

  .wpcf7 form > p {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 16px 8px !important;
  }

  .wpcf7 form > p:has(input[type="submit"]) {
    padding-top: 16px !important;
  }

  .wpcf7 p label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 4px 0 !important;
    line-height: 1.4 !important;
  }

  .wpcf7 .required {
    padding: 4px 10px !important;
    margin-left: 8px !important;
  }

  .wpcf7 .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .wpcf7 .wpcf7-list-item {
    font-size: 14px !important;
  }

  .wpcf7 input[type="submit"] {
    width: 100% !important;
  }
}


/*電話番号*/
.phone_num h4 {
	position: relative;/*相対位置*/
	padding:0 0 0 1em;/*アイコン分のスペース*/
	line-height:1em;/*行高*/
	font-size:2.5em;
	color: #37a34a; /*アイコン色*/
	margin:0.5em 0 0.7em 0;
}

.phone_num h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f098";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 0.9em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 5px;/*アイコンの位置*/
  color: #37a34a; /*アイコン色*/
}

.phone_num {
	padding:2em 0 1em 0;
	background:#fcfceb;
	border-radius:10px;
	margin:0;
	text-align:center;
	width:100%;
}

.phone_num h3{
	font-size:1.2em;
}

@media screen and (max-width: 544px) {
.phone_num h4 {
	position: relative;/*相対位置*/
	padding-left:0.9em;/*アイコン分のスペース*/
	line-height:1em;/*行高*/
	font-size:2em;
	color: #37a34a; /*アイコン色*/
}

.phone_num h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f098";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 0.8em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 3px;/*アイコンの位置*/
  color: #37a34a; /*アイコン色*/
}
}

/* フッター */
.footerribbon {
	position:relative;
	background-color:#fff;
	z-index:0;
}

.footerribbon img{
	width:100%;
	height:auto;
}

.footertitle{
	position:absolute;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	z-index:1;
}

@media screen and (max-width: 1033px) {
.footertitle {
	top:15px;
}
}

.footertitle h3{
	font-size:5em;
	letter-spacing:0.2em;
	font-weight:500;
}

.footerbox{
	position:static;
	background-color:#fff;
	padding-bottom:10vh;
}

.footer_box{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

@media screen and (max-width: 769px) {
.footertitle{
	top:0;
}

.footertitle h3{
	font-size:4em;
}
	
.footerbox{
		padding-bottom:7vh;
	}
	
.footer_box{
	flex-direction:column;
}
	
.footer_inbox:last-child {
	margin-top:1em;
}
}

.footer_read{
	text-align:center;
	margin:1.5em 0 3em 0;
}

.footer_read h4{
	font-size:1.8em;
	font-weight:600;
	letter-spacing:0.05em;
}

@media screen and (max-width: 544px) {
.footerbox{
	position:static;
	background-color:#fff;
	padding:0 0 5vh 0;
}

.footertitle {
	top:0;	
	}	
	
.footertitle h3{
	font-size:2.5em;
	letter-spacing:0.05em;
	font-weight:600;
}
	
.footer_read h4{
	font-size:1.2em;
	font-weight:600;
	letter-spacing:0;
	margin-bottom:-1em;
	margin-top:-1.5em;
}
}

.border_line{
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98.5%, #000 100%);
  background-repeat: repeat-y;
  background-size: 100% 2.4em;
  line-height: 2.4;
	padding:0 1em;
}

.footer_inbox {
	width:50%;
	display:flex;
	flex-direction:column;
}

.footer_inbox p{
	margin-bottom:0.5em;
}

.site-footer{
	border-top:1px solid #9cbb1c;
}

/*パララックス*/
.para{
	width:100%;
	height:1350px;
	position:relative;
}

.para img{
	border-radius:10px;
}

.js-parallax img{
  margin: auto;
  display: block;
	width:100%;
}

.js-parallax:nth-of-type(1){
	position:absolute;
	z-index:8;
}

.js-parallax:nth-of-type(2){
	position:absolute;
	left:3%;
	top:15%;
	z-index:-1;
}

.para01 img{
	width: 100%;
	max-width:30vw;
	height:auto;
}

.js-parallax:nth-of-type(3){
	position:absolute;
	left:18%;
	top:45%;
	z-index:1;
}


.para02 img{
	width: 100%;
	max-width:20vw;
		height:auto;
}


.js-parallax:nth-of-type(4){
	position:absolute;
	z-index:2;
	left:6%;
	bottom:2%;
}

.para03 img{
	width: 100%;
	max-width:30vw;
		height:auto;
}


.js-parallax:nth-of-type(5){
	position:absolute;
	z-index:0;
	right:0%;
	top:15%;
}

.para04 img{
	width: 100%;
	max-width:40vw;
		height:auto;
}

.js-parallax:nth-of-type(6){
	position:absolute;
	z-index:0;
	right:3%;
	bottom:0;
}

.para05 img{
	width: 100%;
	max-width:30vw;
		height:auto;
}

@media screen and (max-width: 1367px) {
.para{
	height:1000px;
}

.js-parallax:nth-of-type(2){
	position:absolute;
	left:3%;
	top:20%;
	z-index:-1;
}

.para01 img{
	width: 100%;
	max-width:30vw;
	height:auto;
}
	
.js-parallax:nth-of-type(3){
	left:14%;
	top:45%;
}

.para02 img{
	max-width:18vw;
}

.js-parallax:nth-of-type(4){
	left:4%;
	bottom:2%;
}

.para03 img{
	max-width:33vw;
}

.js-parallax:nth-of-type(5){
	right:0%;
	top:20%;
}

.para04 img{
	max-width:35vw;
}

.js-parallax:nth-of-type(6){
	right:3%;
	bottom:10%;
}

.para05 img{
	max-width:26vw;
}
}

@media screen and (max-width: 1033px) {
.para{
	height:1200px;
}

.js-parallax img{
  margin: auto;
  display: block;
	width:100%;
}

.js-parallax:nth-of-type(1){
	position:absolute;
	z-index:8;
}

.js-parallax:nth-of-type(2){
	position:absolute;
	left:3%;
	top:14%;
	z-index:-1;
}

.para01 img{
	width: 100%;
	max-width:35vw;
	height:auto;
}

.js-parallax:nth-of-type(3){
	position:absolute;
	left:5%;
	top:78%;
	z-index:1;
}


.para02 img{
	width: 100%;
	max-width:25vw;
		height:auto;
}


.js-parallax:nth-of-type(4){
	position:absolute;
	z-index:2;
	left:27%;
	bottom:0%;
}

.para03 img{
	width: 100%;
	max-width:35vw;
		height:auto;
}


.js-parallax:nth-of-type(5){
	position:absolute;
	z-index:0;
	right:3%;
	top:12%;
}

.para04 img{
	width: 100%;
	max-width:45vw;
	height:auto;
}

.js-parallax:nth-of-type(6){
	position:absolute;
	z-index:0;
	right:3%;
	bottom:5%;
}

.para05 img{
	width: 100%;
	max-width:30vw;
		height:auto;
}
}

@media screen and (max-width: 769px) {
.para{
	height:1000px;
}

.js-parallax:nth-of-type(1){
	position:absolute;
	z-index:8;
}

.js-parallax:nth-of-type(2){
	position:absolute;
	left:5%;
	top:13%;
	z-index:-1;
}

.para01 img{
	width: 100%;
	max-width:40vw;
	height:auto;
}

.js-parallax:nth-of-type(3){
	position:absolute;
	left:5%;
	top:90%;
	z-index:1;
}


.para02 img{
	width: 100%;
	max-width:25vw;
		height:auto;
}


.js-parallax:nth-of-type(4){
	position:absolute;
	z-index:2;
	left:27%;
	bottom:-10%;
}

.para03 img{
	width: 100%;
	max-width:35vw;
		height:auto;
}


.js-parallax:nth-of-type(5){
	position:absolute;
	z-index:0;
	right:3%;
	top:10%;
}

.para04 img{
	width: 100%;
	max-width:45vw;
	height:auto;
}

.js-parallax:nth-of-type(6){
	position:absolute;
	z-index:0;
	right:3%;
	bottom:2%;
}

.para05 img{
	width: 100%;
	max-width:30vw;
		height:auto;
}
}

@media screen and (max-width: 544px) {
.para{
	display:none;
}

.js-parallax:nth-of-type(1){
	position:absolute;
	z-index:8;
}

.js-parallax:nth-of-type(2){
	position:absolute;
	left:5%;
	top:15%;
	z-index:-1;
}

.para01 img{
	width: 100%;
	max-width:40vw;
	height:auto;
}

.js-parallax:nth-of-type(3){
	position:absolute;
	left:20%;
	top:40%;
	z-index:1;
}


.para02 img{
	width: 100%;
	max-width:30vw;
		height:auto;
}


.js-parallax:nth-of-type(4){
	position:absolute;
	z-index:2;
	left:5%;
	bottom:-5%;
}

.para03 img{
	width: 100%;
	max-width:45vw;
	height:auto;
}


.js-parallax:nth-of-type(5){
	position:absolute;
	z-index:0;
	right:5%;
	top:17%;
}

.para04 img{
	width: 100%;
	max-width:48vw;
	height:auto;
}

.js-parallax:nth-of-type(6){
	position:absolute;
	z-index:0;
	right:5%;
	bottom:-10%;
}

.para05 img{
	width: 100%;
	max-width:40vw;
		height:auto;
}
}

/*ボタン*/
/* 01 */
.button01 a {
	background:none;
	position:relative;
	bottom:0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 10px 25px;
    color: #000000;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

.button01 a:after {
  content: "";
	position:absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button01 a:hover {
  background: none;
  color: #9DCE2C;
}
.button01 a:hover:after {
  right: 1.4rem;
}

/* 02 */
.button02 {
	width:450px;
	max-width: 100%;
}

.button-link {
	display: block;
	text-align: center;
	text-decoration: none;
	color:#9DCE2C;
	transition: .3s;
}

.button-text {
  font-size: 0.7em;
}

.bg-extend-left {
	padding: 10px;
	border:none;
	background-color: #eff7e4;
	color:#51B011;
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-radius:5px;
}

.button-text::after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.bg-extend-left::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #9DCE2C;
	position: absolute;
	left: -100%;
	top: 0;
	transition: .4s;
	z-index: -1;
}

.bg-extend-left:hover{
	color:#FFF;
}

.bg-extend-left:hover::before {
	left: 0;
}

/* 03 */
.button03 {
	width:450px;
	max-width: 100%;
}

.button-link03 {
	display: block;
	text-align: center;
	text-decoration: none;
	color:#9DCE2C;
	transition: .3s;
}

.button-text03 {
  font-size: 1em;
}

.bg-extend-left03 {
	padding: 10px;
	border:none;
	background-color: #736357;
	color:#fff;
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-radius:25px;
}

.button-text03::after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.bg-extend-left03::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #d1beb0;
	position: absolute;
	border-radius:25px;
	left: -100%;
	top: 0;
	transition: .4s;
	z-index: -1;
}

.bg-extend-left03:hover{
	color:#736357;
}

.bg-extend-left03:hover::before {
	left: 0;
}

.btn_mg{
	padding:2em 0;
}

/* 003 */
.button003 a {
    background: #736357;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
	width:280px;
    max-width: 100%;
    padding: 10px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button003 a:hover {
    background: #CFCFCF;
    color: #313131;
}
.button003 a:after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button003 a:hover:after {
    border-color: #000;
}

/* 04 */
.button04 a {
    background: #736357;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
	width:600px;
    max-width: 100%;
    padding: 10px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button04 a:hover {
    background: #CFCFCF;
    color: #313131;
}
.button04 a:after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button04 a:hover:after {
    border-color: #000;
}

/* 05 */
.button05 a {
    background: #9DCE2C;
    border-radius: 6px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
	width:400px;
    max-width: 100%;
    padding: 30px 30px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 600;
	font-size:1.4em;
	letter-spacing:0.1em;
}

.button05 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2.5rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 10px;
  height: 10px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}

.button05 a:hover {
  background: #51B011;
  color: #FFF;
}

.button05 a:hover:after {
  right: 1.9rem;
}

@media screen and (max-width: 1033px) {
.button05 a {
	width:310px;
    max-width: 100%;
	font-size:1em;
    padding: 15px 15px;
}
}

/*縦並びになる表*/
.table-css01 th{
	  background-color:#9DCE2C;
}
.table-css01 td{
	  background-color:#fff;
}

@media screen and (max-width: 640px) {
  .table-css01 th, .table-css01 td {
	  display: block;
	  border-bottom: none;
  }
  .table-css01 tr:last-child td:last-child  {
    border-bottom: 1px solid #ccc;
  }
}

/*グラフ*/
/*年齢構成*/
.pie-chart-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pie-chart-1 > div {
  width: 300px;
  height: 300px;
  margin: 0;
  border-radius: 50%;
  background-image: conic-gradient(#f5b2ac 6%, #ff9f6a 6% 14%, #ffc045 14% 43% ,#2dc3b6 43% 66%, #8b5cf6 66% 100%);
}

@media screen and (max-width: 544px) {
.pie-chart-1 > div {
  width:250px;
  height: 250px;
}
}

.pie-chart-1 li {
  display: flex;
  list-style-type: none;
  align-items: center;
  font-size: .8em;
}

.pie-chart-1 li::before {
  display: inline-block;
  width: 1.2em;
  height: .8em;
  margin-right: 5px;
  content: '';
}

.pie-chart-1 li:nth-child(1)::before {
  background-color: #2589d0;
}

.pie-chart-1 li:nth-child(2)::before {
  background-color: #5ba9f7;
}

.pie-chart-1 span {
  margin-right: 10px;
  font-weight: 600;
}

.num_con01{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:3em 0;
}

.num_con01_in01{
	width:45%;
}

.num_con01_in02{
	width:55%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

@media screen and (max-width: 1079px) {
.num_con01_in01{
	width:100%;
}
.num_con01_in02{
	width:100%;
	margin-top:2em;
}
}

.num_con01_list{
	border-top:solid 1px #CFCFCF;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	height:20%;
	font-size:1.2em;
}

.num_con01_list:last-child{
	border-bottom:solid 1px #CFCFCF;
}

.num_con01_01{color:#f5b2ac;}
.num_con01_02{color:#ff9f6a;}
.num_con01_03{color:#ffc045;} 
.num_con01_04{color:#2dc3b6;}
.num_con01_05{color:#8b5cf6;}


/*男女比*/
.num_con02{
	width:100%;
	color:#FFF;
	display:flex;
	flex-direction:row;
	margin:2em 0 1em 0;
}

.num_con02_01{
	width:25%;
	background:#2dc3b6;
	padding:0.8em;
	text-align:center;
	border-radius:10px 0 0 10px;
}

.num_con02_02{
	width:75%;
	background:#8b5cf6;
	padding:0.8em;
	text-align:center;
	border-radius:0 10px 10px 0;
}

/*雇用形態*/
.num_con03{
	padding:1.5em 0 2em 0;
}

:root {
 --r: 95px;
}

.chart02 {
    position: relative;
    width: calc(var(--r) * 4);
    height: calc(var(--r) * 4);
    border-radius: 50%;
    background-image: conic-gradient(
      #BFEA7C 0% 70%,
      #9BCF53 70% 100%
    );
  }

  .label {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1em;
    color:green;
  }

  .label-1 {
    --start: 0;
    --end: 0.6;
    --percentage: calc((var(--start) + var(--end)) / 2);
    --angle: calc(var(--percentage) * 360deg);
    --deg: calc(-90deg + var(--angle));
    translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
  }

  .label-2 {
    --start: 0.7;
    --end: 1;
    --percentage: calc((var(--start) + var(--end)) / 2);
    --angle: calc(var(--percentage) * 360deg);
    --deg: calc(-90deg + var(--angle));
    translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
  }

@media screen and (max-width: 544px) {
.num_con03{
	padding:1em 0 1.5em 0;
}
.chart02 {
    position: relative;
    width: calc(var(--r) * 3);
    height: calc(var(--r) * 3);
    border-radius: 50%;
    background-image: conic-gradient(
      #BFEA7C 0% 70%,
      #9BCF53 70% 100%
    );
  }
}


/*勤続年数*/	
.bar-chart-2 {
  font-size: .9em;
	margin:2em 0;
}

.bar-chart-2 > div {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.bar-chart-2 dt {
  width: 5.5em;
  min-width: 55px;
}

.bar-chart-2 dd {
  width: 100%;
  margin: 0;
  border-radius: 3px;
  background-color: #ede4dd;
}

.bar-chart-2 span {
  display: inline-block;
  padding-right: 15px;
  border-radius: inherit;
  color: #fff;
  font-weight: 600;
  line-height: 40px;
  text-align: right;
  white-space: nowrap;
}

.bar-chart-2_01{background-color:#f5b2ac;}
.bar-chart-2_02{background-color:#ff9f6a;}
.bar-chart-2_03{background-color:#ffc045;} 
.bar-chart-2_04{background-color:#2dc3b6;}
.bar-chart-2_05{background-color:#8b5cf6;}
.bar-chart-2_06{background-color:#0075c2;}
.bar-chart-2_07{background-color:#AAAAAA;}

/*育休満足度*/
.num_con05 {
	width:100%;
	height:auto;
	background:#FFF;
	border-radius:15px;
	text-align:center;
	padding-top:20px;
	margin-bottom:2em;
}
p.num_con05{
	font-size:9em;
	font-family: "Fraunces", serif;
	color:#e95464;
	line-height:0.9em;
	margin:0;
}

@media screen and (max-width: 544px) {
p.num_con05{
	font-size:7em;
	font-family: "Fraunces", serif;
	color:#e95464;
	line-height:0.9em;
	margin:0;
}
}

/*血液型*/
.num_con07{
	padding:1.5em 0 2em 0;
}

:root {
 --r: 95px;
}

.chart03 {
    position: relative;
    width: calc(var(--r) * 4);
    height: calc(var(--r) * 4);
    border-radius: 50%;
    background-image: conic-gradient(
      #f5b2ac 0% 43%,
      #ffc045 43% 61%,
      #2dc3b6 61% 76%,
      #0075c2 76% 89%,
      #CCCCCC 89% 100%
    );
	text-align:center;
  }

  .label02 {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 0.9em;
    color:#FFF;
  }

  .label-3 {
    --start: 0;
    --end: 0.43;
    --percentage: calc((var(--start) + var(--end)) / 2);
    --angle: calc(var(--percentage) * 360deg);
    --deg: calc(-90deg + var(--angle));
    translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
  }

  .label-4 {
    --start: 0.43;
    --end: 0.61;
    --percentage: calc((var(--start) + var(--end)) / 2);
    --angle: calc(var(--percentage) * 360deg);
    --deg: calc(-90deg + var(--angle));
    translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
  }

  .label-5 {
    --start: 0.61;
    --end: 0.76;
    --percentage: calc((var(--start) + var(--end)) / 2);
    --angle: calc(var(--percentage) * 360deg);
    --deg: calc(-90deg + var(--angle));
    translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
    color: white;
}
  .label-6 {
    --start: 0.76;
    --end: 0.89;
    --percentage: calc((var(--start) + var(--end)) / 2);
    --angle: calc(var(--percentage) * 360deg);
    --deg: calc(-90deg + var(--angle));
    translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
    color: white;
}
  .label-7 {
    --start: 0.89;
    --end: 1;
    --percentage: calc((var(--start) + var(--end)) / 2);
    --angle: calc(var(--percentage) * 360deg);
    --deg: calc(-90deg + var(--angle));
    translate: calc(cos(var(--deg)) * var(--r) - 50%) calc(sin(var(--deg)) * var(--r) - 50%);
    color: white;
}

@media screen and (max-width: 544px) {
.chart03 {
    width: calc(var(--r) * 3);
    height: calc(var(--r) * 3);
  }
}

.num_con07_graf{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin-top:2em;
}

.num_con07_graf p{
	font-size:0.9em;
	line-height:1.1em;
	margin:0;
}

.bt01{width:43%; background:#f5b2ac; color:#fff; border-radius:5px 0 0 5px; text-align:center;}
.bt02{width:18%; background:#ffc045; color:#fff; text-align:center;}
.bt03{width:15%; background:#2dc3b6 ; color:#fff; text-align:center;}
.bt04{width:13%; background:#0075c2; color:#fff; text-align:center;}
.bt05{width:11%; background:#CCCCCC; color:#fff; border-radius: 0 5px 5px 0; text-align:center;}

.bt01, .bt02, .bt03, .bt04, .bt05{
	padding:0.5em 0;
}