/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 27 2026 | 06:42:39 */
#Recruit .section1{
	padding-top:60px;
	padding-bottom:100px;
}
#Recruit .section1 h2{
	font-size: 30px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	text-align:center;
	margin-bottom:10px;
}
#Recruit .section1 p{
	font-size: 18px;
	text-align:center;
}

#Recruit .message{
	padding-top:100px;
	padding-bottom:100px;
	background-color:#EDF7FF;
}
#Recruit .message h2{
	font-size: 30px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom:10px;
}
#Recruit .message p{
	font-size: 18px;
}

#Recruit .igi{
	padding-top:100px;
	padding-bottom:100px;
}
#Recruit .igi h2{
	font-size: 30px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom:10px;
}
#Recruit .igi p{
	font-size: 18px;
}

#Recruit .charm{
	padding-top:100px;
	padding-bottom:100px;
	background-color:#EDF7FF;
}
#Recruit .charm h2{
	font-size: 30px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom:30px;
	text-align:center;
}
#Recruit .charm h3{
	font-size: 22px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin-top:10px;
	margin-bottom:5px
}
#Recruit .charm .box{
	padding:25px 25px;
	background-color:#FFF;
}

#Recruit .personal{
	padding-top:100px;
	padding-bottom:100px;
}
#Recruit .personal h2{
	font-size: 30px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom:20px;
	text-align:center;
}
#Recruit .personal p.catch{
	text-align:center;
	margin-bottom:30px
}
#Recruit .personal h3{
	font-size: 22px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin-top:15px;
	margin-bottom:5px
}

#Recruit .requirement{
	padding-top:100px;
	padding-bottom:100px;
	background-color:#EDF7FF;
}
#Recruit .requirement h2{
	font-size: 30px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	text-align:center;
	margin-bottom:30px;
}
#Recruit .requirement table{
  border-collapse: collapse;
  width: 100%;
}
#Recruit .requirement table th,
#Recruit .requirement table td {
  padding: 15px 20px;
  background-color: #FFF;
  border: solid 5px #EDF7FF;
  box-sizing: border-box;
	 font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	line-height:1.6;
}
#Recruit .requirement table th {
  background-color: #59B9FF;
  color: #fff;
  width: 210px;
  font-weight: 400;
  vertical-align: middle;
}

#Recruit .flow{
	padding-top:100px;
	padding-bottom:100px;
}
#Recruit .flow h2{
	font-size: 30px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom:40px;
	text-align:center;
}
#Recruit .flow .column{
margin-bottom:50px;
}
#Recruit .flow h3{
margin-bottom:20px;
	text-align:center;
}
#Recruit .flow h3 strong{
	font-size: 20px;
	  color: #FFF;
	background-color:#0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;	
	padding:0px 10px;
}
#Recruit .flow h4{
	font-size: 22px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin-top:15px;
	margin-bottom:5px;
	text-align:center;
}


#Recruit .faq{
	padding-top:100px;
	padding-bottom:100px;
	background-color:#EDF7FF;
}
#Recruit .faq h2{
	font-size: 30px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	text-align:center;
	margin-bottom:30px;
}
#Recruit .faq .qa{
	border-bottom:1px solid #ccc;
	padding:10px 0px;
	margin-top:0px;
}
#Recruit .faq .smb-accordion__item__title {
	font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
      font-size:22px;
	color:#333;
	    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url(https://regional-ai.jp/wp-content/uploads/2026/08/ico_q.svg);
    padding-left: 55px;
    background-position: left center;
	background-color: #EDF7FF;
}
#Recruit .faq .qa p {
	font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
     font-size:16px;
	color:#333;
	background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url(https://regional-ai.jp/wp-content/uploads/2026/08/ico_a.svg);
    padding-left: 55px;
    background-position: left top;
	background-color: #EDF7FF;
	padding-top: 5px;
    padding-bottom: 10px;
}
.smb-accordion__item__body{
	padding:10px 0px;
}

svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
    color: #0367E2;
}




@media (max-width: 833px) {
	#Recruit .section1{
	padding-top:30px;
	padding-bottom:50px;
		padding-left:15px;
		padding-right:15px;
}
#Recruit .section1 h2{
	font-size: 24px;
	margin-bottom:5px;
	text-align:left;
}
#Recruit .section1 p{
	font-size: 16px;
	text-align:left;
}
	
	#Recruit .message{
	padding-top:50px;
	padding-bottom:50px;
		padding-left:15px;
		padding-right:15px;
}
#Recruit .message h2{
	font-size: 24px;
	margin-bottom:5px;
}
#Recruit .message p{
	font-size: 16px;
}
	
	#Recruit .igi{
	padding-top:50px;
	padding-bottom:50px;
		padding-left:15px;
		padding-right:15px;
}
#Recruit .igi h2{
	font-size: 24px;
	margin-bottom:5px;
}
#Recruit .igi p{
	font-size: 16px;
}
	
	
	#Recruit .charm{
	padding-top:50px;
	padding-bottom:50px;
	padding-left:15px;
		padding-right:15px;
}
#Recruit .charm h2{
	font-size: 24px;
	margin-bottom:20px;
	text-align:left;
}
#Recruit .charm h3{
	font-size: 20px;
	margin-top:10px;
	margin-bottom:5px
}
#Recruit .charm .box{
	padding:15px 15px;
}
	
	#Recruit .personal{
	padding-top:50px;
	padding-bottom:50px;
	padding-left:15px;
		padding-right:15px;
}
#Recruit .personal h2{
	font-size: 24px;
	margin-bottom:15px;
	text-align:center;
}
#Recruit .personal p.catch{
	text-align:left;
	margin-bottom:20px
}
#Recruit .personal h3{
	font-size: 20px;
	margin-bottom:5px
}

