@charset "utf-8";
/* CSS Document */

.oshu_box .inside {
background: url("../images/roots_bg.png") no-repeat top right 12%;
}

.oshu_box h3 {
margin-top: 30px;
margin-bottom: 60px;
font-size: clamp(1.125rem, 0.25rem + 1.46vw, 2rem);
line-height: 280%;
color: #FFFFFF;
}

.oshu_box h3 span {
background: linear-gradient(transparent 0%, #0E1E4F 0%);
padding: 10px 15px;
}

.oshu_box ul {
margin-top: 40px;
display: flex;
}

.oshu_box li:first-child {
width: 40%;
max-width: 400px;
margin-right: 5%;
}

.oshu_box li:last-child {
width: 55%;
max-width: 400px;
}

.oshu_box .btn a {
width: 100%;
height: 60px;
padding-right: 40px;
box-sizing: border-box;
border: solid 1px #0093E7;
text-decoration: none;
font-weight: bold;
line-height: 160%;
text-align: center;
color: #0093E7;
font-size: clamp(0.875rem, 0.125rem + 1.25vw, 1.063rem);
display: flex;
align-items: center;
justify-content: center;
position: relative;
}

.oshu_box .btn a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  height: 100%;
  margin: auto;
  border-right: solid 1px #0093E7;
}

.oshu_box .btn a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #0093E7;
  border-right: 2px solid #0093E7;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.oshu_box2 .inside {
background: #0093E7;
}

#contents section.oshu_box2 h4 {
color: #FFFFFF;
}

.oshu_box2 .lead {
text-align: center;
margin-bottom: 30px;
line-height: 180%;
font-size: 90%;
color: #FFFFFF;
}

.oshu_box2 .lead a {
color: #FFFFFF;
}

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

.oshu_box2 li {
width: 31.3%;
margin: 0 1% 2%;
border: solid 1px #0093E7;
box-sizing: border-box;
background: #FFFFFF;
font-size: 90%;
line-height: 180%;
}

.oshu_box2 li img {
width: 100%;
height: 200px;
object-fit: cover;
border-bottom: solid 1px #0093E7;
}

.oshu_box2 li p.title {
padding: 20px 20px 10px;
background: #FFFFFF;
color: #0093E7;
font-size: clamp(1rem, 1.67vw, 1.25rem);
line-height: 160%;
font-weight: bold;
text-align: center;
}

.oshu_box2 li p {
padding: 0 20px 20px;
}

#contents section.mid-career_box dl.table dl {
  border-bottom: none;
}
#contents section.mid-career_box dl.table dl dt,
#contents section.mid-career_box dl.table dl dd {
  padding: 15px 0 0 0;
  border-top: none;
}
#contents section.mid-career_box dl.table dl dt {
  width: 12em;
}
#contents section.mid-career_box dl.table dl dd {
  margin-left: 12em;
}

#contents section.mid-career_box ul {
display: flex;
justify-content: space-between;
margin-top: 5.2%;
}

#contents section.mid-career_box li {
width: 23%;
text-align: center;
font-size: 90%;
line-height: 160%;
}

#contents section.mid-career_box li img {
margin-bottom: 5px;
}

.message_box .inbox {
margin: 30px 0;
padding: 35px 40px 15px;
background: #DCF0FC;
font-size: 110%;
font-weight: bold;
color: #0093E7;
}

.message_box .inbox p {
margin-bottom: 15px;
}

.message_box ul {
margin-top: 8%;
padding: 4%;
background: #0093E7;
display: flex;
justify-content: space-between;
}

.message_box li {
width: 32%;
}

.message_box li img {
width: 100%;
}

.message_box li p {
padding: 15px;
background: #FFFFFF;
color: #0093E7;
font-size: clamp(1rem, 1.67vw, 1.25rem);
line-height: 160%;
font-weight: bold;
text-align: center;
border-top: solid 1px #0093E7;
}

.message_box li a {
text-decoration: none;
}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
.pt{display: block;}
.pc{display: none;}
.ps{display: none;}
.tb{display: block;}
.ts{display: block;}
.sp{display: none;}



}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
.pt{display: none;}
.pc{display: none;}
.ps{display: block;}
.tb{display: none;}
.ts{display: block;}
.sp{display: block;}

.oshu_box .inside {
background-size: 100%;
}

.oshu_box h3 {
font-size: 100%;
margin-bottom: 30px;
margin-top: 100px;
}

.oshu_box h3 span {
padding: 8px 12px;
}

.oshu_box ul {
margin-top: 30px;
display: block;
}

.oshu_box li:first-child {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}

.oshu_box li:last-child {
width: 100%;
}

.oshu_box .btn a {
width: 100%;
}

.oshu_box2 ul {
display: block;
}

.oshu_box2 li {
width: 100%;
margin: 0 0 20px;
}

.oshu_box2 li img {
height: 160px;
}

.oshu_box2 li p.title {
font-size: 110%;
}

.oshu_box2 li p {
line-height: 180%;
}

#contents section.mid-career_box dl.table dl {
width: 100%;
}

#contents section.mid-career_box dl.table dl dt {
  width: 100%;
  float: none;
}
#contents section.mid-career_box dl.table dl dd {
  margin-left: 0;
  padding: 0;
}

#contents section.mid-career_box ul {
flex-wrap: wrap;
margin-top: 0;
}

#contents section.mid-career_box li {
width: 48%;
margin-top: 30px;
}

.message_box .inbox {
padding: 25px 30px 5px;
}

.message_box .inbox p {
line-height: 160%;
}

.message_box ul {
margin-top: 30px;
padding: 20px;
display: block;
}

.message_box li {
width: 100%;
margin-bottom: 20px;
}

.message_box li:last-child {
margin-bottom: 0;
}

.message_box li a {
height: 120px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.message_box li img {
width: 50%;
height: 120px;
object-fit: cover;
}

.message_box li p {
width: 50%;
height: 120px;
border-top: none;
border-left: solid 1px #0093E7;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}

}