@charset "utf-8";

.h2TitEn .num,
.h2TitEn .en{
 color: var(--blue2);
}

.txts p{
 font-size: 14px;
 font-weight: 500;
 line-height: 2.1;
}

/*--------------------
   culture
----------------------*/
.mainTitle{
 /* 画面を狭めた際に左固定で切れないよう、ENTRYと同様に中央基準へ変更 2026-06-27 */
 background: url("../images/culture_mv.jpg") no-repeat center top/cover;
}
.mainTitle h1 .en{
 font-weight: 600;
 letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {/* SP */


}/*-SP only-*/

/****/
#culture01{
 padding-top: 130px;
 padding-bottom: 107px;
}
#culture01 p{
}
@media screen and (min-width: 769px) {
 #culture01{
  flex-flow: row-reverse;
  align-items: center;
 }
 #culture01 .txts{
  width: 37.5%;
  max-width: 413px;
 }
 #culture01 figure{
  width: 52%;
  max-width: 569px;
 }
}/*-PC only-*/

@media screen and (max-width: 768px) {/* SP */
#culture01{
 padding-top: 80px;
 padding-bottom: 80px;
}
 #culture01 figure{
  margin: 40px auto 0;
 }
}/*-SP only-*/

/****/
#training{
 padding-top: 169px;
 padding-bottom: 147px;
}
@media screen and (min-width: 769px) {
 #training .txts{
  width: 45.6%;
  max-width: 547px;
 }
 #training figure{
  width: 47.5%;
  max-width: 569px;
 }
}/*-PC only-*/

#training h2{
 margin-bottom: 100px;
}
#training h3{
 margin-bottom: 40px;
 color: var(--blue2);
 font-size: 24px;
 font-weight: 900;
}

#training ul{
 background: #fff;
 margin-top: 40px;
 padding: 40px 0 36px 34px;
}
#training ul li{
 position: relative;
 padding: 0 0 0 1.5em;
 margin-bottom: 12px;
 font-weight: 500;
}
#training ul li::before{
 content: "●";
 display: block;
 color:var(--blue2);
 position: absolute;
 top: 0;
 left: 0;
}

@media screen and (max-width: 768px) {/* SP #training*/
#training{
 padding-top: 80px;
 padding-bottom: 80px;
}
#training h2{
 margin-bottom: 40px;
}
#training h3{
 margin-bottom: 25px;
 font-size: min(5vw,24px);
}
#training ul{
 margin-top: 30px;
 padding: 30px 15px 20px 20px;
}

 #training figure{
  margin: 30px auto 0;
 }
}/*-SP only-*/

/****/
#career{
 padding-top: 155px;
 padding-bottom: 160px;
}

@media screen and (min-width: 769px) {
 #career .ttlArea{
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 60px;
 }
 #career .ttlArea h2{
  width: 47%;
  max-width: 581px;
  margin-bottom: 0;
 }
 #career .ttlArea .txts{
  width:53% ;
 }
}/*-PC only-*/

#career .ttlArea h3{
 margin-bottom: 30px;
 color: var(--blue2);
 font-size: 24px;
 font-weight: 900;
}
#career ul{}
@media screen and (min-width: 769px) {
 #career ul li{
  width: 30.8%;
  max-width: 381px;
 }
 #career ul li + li::before{
  content: "";
  background-color: var(--blue);
  width: 19px;
  height: 30px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
 position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  margin: auto 12px auto 0;
 }
}/*-PC only-*/
#career ul li{
 position: relative;
 background: #f5f5f5;
 padding: 40px 33px 45px;
 text-align: center;
}
#career ul li h3{
 margin-bottom: 20px;
 font-size: 14px;
 text-align: center;
}
#career ul li h3 img{
 margin: 0 auto 10px;
}
#career ul li h3 span{
 display: block;
 margin-bottom: 18px;
 color: var(--blue2);
 font-size: 24px;
 font-weight: 900;
}
#career ul li h3::after{
 content: "";
 display: block;
 width: 35px;
 height: 1px;
 background: #C9C9C9;
 margin: 20px auto 0;
}
#career ul li p{
 font-size: 14px;
 font-weight: 500;
}

@media screen and (max-width: 768px) {/* SP #career*/
#career{
 padding-top: 80px;
 padding-bottom:80px;
}

 #career ul li{
 margin-top: 40px;
 padding: 25px 20px 35px;
 }
 #career ul li + li::before{
  content: "";
  background-color: var(--blue);
  width: 30px;
  height: 19px;
clip-path: polygon(0 0, 50% 100%, 100% 0);
 position: absolute;
 bottom: 100%;
 left: 0;
 right: 0;
 margin:0 auto 10px;
 }
}/*-SP only-*/

/****/
#license{
 padding-top: 109px;
 padding-bottom: 116px;
}
#license *{
 color: #fff;
}
#license .inner{
 max-width: 1210px;
}
@media screen and (min-width: 769px) {
 #license .txts{
  width: 41.5%;
  max-width: 502px;
 }
 #license figure{
  width: 50%;
  max-width: 605px;
 }
}/*-PC only-*/