#Recruit .requirement{
	padding-top:50px;
	padding-bottom:50px;
	padding-left:15px;
		padding-right:15px;
}
#Recruit .requirement h2{
	font-size: 24px;
	text-align:center;
	margin-bottom:20px;
}
#Recruit .requirement table{
  border-collapse: collapse;
  width: 100%;
}
#Recruit .requirement table {
		margin-top:10px;
  }
#Recruit .requirement table th {
    padding: 4px 15px;
  }
#Recruit .requirement table th,
#Recruit .requirement table td {
    padding: 15px;
    display: block;
    width: 100%;
    border: none;
  }

	#Recruit .flow{
	padding-top:50px;
	padding-bottom:50px;
	padding-left:15px;
		padding-right:15px;
}
#Recruit .flow h2{
	font-size: 24px;
	margin-bottom:20px;
	text-align:center;
}
#Recruit .flow .column{
margin-bottom:25px;
}
#Recruit .flow h3{
margin-bottom:20px;
	text-align:center;
}
#Recruit .flow h3 strong{
	font-size: 18px;
	padding:5px 10px;
}
#Recruit .flow h4{
	font-size: 22px;
	  color: #0367E2;
  font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin-top:15px;
	margin-bottom:5px;
	text-align:center;
}
	
	#Recruit .faq{
	padding-top:50px;
	padding-bottom:50px;
	padding-left:15px;
		padding-right:15px;
}
#Recruit .faq h2{
	font-size: 24px;
	margin-bottom:20px;
}
#Recruit .faq .smb-accordion__item__title {
     font-size: 18px;
        background-size: 26px 26px;
        padding-left: 35px;
        background-position: left 10px;
        line-height: 1.4;
}
#Recruit .faq .qa p {
      font-size:16px;
	line-height: 1.6;
	background-size: 26px 26px;
    padding-left: 35px;
    background-position: left top;
	        padding-top: 0px;
        padding-bottom: 0px;
}
	
}


/* スマホ版：STEP番号とタイトルを横並び */
@media (max-width: 639px) {

  #Recruit .flow .smb-items__item__body {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 12px;
    align-items: center;
  }

  /* STEP01の番号バッジ */
  #Recruit .flow .smb-items__item__body > h3 {
    grid-column: 1;
    grid-row: 1;
    margin: 0 !important;
    text-align: left;
  }

  #Recruit .flow .smb-items__item__body > h3 strong {
    display: inline-block;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.4;
    white-space: nowrap;
  }

  /* エントリー・書類選考などのタイトル */
  #Recruit .flow .smb-items__item__body > h4 {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
    font-size: 20px;
    line-height: 1.5;
    text-align: left;
  }

  /* アイコン */
  #Recruit .flow .smb-items__item__body > figure {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 22px auto 0 !important;
  }

  /* 説明文 */
  #Recruit .flow .smb-items__item__body > p {
    grid-column: 1 / -1;
    grid-row: 3;
    margin-top: 12px !important;
  }
}


/* STEPを矢印配置の基準にする */
#Recruit .flow .smb-items > .c-row {
  overflow: visible;
}

#Recruit .flow .smb-items > .c-row > .c-row__col {
  position: relative;
}

/* PC版：右向き矢印 */
@media (min-width: 1024px) {
#Recruit .flow .smb-items > .c-row > .c-row__col:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -8px;
    width: 15px;
    height: 15px;
    border-top: 3px solid #0367e2;
    border-right: 3px solid #0367e2;
    transform: translateY(-50%) rotate(45deg);
    z-index: 5;
  }
}

/* スマホ版：下向き矢印 */
@media (max-width: 639px) {
#Recruit .flow .smb-items > .c-row > .c-row__col:not(:last-child) {
    margin-bottom: 40px;
  }

#Recruit .flow .smb-items > .c-row > .c-row__col:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 15px;
    height: 15px;
    border-top: 3px solid #0367e2;
    border-right: 3px solid #0367e2;
    transform: translateX(-50%) rotate(135deg);
    z-index: 5;
  }
}