/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ページヘッダー（career-pathページ固有のカスタマイズ）
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.page-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23a855f7" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23a855f7" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%23a855f7" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="%23a855f7" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="%23a855f7" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
  opacity: 0.3;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
メインコンテンツ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.block462__content {
width: 1120px;
margin: 0 auto;
padding: 75px 0;
line-height: 1.5;
}
@media (max-width: 1120px) {
.block462__content {
  width: auto;
  margin: 0 10px;
}
}
@media (max-width: 768px) {
.block462__content {
  padding: 35px 0;
}
}
.block462__header {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.block462__header {
  margin-bottom: 10px;
}
}
.block462__headerHeadline {
text-align: center;
}
.block462__headerHeadline h2 {font-size: 2rem;font-weight: bold;}
@media (max-width: 768px) {
.block462__headerHeadline h2 {
  font-size: 28px;
}
}
.block462__headerHeadline p {
width: 200px;
font-size: 20px;
padding: 0 10px;
position: relative;
margin: 0 auto;
background-color: #fff;
}
@media (max-width: 768px) {
.block462__headerHeadline p {
  width: 150px;
  font-size: 16px;
}
}
.block462__headerHeadline p:before {
width: 30%;
height: 2px;
background-color: #000;
content: "";
display: block;
position: absolute;
top: 15px;
left: -10px;
}
@media (max-width: 768px) {
.block462__headerHeadline p:before {
  top: 10px;
}
}
.block462__headerHeadline p:after {
width: 30%;
height: 2px;
background-color: #000;
content: "";
display: block;
position: absolute;
top: 15px;
right: -10px;
}
@media (max-width: 768px) {
.block462__headerHeadline p:after {
  top: 10px;
}
}












