@charset "utf-8";
/*
	Last Update: 2025/05/01
	Auther: yt
*/
/*===================================================================
	page layout
===================================================================*/

#page_title { position:relative; height:190px; background:url(../image/layout/bg_pagetitle.jpg) no-repeat center center / cover; }
#page_title .page_title_wrap { text-align:center; display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
#page_title .title_wrap { text-align:center; }
#page_title .main { font-weight:bold; background:var(--c-green); color:#fff; display:inline-block; box-shadow:4px 4px 0 rgba(0,0,0,.16); padding:20px 60px; }
	@media (max-width: 767px){
		#page_title { background-image:url(../image/layout/bg_pagetitle-sp.jpg); height:160px; }
		#page_title .main { font-size:1.5em; padding:20px 30px; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#page_title .main { font-size:2em; letter-spacing:3px; }
	}
	@media (min-width: 992px){
		#page_title .main { font-size:2.5em; letter-spacing:3px; }
	}

#pankuzu { font-size:13px; padding-top:10px; padding-bottom:10px; }
#pankuzu a {}
#pankuzu li, #pankuzu li:before { vertical-align:baseline; line-height:100%; }
#pankuzu li:before { display:inline-block; }
#pankuzu ul > li:not(:first-child):before { content:"/"; margin:0 8px; color:#D9D9D9; }
body.pc #pankuzu a:hover { text-decoration:underline; }
	@media (max-width: 575px){
		#pankuzu ul { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
		#pankuzu li { display:inline; }
	}
	@media (min-width: 576px){
		#pankuzu li { display:inline-block; }
	}


/*===================================================================
	entry
===================================================================*/
.entry ul > li:before { content:"●"; color:; }
.entry ul > li > ul > li:before { content:"■"; color:; }
.entry ol > li:before { color:; }
.entry ol > li > ol > li:before { color:; }
.entry table thead th { background:; color:; }
.entry table thead td { background:; color:; }
.entry table tbody th { background:; color:; }
.entry table tbody td { background:; color:; }