#license h2{
 margin-bottom: 30px;
 font-size: 30px;
 font-weight: 900;
}
#license h2 span{
 display: block;
 margin-bottom: 30px;
 color: #97E8FF;
 font-size: 16px;
 font-weight: 700;
}
#license .txts p{
 margin-bottom: 85px;
}
#license dl{
 background: rgba(255,255,255,.2);
 margin-top: 26px;
 padding:30px 10px 28px 35px;
}
#license dt{
 color: #97E8FF;
 font-size: 14px;
 font-weight: 700;
}
#license dd{
 font-size: 24px;
 font-weight: 700;
}
#license dd span{
 display: block;
 font-size: 16px;
 font-weight: 400;
}

@media screen and (max-width: 768px) {/* SP #license*/
 #license{
 padding-top: 80px;
 padding-bottom: 80px;
}
#license .txts p{
 margin-bottom: 40px;
}
#license dl{
 margin-top: 20px;
 padding:20px 20px ;
}
#license dt{
}
#license dd{
 font-size:min(5vw,24px) ;
}
#license dd span{
 font-size: 80%;
}
 #license figure{
  margin: 30px 0 0;
 }
}/*-SP only-*/

/****/
#welfare{
 padding-top: 130px;
 padding-bottom: 170px;
}
#welfare > p{
 font-weight: 500;
}
#welfare ul {
 margin-top: 40px;
}
@media screen and (min-width: 769px) {
 #welfare ul{
  gap:19px 37px;
 }
 #welfare ul li{
  width: calc((100% - 37px*2)/3);
 }
}/*-PC only-*/
#welfare ul li{
 background: var(--LLblue2);
 padding: 25px 10px 25px 32px;
 font-size: 22px;
 font-weight: 500;
 text-align: left;
 line-height: 1.36;
}
#welfare ul li span{
 display: block;
 margin-top: 8px;
 font-size: 16px;
}

#welfare .bgLgray{
 margin-top: 96px;
 padding: 50px 5% 75px;
}
#welfare .bgLgray h3{
 margin-bottom: 35px;
 color: var(--blue2);
 font-size: 32px;
 text-align: center;
}
#welfare .bgLgray p{
 font-weight: 700;
 text-align: center;
 line-height: 2.2;
}

@media screen and (max-width: 768px) {/* SP #welfare */
 #welfare ul{
  gap:10px 10px;
 }
#welfare ul li{
 min-width: 160px;
 max-width: calc((100% - 20px)/3);
 padding: 20px 15px;
 font-size: min(4.2vw,22px);
 line-height: 1.4;
}
#welfare ul li span{
 display: block;
 margin-top: 5px;
 font-size: min(3.2vw,16px);
}
 
#welfare .bgLgray{
 margin-top: 50px;
 padding: 30px 5% 40px;
}
#welfare .bgLgray h3{
 margin-bottom: 30px;
 font-size:min(6vw,32px) ;
}
}/*-SP only-*/

/****/
#location{
 padding-bottom: 195px;
}
#location .mv{
 margin: 0 0 95px;
}
#location .inner{
 max-width: 1186px;
}
@media screen and (min-width: 769px) {
 #location .pcFlex{
  align-items: flex-end;
 }
 #location .txts{
  width: 49%;
 }
 #location .support{
  width: 42%;
  max-width: 498px;
 }
}/*-PC only-*/


#location .support{
 background: var(--LLblue2);
 padding: 44px 20px 40px 40px;
}
#location .support h3{
 margin-bottom: 30px;
 font-size: 24px;
}
#location .support h3 span{
 display: block;
 margin-bottom: 15px;
 color: var(--blue2);
 font-size: 16px;
}
#location .support li{
 position: relative;
 padding: 0 0 0 1.5em;
 margin-bottom: .3em;
 font-weight: 500;
}
#location .support li::before{
 content: "●";
 display: block;
 color: var(--blue2);
 font-size: 16px;
 position: absolute;
 left: 0;
 top:0;
}

@media screen and (max-width: 768px) {/* SP location */
#location{
 padding-bottom: 80px;
}
#location .mv{
 margin: 0 0 60px;
}

#location .support{
 padding: 30px 20px;
 margin-top: 40px;
}
#location .support h3{
 margin-bottom: 30px;
 font-size: 24px;
}
#location .support h3 span{
 margin-bottom: 10px;
}
#location .support li{
 margin-bottom: 15px;
 line-height: 1.6;
}
 #location .support li::before{
  font-size: 14px;
 }
}/*-SP only-*/

/****/
@media screen and (max-width: 768px) {/* SP */
 #joinus h2{
  font-size: min(6.6vw,36px);
 }
}/*-SP only-*/

@media screen and (min-width: 769px) {

}/*-PC only-*/
@media screen and (max-width: 768px) {/* SP */

}/*-SP only-*/

/* リード文を中央揃え（見出しに合わせる） */
#career li p{
 text-align: center;
}