@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=M+PLUS+Rounded+1c&family=Noto+Serif+JP:wght@400;700&family=Zen+Kaku+Gothic+Antique&family=Zen+Kaku+Gothic+New:wght@300;400&display=swap");

h2 {
	position: relative;
	display: inline-block;
}
h2::before {
  content: url(/company/recruit/adoption_detail/images/common/h2_mark.png);
  position: relative;
  top: 0;
  margin-right: 10px;
}
h2::after {
  content: "";
}

.zaku2, section.workstyle .view_box .flex .history .history_block ul li .age b, section.workstyle .view_box .flex .history .history_block ul li .age strong {
  font-family: 'Zen Kaku Gothic New', sans-serif;
}


.side_main_title {
  text-align: center;
}
.topmessageBlock {
    margin: 50px auto 0;
}
.topmessageBlock img {
    margin: 0 auto;
    display: block;
}
.topmessageBlock p {
    margin: 6% auto;
    font-size: 1.3rem;
    letter-spacing: 2.8px;
    line-height: 1.4;
}
.topmessageBlock h2 {
	text-align: center;
	margin-bottom: 55px;
	display: inline-block;
  }
.topmessageBlock .topmessage {
	background-image:url("/company/recruit/adoption_detail/images/topmessage/bg.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-color:#f6f6f4;
	background-position: right 50%;
}
.topmessageBlock .topmessage .inblock {
	max-width: 1020px;
	font-family: 'Noto Serif JP', serif;
	margin:auto;
	padding: 8% 0;
}
.topmessageBlock .topmessage .inblock .text-block {
	background: white;
	padding: 4% 2% 4% 4%;
	width: 62%;
	margin: 3% 0 3%;
}
.topmessageBlock .topmessage .inblock .text-block h3 {
  background: rgb(0,88,255);
  background: linear-gradient(90deg, rgba(0,88,255,1) 0%, rgba(0,115,255,1) 33%, rgba(0,155,255,1) 67%, rgba(0,219,255,1) 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-family: 'Zen Kaku Gothic Antique', sans-serif;
  text-align:left;
}
.topmessageBlock .topmessage .inblock .text-block h3 img {
	margin:0;
}
.topmessageBlock .topmessage .inblock .text-block .shomei {
	display:flex;
	justify-content: flex-end;
	align-items:center;
}
.topmessageBlock .topmessage .inblock .text-block .shomei span {
	font-size:1.5rem;
	padding: 0 5%;
}
@media screen and (max-width:1200px) {
  .topmessageBlock .topmessage .inblock .text-block {
    margin-right: 35%;
  }
}/*1200px media*/

@media screen and (max-width:1024px) {
  .topmessageBlock .topmessage .inblock .text-block {
    margin: 25% auto 0;
  }
}
@media screen and (max-width:1024px) {
  .topmessageBlock {
    width: 100%;
    padding: 0 2%;
  }
  .topmessageBlock .topmessage {
    padding-top:40vh;
    /* background-position: 0 0; */
	background-image:url("/company/recruit/adoption_detail/images/topmessage/bg_sp.jpg");
    background-repeat:no-repeat;
    background-color:white;
    background-size:150%;
    background-position: center top;	
  }
  .topmessageBlock .topmessage .inblock {
    width:100%;
  }
  .topmessageBlock .topmessage .inblock .text-block {
    width:90%;
    margin: 25% auto 0;  
	box-shadow:5px 4px 5px rgba(0,0,0,.3);
  }
	.topmessageBlock p {
		width: 100%;
	}
}
@media screen and (max-width:750px) {
.topmessageBlock p {
  font-size: 3vw;
 }
 .topmessageBlock p br {
   display: none;
 }
 .topmessageBlock .topmessage {
   padding-top:30vh;
 }
 .topmessageBlock .topmessage .inblock .text-block {
	 margin: 25% auto 0;
       padding: 10%;
 }
 .topmessageBlock .topmessage .inblock .text-block h3 {
   font-size: 6vw;
    line-height: 150%;
    margin-bottom:15%;
 }
  .topmessageBlock .topmessage .inblock .text-block .shomei {
    align-items: flex-start;
    flex-direction: column;
  }
  .topmessageBlock .topmessage .inblock .text-block .shomei span {
    padding:5% 0;
  }
}