/*----------------------------------
privacypolicy
------------------------------------*/
#privacy_policy p{color: #555555;}/*----------------------------------
faq
------------------------------------*/
#faq .keyword_field{background-color: #E7E7E74D;padding: 20px 40px;display: flex;}
#faq .keyword p{font-size:1.3em;margin-bottom: 20px;}
#faq .keyword_field input{width: 80%;min-height: 55px;border: none;}
#faq .keyword_field button{background-color:var(--c-green);border: none;position: relative;color: #FFFFFF;padding: 10px 20px;width: 200px;min-width: 200px;margin-left: 8px;border-radius: 5px;}
#faq .keyword_field button._back{background-color:var(--c-green);border: none;position: relative;color: #FFFFFF;padding: 10px 20px;width: 200px;min-width: 200px;margin-left: 8px;border-radius: 5px;}
#faq .keyword_field button::before{position: absolute;top: 50%;left: 20px;transform: translateY(-50%);content: '';background: url(../image/contents/faq/vector.png) no-repeat;background-size: 20px 20px;width: 20px;height: 20px;}
#faq .faq_wrap{display: flex;padding: 50px 0;}
#faq .category{background-color: #E7E7E74D;margin-right:20px;padding-left: 0;width: 25%;}
#faq .list{width: 75%;}
#faq .sub-title{position: relative;margin: 15px 8px;}
#faq .sub-title::after{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);content: '';background: url(../image/contents/faq/arrow.png) no-repeat;background-size: 14px 11px;width: 14px;height: 11px;}
#faq .sub-menu{padding-bottom: 20px;}
#faq .sub-menu li{margin: 0 10px 5px 10px;}
#faq .sub-menu li a{display:block; background-color: #FFFFFF;padding: 10px 0;}
#faq .sub-menu li.active a{background-color: #FF6800; color: #FFFFFF;}
.list h4{color: var(--c-green);font-size: 1.5em;}
#faq .list .summary{color: var(--c-green);font-size: 1.3em;font-weight: bold;border-bottom: 1px solid var(--c-green);padding-bottom:20px ;padding-right: 40px;}
#faq .list .contents{margin-top: 20px;}
#faq details summary::after {position: absolute;top:0;right:10px;content: "＋";float: right;font-size: 2em;font-weight: bolder;color: var(--c-green);}
#faq details[open] summary::after {content: "－";}
@media (max-width:620px) {
  #faq .keyword_field{padding: 20px;}
  #faq .keyword_field button{min-width: 150px;width: 150px;}
  #faq .faq_wrap{flex-wrap: wrap;}
  #faq .category{width: 100%;margin-right: 0px;}
  #faq .menu-list{overflow-x: auto;}
  #faq .sub-menu{display: flex;margin: 0 10px;width: 500px;}
  #faq .sub-menu li{width: 200px;text-align: center;margin: 0 5px 5px 0;display: inline-block;}
  #faq .list{width: 100%;}
  #faq .list .summary{font-size: 1em;}
}
@media (max-width:350px) {
  #faq .keyword_field{padding: 20px;}
  #faq .keyword_field button{min-width: 100px;width: 100px;}
  #faq .keyword_field button::before{background: none;}
}
/*-----------------------------------------
job
-------------------------------------------*/
#job .search_item{display: flex;justify-content: space-between;}
#job .search_item .search_tab{background-color: #E7E7E74D;width: 49%;text-align: center;font-weight: bold;max-height: 70px;border-radius: 20px 20px 0 0;margin-top: 10px;cursor: pointer;}
#job .search_item .search_tab p{display: flex;justify-content: center;align-items: center;height: 100%;color: #4F4F4F;}
#job .search_item .search_tab p .main{position: relative;display: inline-block;padding-left: 30px;}
#job .search_item .search_tab p .main._area{--mask-image:url(../image/contents/job/icon1.png);}
#job .search_item .search_tab p .main._check{--mask-image:url(../image/contents/job/icon3.png);}
#job .search_item .search_tab p .main::before{content: "";width: 24px;height: 24px;display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);mask:var(--mask-image) no-repeat center center / contain;-webkit-mask:var(--mask-image) no-repeat center center / contain;background: var(--c-green);}
#job .search_item .search_tab.active p .main::before{background: #fff;}
#job .search_item .search_tab.active{background-color: var(--c-green);padding: 20px 0;max-height: 80px;margin-top: 0px;}
#job .search_item .search_tab.active p{color: #FFFFFF !important;}
#job .filter_wrap{background-color: var(--c-green);margin-top: -3px;border-radius: 0 0 10px 10px;}
#job .filterArea{width: 90%;padding-bottom: 20px;margin: 0 auto;}
#job .filterArea > *:not(:last-child){border-bottom: 1px solid #FFFFFF;}
#job .filter_life,
#job .filter_tag{display: flex;padding: 20px 0;}
#job .filter_life h3,
#job .filter_tag h3{color: #FFFFFF;width:15%;min-width: 80px;}
#job .filter_life .life{width: 200px;border: none;border-radius: 5px;-webkit-appearance: none;appearance: none;background-image: url("../image/contents/job/icon2.png");background-repeat: no-repeat;background-size: 12px auto;background-position: right 12px center;}
#job .filter_tag .filter{width: 85%;}
#job .filter_tag .filter{display: flex;flex-wrap: wrap;}
#job .filter_tag .filter li{margin-right: 10px;}
#job .filter_tag .filter li .filter_input_wrap{position: relative;cursor: pointer;}
#job .filter_tag .filter li .filter_input_wrap input{-webkit-appearance: none;position: absolute;width: 0;height: 0;opacity: 0;left: 0;top: 0;}
#job .filter_tag .filter li .filter_input_wrap .filter_input_inner{background-color: #FFFFFF;padding: 0px 15px;border-radius: 50px;display: flex;align-items: center;justify-content: center;min-width: 130px;min-height: 45px;}
#job .filter_tag .filter li .filter_input_wrap input:checked + .filter_input_inner{color: #FFFFFF;background-color: #FF6800;}
#job .job_wrap{padding: 50px 0;}
#job .job_list{padding: 30px;display: flex;background-color: #E7E7E74D;box-shadow: 0px 0px 8px #cacaca;}
#job .job_list .image{position: relative;width: 35%;}
#job .job_list .image img{width: 100%;}
#job .job_list .image .type{position: absolute;color: #FFFFFF;background-color: var(--c-green);padding: 5px 10px;}
#job .job_list .contents{width: 65%;padding-left: 20px;}
#job .job_list .contents p{line-height: 1.3;font-size: 0.85em;}
#job .job_list .contents .tag{margin-bottom: 10px;}
#job .job_list .contents .tag span{margin-right:10px;font-size: 0.75em;}
#job .job_list .contents .title{color: var(--c-green);font-size: 1.2em;}
#job .job_list .contents .detail span{font-weight: bold;}
#job .job_list .contents .detail .time{width: 100%;display: block;}
#job .job_list .contents #btn.btn_wrap{display: flex;justify-content: flex-start;}
#job .job_list .contents #btn.btn_wrap > *{margin:0 5px 10px 5px;}
#job .job_list .contents #btn.btn_wrap .btn1 a,
#job .job_list .contents #btn.btn_wrap .btn2 a{display: block;width: 200px;padding: 13px 20px;text-align: center;border-radius: 50px;box-shadow: 3px 5px 5px #cacaca;}
#job .job_list .contents #btn.btn_wrap .btn1 a{background-color: #FFFFFF;font-weight: bold;}
#job .job_list .contents #btn.btn_wrap .btn2 a{color: #FFFFFF;background: linear-gradient(90deg, rgba(243, 153, 4, 1) 15%, rgba(240, 68, 10, 1) 100%);}
#job .list_pager ul li > strong{background-color: var(--c-green);border:1px solid #E7E7E74D;}
#job .list_pager ul li strong, .list_pager ul li a{border:1px solid #E7E7E74D;}
#job .list_pager ul li > a:hover { background:var(--c-green) !important; color:#fff; }
@media (max-width: 991px){
  #job .job_list .contents .title{font-size: 1.1em !important;}
}
@media (max-width:767px){
	#job .search { font-size:.9em; }
	#job .search_item .search_tab { padding:10px 0!important; }
	#job .filter_tag .filter li .filter_input_wrap .filter_input_inner { min-width:unset; }
	#job .search_item .search_tab p .main { line-height:1.3; }
	#job .filter_life, #job .filter_tag { padding:10px 0; }
	#job .filterArea { padding-bottom:10px; }
	#job .job_list .contents .btn_wrap{flex-wrap: wrap;}
  #job .job_list .contents .btn_wrap .btn1 a {width: 300px;margin-bottom: 10px;}
  #job .job_list{padding: 25px 15px;}
  #job .job_list .image{width: 40%;}
  #job .job_list .contents .title{font-size: 1em !important;}
  #job .job_list .contents{padding-left: 10px;width: 60%;}
  #job .job_list .contents p{font-size: 0.8em;}
  #job .job_list .contents #btn.btn_wrap .btn1 a, #job .job_list .contents #btn.btn_wrap .btn2 a{width: 100%;padding: 10px 20px;}
}
@media (max-width:620px) {
  #job .job_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
  #job .job_list .contents .btn_wrap{justify-content: center;}
  #job .job_list {flex-direction: column;align-items: center;width: 48%;}
  #job .job_list .image{width: 90%;}
  #job .job_list .contents{padding-left: 10px;width: 100%;}
  #job .job_list .contents .btn_wrap > *{width: 100%;}
  #job .job_list .contents #btn.btn_wrap .btn1 a, #job .job_list .contents #btn.btn_wrap .btn2 a{font-size: 0.8em;width: 100%;}
  #job .job_list .contents .tag span{margin-right: 5px;}
}
@media (max-width:575px) {
	#job .filter_life, #job .filter_tag {flex-direction: column;}	#job .filter_life > *, #job .filter_tag > * {width: 100%!important;}
	#job .filter_life > h3, #job .filter_tag > h3 {margin-bottom: 10px;}
}
@media (max-width:546px) {
  #job .job_list {flex-direction: column;align-items: center;width: 100%;}
  #job .job_wrap{justify-content: center;}
  #job .job_list .contents{padding-left: 0px;width: 95%;}
  #job .job_list .image{width: 80%;}
  #job .job_list .contents .btn_wrap > *{width: 80%;}
  #job .job_list .contents #btn.btn_wrap{justify-content: center;}
}
@media (max-width:380px) {
  #job .search_item .search_tab p{flex-direction: column;}
}
/*----------------------------------------
job detail
------------------------------------------*/
#job_detail .detail_top{display: flex;justify-content: space-between;border-bottom: 2px solid #E4E4E4;padding-bottom: 20px;}
#job_detail .detail_top .tag{color: #FFFFFF;background-color: var(--c-green);padding: 10px 8px;}
#job_detail .detail_top .title{font-size:1.5em;}
#job_detail .detail_top .place{border: 1px solid var(--c-green);border-radius: 5px;padding: 5px;width: 220px;max-height: 120px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#job_detail .btn_wrap2{padding: 60px 0 0;}
#job_detail .btn_wrap2 .btn_style .btn1,
#job_detail .btn_wrap2 .btn_style .btn2{width: 100%;margin: 0 15px;}
#job_detail .btn_wrap2 .btn_style .btn1 a,
#job_detail .btn_wrap2 .btn_style .btn2 a{width:100%;padding: 15px 0;display: block;}
#job_detail .btn_wrap2 .btn_style{display: flex;justify-content: center;max-width:600px;margin: 0 auto;}
#job_detail .btn_wrap2 .btn_style .btn1 a{border-radius: 50px;background-color: #EEEEEE;box-shadow: 0px 1px 5px #00000033;margin-right: 20px;text-align: center;font-weight: bold;}
#job_detail .btn_wrap2 .btn_style .btn2 a{border-radius: 50px;box-shadow: 0px 1px 5px #00000033;color: #FFFFFF;text-align: center;font-weight: bold;background: linear-gradient(90deg, rgba(243, 153, 4, 1) 15%, rgba(240, 68, 10, 1) 100%);}
@media (max-width:910px) {
  #job_detail .detail_top .title{font-size: 1.3em;}
}
@media (max-width:767px) {
	#job_detail .detail_top { flex-direction:column; }
	#job_detail .detail_top > * { width:100%!important; }
  #job_detail .detail_top .place{ margin-top:10px; }
}
@media (max-width:425px) {
  #job_detail .detail_top .title{font-size: 1em;}
  #job_detail .btn_wrap2 .btn_style{flex-direction: column;max-width: 250px;}
  #job_detail .btn_wrap2 .btn_style > *{margin: 0 5px 10px 5px !important;}
}
/*------------------------------------------
entry
--------------------------------------------*/
#entry .job{border-bottom: 2px solid #F2F2F2;border-top: 2px solid #F2F2F2;padding: 20px 0;align-items: center;display: flex;justify-content: space-between;margin: 0 0 50px 0 !important;}
#entry .job .image{width: 20%;}
#entry .job .image img{width: 100%;}
#entry .job .tag{padding: 7px 7px 8px 7px;font-size: 0.8em;}
#entry .job .title_wrap{padding: 0 15px;width: 60%;}
#entry .job .title{font-size: 1.2em;}
#entry .job .place{border: 1px solid var(--c-green);border-radius: 5px;padding: 5px;width: 20%;max-height: 120px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
@media (max-width:767px) {
	#entry .job { flex-wrap:wrap; }
	#entry .job .image{ width:30%; }
	#entry .job .title_wrap{ width:70%; }
	#entry .job .place { width:100%; margin-top:10px; }
}
/*---------------------------
member
------------------------------*/
#member .video .title img,
#member .interview .title img{width: 100%;}
#member .interview .interview_detail .category ul{display: flex;overflow-x: auto;}
#member .interview .interview_detail .category ul li:nth-child(1){border: 2px solid var(--c-green);}
#member .interview .interview_detail .category ul li:nth-child(1) a{width: 150px;min-width: 150px;}
#member .interview .interview_detail .category ul li{display: block;text-align: center;position: relative;border-top: 2px solid var(--c-green);border-bottom: 2px solid var(--c-green);border-right: 2px solid var(--c-green);}
#member .interview .interview_detail .category ul li::after{position: absolute;content: '';top: 50%;right: 15px;transform: translateY(-50%);width: 8px;height: 15px;background: url(../image/contents/member/icon3.png) no-repeat;background-size: 8px 15px;}
#member .interview .interview_detail .category ul li a{color: var(--c-green);font-weight: bold;width: 220px;min-width: 220px;min-height: 50px;line-height: 50px;display: block;}
#member .interview .interview_detail .category ul li.active{background-color: var(--c-green);}
#member .interview .interview_detail .category ul li.active a{color: #FFFFFF;}
#member .interview .interview_detail .category ul li.active::after{position: absolute;content: '';top: 50%;right: 10px;transform: translateY(-50%);width: 14px;height: 8px;background: url(../image/contents/member/icon2.png) no-repeat;background-size: 14px 8px;}
#member .member_wrap{padding: 30px 0;}
.video-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;}
.video-wrap {position: relative;padding-top: 56.25%;height: 0;overflow: hidden;}
.video-wrap iframe,
.video-wrap video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
@media (max-width:765px) {
  #member .video .video_list > *{margin: 0 10px;}
}
@media (max-width:425px){
  #member .interview .interview_detail .category ul li a{color: var(--c-green);font-weight: bold;width: 150px;min-width: 150px;min-height: 40px;line-height: 40px;font-size: 0.8em;}
  #member .interview .interview_detail .category ul li:nth-child(1) a{width: 100px;min-width: 100px;}
}
@media (max-width: 326px) {
  .video-grid {grid-template-columns: 1fr;}
  .video-wrap {padding-top: 56.25%;height: 0;}
}
/*------------------------------------
privacy_policy
-------------------------------------*/
#privacy_policy .unit_detail h3 {font-size: 1.2em;}
#privacy_policy .unit_detail span{border-bottom: 1px solid var(--c-green);width: 100%;height: 1px;display: block;margin: 15px 0;}
/*------------------------------------
 flow
-------------------------------------*/
#flow .title{display: flex;align-items: center; margin-bottom:30px; }
#flow .title img{padding-right: 20px;width: 100px;}
#flow .title p{font-size: 1.7em;font-weight: bold;line-height: 1.5;}
#flow .image a{display: inline-block;width: 100%;}
#flow .image{margin-top: -5%;}
#flow .image.v2{margin-top: 0 !important;}
#flow .image img{width: 100%;}
#flow .fs{font-size: 1.2em;}
#flow div .number{display: flex;align-items: center;}
#flow .step1 .contents{background: url(../image/contents/flow/border_bg.png) no-repeat;background-size: 100% 100%;border: 4px solid #F9ED31;display: flex;padding: 20px;}
#flow .step1 .contents .text{width: 70%;}
#flow .step1 .contents .text div p{background-color: var(--c-green);display: inline-block;color: #FFFFFF;}
#flow .step1 .contents .image{width: 30%;}
#flow .step1 .contents .image img{width: 80%;}
#flow .step2 .contents{display: flex;}
#flow .step2 .contents .text{padding-left: 20px;display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;}
#flow .step2 .contents .text p{background-color: var(--c-green);color: #FFFFFF;padding: 35px 20px;font-size: 2em;margin-bottom: 20px;}
#flow .step2 .contents .entry{width: 45%;}
#flow .step2 .contents .text{width: 55%;}
#flow .step2 .contents .btn{color: #FFFFFF;font-size:3em;text-align: center;border-radius: 100px;padding: 0 20px;margin-bottom: 20px;width: 100%;max-height: 130px;background: linear-gradient(90deg, rgba(243, 153, 4, 1) 15%, rgba(240, 68, 10, 1) 100%);display:block; text-decoration:none;}
#flow .step2 .contents .btn .main{display: flex;justify-content: center;align-items: center;min-height: 130px;font-weight: bold;text-align: center; text-decoration:none; }
#flow .step2 .contents .entry .click_icon{background: url(../image/contents/flow/icon2.jpg) no-repeat;background-size: 107px 75px;width: 107px;height: 75px;display: block;margin-top: -40px; pointer-events:none; position:relative; z-index:2; }
#flow .step2 .contents .entry .click{font-size: 1.8em;display: flex;justify-content: center;}
#flow div .number span{background: url(../image/contents/flow/icon1.png) no-repeat center left;background-size: 20px 20px;width: 20px;height: 20px;display: block;margin-right: 10px;}
@media (max-width: 991px){
	#flow .step2 .contents .text p{padding: 20px 10px;font-size: 1.5em;}
	#flow .step2 .contents .btn{font-size:2.5em;padding: 0 10px;margin-bottom: 10px;}
	#flow .step2 .contents .btn p{min-height: 100px;}
	#flow .step2 .contents .entry .click_icon{background-size: 65px 50px;width: 65px;height: 50px;display: block;margin-top: -25px;}
}
@media (max-width: 575px){
  #flow .step2 .contents{flex-direction: column;align-items: center;}
  #flow .step2 .contents .text p{padding: 20px 10px;font-size:2em;}
  #flow .step2 .contents .entry{width: 80%;margin-bottom: 20px;}
  #flow .step2 .contents .entry .click{font-size: 2.2em;}
  #flow .step2 .contents .text{width: 100%;padding-left: 0;}
  #flow .step2 .contents .btn{font-size:2.8em;padding: 10px 10px;}
  #flow .step2 .contents .btn p{min-height: 70px;}
	#flow .step2 .contents .btn .main {min-height:unset; padding:25px 0; }
}
@media (max-width:525px) {
  #flow .title img{padding-right: 10px;width: 70px;}
  #flow .title p{font-size: 1.3em;line-height: 1.5;}
  #flow .fs{font-size: 1.1em;}
  #flow .image{margin-top: 0;}
  #flow .step2 .contents .text p{padding: 10px 5px;font-size:2em;}
  #flow .step2 .contents .entry{width: 100%;margin-bottom: 20px;}
  #flow .step2 .contents .entry .click{font-size: 1.6em;}
}
@media (max-width:375px){
  #flow .title p{font-size: 1.2em;}
  #flow .step2 .contents .text p{font-size:1.5em;}
}
/*----------------------------
education
----------------------------*/
#education .title{display: flex;align-items: center;}
#education .title.v2{display: block;}
#education .title p{margin-right: 30px;font-size: 2.2em;line-height: 2;}
#education .title span{border: 2px solid var(--c-green);border-radius: 15px 0 15px 0;padding: 8px 20px;min-height: 50px;line-height: 50px;font-size: 1.5em;margin: 0 3px;}
#education .contents{display: flex;}
#education .contents p{margin-right: 30px;width: 60%;}
#education .contents .image{width: 40%;}
#education .contents.v2 div{margin: 0 auto;width: 49%;}
#education .contents.v2 p,
#education .contents.v2 .image{margin: 0;width: 100%;}
#education .contents.v2 .mini_title{display: flex;width: 100%;}
#education .contents.v2 .mini_title p{line-height: 100px;font-size: 1.5em;}
#education .contents.v2 .mini_title span{min-width: 100px;min-height: 100px;line-height: 100px;text-align: center;border-radius: 50px;font-size: 1.2em;margin-right: 20px;background-color: #DCE9134D;}
#education .point > .label { position:relative; z-index:2; }
#education .point p{background-color: #DCE9134D;border-radius: 10px;padding: 30px 30px 20px 50px;margin-top: -3%;line-height: 2;margin-left: 20px;font-size: 1em; position:relative; z-index:1; margin-bottom:70px; }
#education .point p::before,
#education .point p::after { content:""; width:134px; height:134px; position:absolute; bottom:-70px; background:no-repeat center center / contain; z-index:2; }
#education .point p::before { background-image:url(../image/contents/education/point_l.png); left:-70px; }
#education .point p::after { background-image:url(../image/contents/education/point_r.png); right:-70px; }
@media (max-width:1440px) {
	#education .point p::before,
	#education .point p::after { width:90px; height:90px; bottom:-50px; }
	#education .point p::before { left:-30px; }
	#education .point p::after { right:-20px; }
}
@media (max-width:790px) {
  #education .contents p{margin-right: 20px;}
  #education .title p{margin-right: 10px;font-size: 2em;}
  #education .title span{min-height: 35px;line-height: 35px;font-size: 1.4em;}
  #education .contents{flex-direction: column;}
  #education .contents p{margin-right: 0;width: 100%;margin-bottom: 20px;}
  #education .contents .image{width: 100%;text-align: center;}
  #education .contents .image img{width: 90%;}
  #education .point img{width: 120px;}
  #education .point p{padding: 30px 20px 40px 20px;margin-top: -5%;line-height: 1.5;margin-left: 10px;font-size: 1em;}
  #education .contents.v2 div{margin-bottom: 20px;width: 100%;}
}
@media (max-width:500px){
  #education .title p{font-size: 1.5em;}
  #education .title span{min-height: 30px;line-height: 30px;font-size: 1em;padding: 5px 15px;}
  #education .point p{margin-top: -7%;}
  #education .point img{width: 100px;}
  #education .contents.v2 .mini_title p{line-height: 70px;font-size: 1.5em;}
  #education .contents.v2 .mini_title span{min-width: 70px;min-height: 70px;line-height: 70px;font-size: 1.2em;}
}
@media (max-width:390px){
  #education .title p{font-size: 1.2em;}
  #education .title span{min-height: 30px;line-height: 30px;font-size: 0.9em;padding: 3px 10px;margin: 0;}
  #education .contents.v2 .mini_title p{line-height: 60px;font-size: 1.2em;}
  #education .contents.v2 .mini_title span{min-width: 60px;min-height: 60px;line-height: 60px;font-size: 1em;}
}
/*---------------------------------
advance
-----------------------------------*/
#advance .preregistration .title img{width: 100%;}
#advance .preregistration_detail{background: url(../image/contents/advance/stripe_bg.jpg) no-repeat;background-size: 100% 100%;}
#advance .preregistration_detail .balloon{width: 100%;margin-bottom: 20px;}
#advance .preregistration_detail .line .title{color: #555555;font-size: 1.75em;}
#advance .preregistration_detail .line .contents{display: grid;grid-template-columns:auto auto; justify-content:center; width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
#advance .preregistration_detail .line .contents div{display: flex;align-items: center; padding-left:5px; padding-right:5px; }
#advance .preregistration_detail .line .contents div img{width: 15%;height: auto;margin-right: 20px;}
#advance .preregistration_detail .line .contents div p{font-size: 1.2em;}
#advance .preregistration_detail .registration{background-color: #FFFFFF;box-shadow: 1px 1px 10px #00000029;border-radius: 10px;padding: 40px 70px;}
#advance .preregistration_detail .registration .qr{display: flex;justify-content: space-around;align-items: center;}
#advance .preregistration_detail .registration .qr .qr_code{width: 45%;}
#advance .preregistration_detail .registration .qr .qr_code img{width: 90%;max-width: 500px;}
#advance .preregistration_detail .registration .qr .friend .entry{font-size: 1.2em;}
#advance .preregistration_detail .registration .qr .friend{text-align: center;width: 60%;}
#advance .preregistration_detail .registration .qr .friend .btn{background-color: #4CC764;color: #FFFFFF;display: flex;align-items: center;border-radius: 10px;padding: 5px 30px;max-width: 300px;margin: 0 auto;}
#advance .preregistration_detail .registration .qr .friend .btn img{width: 25%;}
#advance .preregistration_detail .registration .qr .friend .btn p{width:75%;font-size: 1.7em;}
#advance .preregistration_detail .registration .list div{display: flex;font-weight: bold;align-items: center;}
#advance .preregistration_detail .registration .list div span{background-color: #DFE815;border-radius: 15px;width: 70px;height: 70px;min-width: 70px;display: flex;align-items: center;justify-content: center;font-size: 2em;font-weight: bold;margin-right: 10px;padding-bottom: 5px;}
#advance .preregistration_detail .registration .list div p{font-size: 1.45em;line-height: 1.2;}
@media (max-width: 991px){
  #advance .preregistration_detail .registration{padding: 40px 30px;}
	#advance .preregistration_detail .registration .qr .friend .btn{padding: 10px 20px;}
}
@media (max-width: 575px){
  #advance .preregistration_detail .registration{padding: 40px 20px;}
  #advance .preregistration_detail .line .contents div img{width: 40px;margin-right: 10px;}
  #advance .preregistration_detail .line .contents div p{font-size: 1em;}
  #advance .preregistration_detail .line .title{font-size: 1.4em;}
  #advance .preregistration_detail .registration .qr .friend .btn p {font-size: 1.2em;}
  #advance .preregistration_detail .registration .list div span{border-radius: 10px;padding-bottom: 0;font-size: 1.5em;width: 40px;height: 40px;min-width: 40px;}
  #advance .preregistration_detail .registration .list div p{font-size: 1em;}
}
@media (max-width:495px) {
  #advance .preregistration_detail .line .title{font-size: 1.2em;}
}
@media (max-width:425px){
  #advance .preregistration_detail .line .contents { justify-content:space-evenly; }
  #advance .preregistration_detail .line .contents div img{width: 30px;margin-right: 8px;}
  #advance .preregistration_detail .line .contents div p{font-size: 0.75em;line-height: 1.6;}
  #advance .preregistration_detail .line .title{font-size: 0.88em;}
	#advance .preregistration_detail .registration .qr .qr_code{margin-bottom: 20px;display: none;}
	#advance .preregistration_detail .registration .qr img{width: 60%;}
	#advance .preregistration_detail .registration .qr .friend{width: 100%;}
	#advance .preregistration_detail .registration .qr .friend .entry{font-size: 1.4em;}
	#advance .preregistration_detail .registration .qr .friend .btn{padding: 0px 20px;justify-content: center;}
	#advance .preregistration_detail .registration .qr .friend .btn img{width: 20%;}
	#advance .preregistration_detail .registration .qr .friend .btn p{width: auto;}
  #advance .preregistration_detail .registration .list div p{font-size: 0.9em;}
}

