@charset "UTF-8";
.biz-sec { background-color: rgba(51,51,51,.1);}
#business { overflow: hidden;}.biz-text-area { padding: 3.5vw;}#biz-comment img,.biz-text img { width: auto; max-width: 100%; height: auto;}
.biz-text-area h2 { background-color: #ffffff; border-left: solid 3px #ffb400; padding: .5vw .5vw .5vw .8vw;}
#recruitment h2{ display: flex; justify-content: center; align-items: center; color:#ffb400;	font-size: 200%;}#recruitment h2::before,#recruitment h2::after { width: 3px; height: 40px; background-color:#ffb400; content: '';}#recruitment h2::before { transform: rotate(-35deg); margin-right: 30px;}#recruitment h2::after { transform: rotate(35deg); margin-left: 30px;}.recruitment-txt{ background-color: rgb(255,180,0,10%); border-radius: 15px; padding: 2rem 4rem;}.recruitment-txt p{ font-size: 120%; line-height: 1.8;}#item{ background-size:cover;}#item h2{ position: relative; color: #333; text-shadow: 0 0 2px white;}#item h2:before { content: ""; position: absolute; background: rgb(255,180,0,25%); width: 50px; height: 50px; border-radius: 50%; top: 50%; /* border: dashed 1px white; */ left: -15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 0;}#item h2 span{ color: #ffb400; position: relative;}
#item img {border-radius: 50%;	border: 5px solid #fff;	height: 15rem;	width: 15rem;	object-fit: cover; box-shadow: 2px 2px 10px rgb(0,0,0,25%);}
.item_text{ width: 70%; border-radius: 15px; background-color: rgb(255, 255, 255, 75%); display: block; margin: 1rem auto; position: relative; margin-top: -2vw; box-shadow: 1px 1px 5px rgb(0 0 0 / 25%);}.item_text p a{ color:#ffb400;}
#job-text span,
#anxiety span {color: #5E2700;	font-size: 120%;	font-weight: 600;}
#anxiety h3 { color: #ffb400; width: 31rem; background-image: radial-gradient(#ffb400 30%, transparent 30%); background-size: 0.75rem 0.75rem; background-position: bottom; background-repeat: repeat-x; display: block; margin: 0 auto;}#jobstyle-contents{ background-size:contain; background-position: bottom; background-repeat: no-repeat;}#jobstyle-contents dd {font-size: 90%;	padding-left:1em;	text-indent:-0.8em;	line-height: 1.5;	padding-bottom: .5rem;	margin-bottom: 1rem;	border-bottom: 2px dotted #333;}
#anxiety i {color: #F9973E;}#anxiety dl{ background-color: rgb(255 193 7 / 5%); border: solid 2px #ffc107; border-radius: 15px;}ul.check_list{ border: solid 1px #e8e8e8; border-radius: 15px;}.kengaku{ background-color: #ffb400;}
#support li > div{color: #fff;	font-size: 80%;	font-weight: 500;	border-radius: 20px;	padding: .25rem 1rem;	margin-bottom: 1rem;}#support01 {background-color: #FFB400;}#support02 {background-color: #00AAFF;}#support03 {background-color: #F50004;}#support04 {background-color: #00c932;}#support05 {background-color: #FF0080;}#support06 {background-color: #9900FF;}
#info table {width: 100%;	border: 1px solid #333;}#info table td{width: 70%;	background-color: #fcf8ed;	border: 1px solid #333;	padding: .5rem 1rem;}#info table td:first-child{width: 30%;	background-color: #FCE9C5;}
#info h2 {position: relative;	padding-bottom: .5rem;	margin-bottom: 2rem;}#info h2:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; content: ""; opacity: 0.6; background-image: repeating-linear-gradient(-45deg, #FFB400, #FFB400 1px, transparent 1px, transparent 3px); background-size: 4px 4px; -webkit-backface-visibility: hidden; backface-visibility: hidden;}img.job_icon{ width:50px;}@media (min-width: 768px){ .biz-text-area { padding: 3vw; height: 100%; } .biz-text-area h2 { font-size: 140%; } .biz-text-area h3 { font-size: 120%; margin-bottom: 0; } .biz-text-area h4 { font-size: 110%; margin-bottom: 0; }}@media (min-width: 1200px){ .item_text{ width: 100%; } #recruitment h2, #anxiety h3{ font-size: 1.6rem; } #item h2 span{ font-size: 1.4rem; } #recruitment p, #jobstyle-contents p, .item_text p{ font-size: 1rem; } li:nth-child(-n+3) .item_text{ height:12rem; } li:nth-last-of-type(-n+3) .item_text{ height:10rem; }}@media (min-width: 1300px){ .biz-text-area, #anxiety ul li{ font-size: 1.1rem; } li:nth-child(-n+3) .item_text{ height:13rem; }}
@media (max-width: 767px){ .biz-text-area h2 { font-size: 120%; } .biz-text-area h3 { font-size: 105%; } .biz-text-area h4 { font-size: 100%; } .item_text{ width: 100%; margin-top: -2vw; } #anxiety h3{ width: 100%; font-size: 140%; }}@media (max-width: 575px){ .index-header::after { bottom: 4vw; } #greeting { line-height: 6vw; }
}