.block463__content {
width: 1120px;
margin: 0 auto;
padding: 35px 0;
line-height: 1.5;
}
@media (max-width: 1120px) {
.block463__content {
  width: auto;
  margin: 0 10px;
}
}
.block463__bodyCaram {
display: flex;
margin: 0 -30px;
margin-bottom: 150px;
}
@media (max-width: 1200px) {
.block463__bodyCaram {
  margin-left:0;
margin-right:0;
}
}
@media (max-width: 768px) {
.block463__bodyCaram {
  margin-bottom: 75px;
  display: block;
}
}
.block463__bodyCaram:last-child {
margin-bottom: 0;
}
.block463__bodyCaram.--reverse {
flex-direction: row-reverse;
}
.block463__bodyItem {
flex-basis: 50%;
padding: 0 30px;
}
@media (max-width: 768px) {
.block463__bodyItem {
  padding: 15px 0;
}
}
.block463__bodyImage img {
width: 100%;
border-radius: 50px;
}
@media (max-width: 768px) {
.block463__bodyImage img {
  width: 300px;
  display: block;
  margin: 0 auto;
}
}
.block463__bodyBlock {
margin-bottom: 40px;
}
@media (max-width: 768px) {
.block463__bodyBlock {
  margin-bottom: 20px;
}
}
.block463__bodyBlock:last-child {
margin-bottom: 0;
}
.block463__bodyHeadline {
margin-bottom: 40px;
}
@media (max-width: 768px) {
.block463__bodyHeadline {
  margin-bottom: 20px;
}
}
.block463__bodyHeadline span {
color: #fff;
padding: 5px 40px;
font-weight: bold;
font-size: 20px;
border-radius: 50px;
line-height: 1.5;
}
@media (max-width: 768px) {
.block463__bodyHeadline span {
  padding: 5px 20px;
  font-size: 18px;
}
}
.block463__bodyHeadline span.green {
background-color: #8DC663;
}
.block463__bodyHeadline span.blue {
background-color: #3CA5FF;
}
.block463__bodyHeadline span.purple {
background-color: #A086D1;
}
.block463__bodyHeadline h3 {
line-height: 1.5;
margin-top: 20px;
font-size: 1.6rem;
font-weight: bold;
}
@media (max-width: 768px) {
.block463__bodyHeadline h3 {
  font-size: 24px;
}
}
.block463__bodyHeadline h3.green {
color: #8DC663;
}
.block463__bodyHeadline h3.blue {
color: #3CA5FF;
}
.block463__bodyHeadline h3.purple {
color: #A086D1;
}
.block463__bodyHeadline2 {
position: relative;
margin-bottom: 10px;
}
.block463__bodyHeadline2 h4 {
font-size: 24px;
font-weight: bold;
display: inline-block;
position: relative;
z-index: 1;
background-color: #fff;
}
@media (max-width: 768px) {
.block463__bodyHeadline2 h4 {
  font-size: 20px;
}
}
.block463__bodyHeadline2 span {
display: block;
width: 100%;
height: 100%;
background-image: linear-gradient(to right, #000 3px, transparent 3px);
background-size: 20px 3px;
background-repeat: repeat-x;
background-position: left center;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}





.block464__bodyImage {
margin-bottom:40px;
}
@media (max-width: 768px) {
.block464__bodyImage {
margin-bottom:20px;
}
}

.block464__bodyImage img {
width: 50%;
display: block;
margin: 0 auto;
}

@media (max-width: 768px) {
.block464__bodyImage img {
width: 100%;
}
}




.block465__content {
width: 1120px;
margin: 0 auto;
padding: 75px 0;
line-height: 1.5;
}
@media (max-width: 1120px) {
.block465__content {
  width: auto;
  margin: 0 10px;
}
}
@media (max-width: 768px) {
.block465__content {
  padding: 35px 0;
}
}
.block465__body {
margin-bottom: 40px;
}
@media (max-width: 768px) {
.block465__body {
  margin-bottom: 20px;
}
}
.block465__bodyCaram {
display: flex;
margin: 0 -25px;
}
@media (max-width: 1200px) {
.block465__bodyCaram {
  margin: 0px;
}
}
@media (max-width: 768px) {
.block465__bodyCaram {
  display: block;
  width: 500px;
  margin: 0 auto;
}
}
@media (max-width: 600px) {
.block465__bodyCaram {
  width: auto;
}
}
.block465__bodyItem {
flex-basis: 33.333%;
padding: 0 25px;
}
@media (max-width: 768px) {
.block465__bodyItem {
  padding: 25px 0;
}
.block465__bodyItem:last-child {
  padding: 25px 0 0 0;
}
}
.block465__bodyImage {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.block465__bodyImage {
  margin-bottom: 10px;
}
}
.block465__bodyImage img {
width: 100%;
display: block;
}
@media (max-width: 600px) {
.block465__bodyImage img {
  width: 300px;
  margin: 0 auto;
}
}
.block465__bodyHeadline {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.block465__bodyHeadline {
  margin-bottom: 10px;
}
}
.block465__bodyHeadline h3 {
font-weight: bold;
padding: 10px 0;
color: #fff;
font-size: 24px;
text-align: center;
line-height: 1.5;
border-radius: 50px;
}
@media (max-width: 768px) {
.block465__bodyHeadline h3 {
  font-size: 20px;
}
}
.block465__bodyHeadline h3.purple {
background-color: #B99CCB;
}
.block465__bodyHeadline h3.yellow {
background-color: #E3C72D;
}
.block465__bodyHeadline h3.pink {
background-color: #EFA76A;
}
.block465__bodyBlock {margin-bottom: 40px;height: auto;}

@media (max-width: 768px) {
.block465__bodyBlock {
margin-bottom: 20px;
height: auto;
}
}
.block465__bodyBlock:last-child {
margin-bottom: 0;
height: auto;
}
.block465__bodyHeadline2 {
margin-bottom: 10px;
}
.block465__bodyHeadline2 h4 {
font-size: 22px;
font-weight: bold;
}
@media (max-width: 768px) {
.block465__bodyHeadline2 h4 {
  font-size: 18px;
}
}
.block465__bodyHeadline2 h4.purple {
color: #B99CCB;
}
.block465__bodyHeadline2 h4.yellow {
color: #E3C72D;
}
.block465__bodyHeadline2 h4.pink {
color: #EFA76A;
}
.block465__bodyList li {
list-style: disc;
margin-left: 20px;
}


.block463__bodyHeadline2 span {
  margin-left: 60px;
}

.block463__bodyHeadline2 h4 {
  background-color: transparent;
}

.block463__bodyHeadline2 span {
  width: calc(100% - 60px);
}

.block462 .background {
  width: 5000px;
  height: 1000px;
  background-color: #EFEFEF;
  transform: rotate(-20deg);
  position: absolute;
  top: 0px;
  left: -300px;
}

.block462__content {
  position: relative;
  z-index: 1;
}

.block462 {
  position: relative;
}

span.small-text {
  font-size: 14px;
  width: 100%;
  display: block;
}