/*----------------------------
career
----------------------------*/
#career {}
#career .career_stage_wrap .career_stage_unit { position:relative; margin-bottom:40px; }
#career .career_stage_wrap .career_stage_unit:not(:last-child) { padding-bottom:80px; }
#career .career_stage_wrap .career_stage_unit:not(:last-child)::before { content:""; display:block; border-top:40px solid var(--c-green); border-left:50px solid transparent; border-right:50px solid transparent; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
#career .career_box_wrap { display:flex; align-items:flex-end; width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; }
#career .career_box_wrap .unit_wrap { flex:1; padding:0 15px; }
#career .career_box_wrap .unit_wrap .career_box_top { position:relative; z-index:1; }
#career .career_box_wrap .unit_wrap .career_box_top .main { position:relative; z-index:2; text-align:center; font-size:1.25em; display:block; width:100%; padding:20px 0; }
#career .career_box_wrap .unit_wrap .career_box_top::before { content:""; width:230px; height:230px; border-radius:230px; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1; }
#career .career_box_wrap .career_box { position:relative; z-index:2; border:5px solid var(--box-color); border-radius:20px; overflow:hidden; }
#career .career_box_wrap .career_box .title { background:var(--box-color); text-align:center; font-size:1.25em; padding:5px; border-bottom:5px solid var(--box-color); }
#career .career_box_wrap .career_box .content { background:#fff; padding:15px; font-size:1.1em; }
#career .career_box_wrap .career_box .content .salary { font-size:1.2em; font-weight:bold; }
#career .career_box_wrap._leader .career_box .content { padding:20px; }
#career .career_box_wrap .career_box .content .salary .num { font-size:1.2em; }
#career .career_box_wrap .career_box .content .title2 { font-size:1.05em; }
#career .career_box_wrap .career_box .content ul li { text-indent:-1em; padding-left:1em; }
#career .career_box_wrap .career_box .content ul li::before { content:"・"; }
#career .management_box_wrap { display:flex; width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; }
#career .management_box_wrap .management_box_col { align-items:flex-start; flex:1; padding:0 15px; position:relative; padding-top:50px; }
#career .management_box_wrap .management_box_col::before { content:""; display:block; top:0; height:30px; border-style:solid; border-color:#8C8C8C; position:absolute; }
#career .management_box_wrap .management_box_col:nth-child(1)::before { width:50%; border-width:4px 0 0 4px; border-radius:10px 0 0 0; right:0; }
#career .management_box_wrap .management_box_col:nth-child(2)::before { width:100%; border-width:4px 0 0 0; left:0; }
#career .management_box_wrap .management_box_col:nth-child(2)::after { content:""; width:4px; height:30px; background:#8C8C8C; top:0; left:50%; transform:translateX(-50%); display:block; position:absolute; }
#career .management_box_wrap .management_box_col:nth-child(3)::before { width:50%; border-width:4px 4px 0 0; border-radius:0 10px 0 0; left:0; }

#career .management_box_wrap .management_box_col .management_box_unit:not(:last-child) { padding-bottom:60px; position:relative; }
#career .management_box_wrap .management_box_col .management_box_unit:not(:last-child)::before { content:""; width:75px; height:75px; display:block; background:url(../image/contents/career/arrow_b.png) no-repeat center center / contain; position:absolute; bottom:60px; left:50%; transform:translate(-50%, 50%); }
#career .management_box_wrap .management_box_col .management_box { border:5px solid var(--box-color,#D9D9D9); border-radius:20px; overflow:hidden; }
#career .management_box_wrap .management_box_col .management_box .title { height:80px; border-bottom:105px; border-bottom:5px solid var(--box-color,#D9D9D9); background:var(--box-color,#D9D9D9); display:flex; align-items:center; justify-content:center; text-align:center; font-size:1.25em; }
#career .management_box_wrap .management_box_col .management_box .content { padding:0 5px 5px 5px; }
#career .management_box_wrap .management_box_col .management_box .content .content_inner { border-radius:0 0 15px 15px; overflow:hidden; padding:15px; font-size:1.15em; height:260px; }
#career .management_box_wrap .management_box_col .management_box .content .content_inner ul li { text-indent:-1em; padding-left:1em; }
#career .management_box_wrap .management_box_col .management_box .content .content_inner ul li::before { content:"・"; }

#career .career_box_wrap._staff .unit_wrap._1 .career_box_top::before { background:#F9FBD5; }
#career .career_box_wrap._staff .unit_wrap._2 .career_box_top::before { background:#F1F7DF; }
#career .career_box_wrap._staff .unit_wrap._3 .career_box_top::before { background:#E3F3E2; }
#career .career_box_wrap._staff .unit_wrap._1 .career_box { --box-color:#DFE815; }
#career .career_box_wrap._staff .unit_wrap._2 .career_box { --box-color:#A6CE39; }
#career .career_box_wrap._staff .unit_wrap._3 .career_box { --box-color:#50B848; }
#career .career_box_wrap._leader .unit_wrap._1 .career_box { --box-color:#A6CE39; }
#career .career_box_wrap._leader .unit_wrap._2 .career_box { --box-color:#50B848; }
#career .career_box_wrap._staff .unit_wrap._1 .career_box .content { height:360px; }
#career .career_box_wrap._staff .unit_wrap._2 .career_box .content { height:420px; }
#career .career_box_wrap._staff .unit_wrap._3 .career_box .content { height:460px; }
#career .career_box_wrap._leader .unit_wrap._1 .career_box .content { height:440px; }
#career .career_box_wrap._leader .unit_wrap._2 .career_box .content { height:500px; }
#career .management_box_wrap .management_box_col .management_box._c1 { --box-color:#DFE815; }
#career .management_box_wrap .management_box_col .management_box._c2 { --box-color:#A6CE39; }
#career .management_box_wrap .management_box_col .management_box._c3 { --box-color:#50B848; }
#career .management_box_wrap .management_box_col .management_box .content .content_inner._c1 { background:#F9FBD5; }
#career .management_box_wrap .management_box_col .management_box .content .content_inner._c2 { background:#F1F7DF; }
@media (max-width:1024px) {
	#career .career_box_wrap { flex-direction:column; }
	#career .career_box_wrap .unit_wrap { width:100%; }
	#career .career_box_wrap .unit_wrap:not(:last-child) { margin-bottom:20px; }
	#career .career_box_wrap .unit_wrap .career_box .content { height:auto!important; }
	#career .career_box_wrap .unit_wrap .career_box_top::before { width:135px; height:135px; }
	#career .career_box_wrap .unit_wrap .career_box_top .main { padding:40px 0 30px; }
	#career .management_box_wrap { flex-direction:column; }
	#career .management_box_wrap .management_box_col { padding-top:0; }
	#career .management_box_wrap .management_box_col::before,
	#career .management_box_wrap .management_box_col::after { display:none!important; }
	#career .management_box_wrap .management_box_col .management_box_unit { padding-left:40px; position:relative; }
	#career .management_box_wrap .management_box_col .management_box .content .content_inner { height:auto; }
	#career .management_box_wrap .management_box_col .management_box .title { height:auto; }
	#career .management_box_wrap .management_box_col .management_box .title br { display:none; }
	#career .management_box_wrap .management_box_col  .management_box_unit { padding-bottom:40px!important; }
	#career .management_box_wrap .management_box_col:last-child .management_box_unit:last-child { padding-bottom:0!important; }
	#career .management_box_wrap .management_box_col .management_box_unit:not(:last-child)::before { width:55px; height:55px; bottom:40px; left:calc(50% + 20px); }
	#career .management_box_wrap .management_box_col .management_box_unit::after { content:""; display:block; width:30px; height:100%; left:0; top:0; border-style:solid; border-color:#8C8C8C; position:absolute; border-width:0 0 0 4px; }
	#career .management_box_wrap .management_box_col:first-child .management_box_unit:first-child::after { height:50%; top:auto; bottom:0; border-radius:20px 0 0 0; border-top-width:4px; }
	#career .management_box_wrap .management_box_col:last-child .management_box_unit:first-child::after { height:50%; border-radius:0 0 0 20px; border-bottom-width:4px; }
	#career .management_box_wrap .management_box_col:last-child .management_box_unit:not(:first-child)::after { display:none; }
	#career .management_box_wrap .management_box_col .management_box_unit .sp_line { position:absolute; width:30px; height:4px; background:#8C8C8C; display:block; left:0; top:50%; transform:translateY(-50%); }
	#career .management_box_wrap .management_box_col .management_box_unit:not(:last-child) .content .content_inner { padding-bottom:25px; }
}

/*----------------------------
about
----------------------------*/
#about .about_case_bg { background:url(../image/contents/about/about_case_bg.png) repeat left top / 20px auto; }
#about .about_case_list { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; margin-bottom:-20px; }
#about .about_case_list .about_case_unit_wrap { padding:0 10px; padding-bottom:20px; }
#about .about_case_list .about_case_unit_wrap .about_case_unit { position:relative; width:100%; height:200px; }
#about .about_case_list .about_case_unit_wrap .about_case_unit .about_case_unit_inner { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; background:#fff url(../image/contents/about/cursor.png) no-repeat bottom 5px right 5px / 40px auto; border:6px solid #C3C3C3; border-radius:10px; backface-visibility:hidden; transition:transform .4s; font-weight:bold; }
#about .about_case_list .about_case_unit_wrap .about_case_unit .about_case_unit_inner._back { border-color:#DCE933; transform:rotateY(180deg); }
#about .about_case_list .about_case_unit_wrap .about_case_unit.is-active .about_case_unit_inner._back { transform:rotateY(360deg); }
#about .about_case_list .about_case_unit_wrap .about_case_unit.is-active .about_case_unit_inner._front { transform:rotateY(180deg); }
#about .about_message_list { display:flex; flex-wrap:wrap; justify-content:center; width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; }
#about .about_message_list .about_message_unit_wrap { width:50%; padding:0 15px; }
#about .about_message_list .about_message_unit_wrap .about_message_unit .message_head { position:relative; margin-bottom:10px; min-height:200px; }
#about .about_message_list .about_message_unit_wrap .about_message_unit .message_head .image { width:155px; position:absolute; top:20px; right:0; border-radius:24px 0 24px 0; overflow:hidden; }
#about .about_message_list .about_message_unit_wrap .about_message_unit .message_head .label { background:linear-gradient(to right, #42B334, #DFE915); padding:20px; color:#fff; font-weight:bold; font-size:1.25em; line-height:1.3; text-shadow:0 0 4px rgba(0,0,0,.25); border-radius:25px 0 0 0; width:calc(100% - 20px); }
#about .about_message_list .about_message_unit_wrap .about_message_unit .message_head .name { padding:20px; color:#555555; font-size:1.25em; width:calc(100% - 20px); }
#about .about_message_list .about_message_unit_wrap .about_message_unit .message_head .label .main,
#about .about_message_list .about_message_unit_wrap .about_message_unit .message_head .name .main { display:block; width:calc(100% - 130px); }
#about .about_message_list .about_message_unit_wrap .about_message_unit .message_cont .title { margin-bottom:10px; }
#about .about_message_list .about_message_unit_wrap .about_message_unit .message_cont .title .main { font-weight:bold; font-size:1.5em; color:#555555; }
#about .about_message_list .about_message_unit_wrap .about_message_unit .message_cont .comment { font-size:1.1em; margin-bottom:20px; position:relative; }
#about .about_message_list .about_message_unit_wrap .about_message_unit:not(.is-active) .message_cont .comment { max-height:200px; overflow:hidden; }
#about .about_message_list .about_message_unit_wrap .about_message_unit:not(.is-active) .message_cont .comment::before { content:""; width:100%; height:60px; background:linear-gradient(to top, #fff, transparent); display:block; position:absolute; bottom:0; left:0; z-index:1; }
@media (min-width:1201px) {
	#about .about_case_list .about_case_unit_wrap { width:25%; }
	#about .about_case_list .about_case_unit_wrap:nth-child(1) { margin-left:calc(25% / 2); }
	#about .about_case_list .about_case_unit_wrap:nth-child(3) { margin-right:calc(25% / 2); }
}
@media (max-width:1200px) and (min-width:992px) {
	#about .about_case_list .about_case_unit_wrap { width:33.333%; }
	#about .about_case_list .about_case_unit_wrap:nth-child(1) { margin-left:calc(33.333% / 2); }
	#about .about_case_list .about_case_unit_wrap:nth-child(2) { margin-right:calc(33.333% / 2); }
}
@media (max-width:991px) {
	#about .about_case_list .about_case_unit_wrap { width:50%; }
	#about .about_message_list { flex-direction:column; }
	#about .about_message_list > * { width:100%!important; }
	#about .about_message_list > *:not(:last-child) { margin-bottom:40px; }
}
@media (max-width:767px) {
	#about .about_case_list { width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	#about .about_case_list .about_case_unit_wrap { padding:0 5px 5px; }
	#about .about_case_list .about_case_unit_wrap .about_case_unit { height:120px; }
	#about .about_case_list .about_case_unit_wrap .about_case_unit .about_case_unit_inner { border-width:4px; font-size:.8em; line-height:1.4; background-size:25px auto; }
}









/*  */