/* カスタム CSS をここに入力してください */

/* 画像2枚を横並び（PC）、縦並び（スマホ）にするレイアウト */
.practice-gallery {
  display: flex;
  flex-wrap: wrap;          /* 幅が足りないときは自動で折り返し */
  gap: 16px;                /* 画像の間の余白 */
  justify-content: center;  /* 中央寄せ */
  max-width: 960px;         /* お好みで調整 */
  margin: 0 auto 24px;      /* 中央配置＋下余白 */
}

/* 画像のサイズ調整（横並びで入りきるようにする） */
.practice-gallery img {
  display: block;
  width: 100%;              /* 親要素の幅にフィット */
  height: auto;
  object-fit: cover;
}

/* PCサイズ：横並び（2カラム） */
@media screen and (min-width: 769px) {
  .practice-gallery img {
    max-width: 48%;         /* 2枚並べて少し余白が出るように */
  }
}

/* スマホサイズ：縦並び（1カラム） */
@media screen and (max-width: 768px) {
  .practice-gallery {
    flex-direction: column; /* 上下に積む */
    align-items: center;
  }
  .practice-gallery img {
    max-width: 100%;        /* 画面幅いっぱいまで */
  }
}


.line2 { text-decoration: underline double red }

/*お問合せフォーム*/
input[type="tel"]{
    vertical-align: middle;
    max-width: 90%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
}


/**/
.top_bnr2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: center;
		margin-bottom:12px;
}
top_bnr2 > div{
	width: 50%;
	padding: 10px;
}
.top_bnr2-item:hover {
  transform: translateY(-5px);
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
@media screen and (max-width: 960px) {
	.top_bnr2 > div{
		width: 100%;
	}
}
.top_bnr2-item{
	padding:10px;
}
.top_bnr2-item img{
	width:315px;
}


/*タブレット・スマホのみ改行*/
@media screen and (min-width: 1025px){
.br-sp {display: none; }
}

/*スタッフ募集　お申込みフォーム*/
.stuff-joboffer1{
	font-weight: 600;
	font-size: 16px;
	color: #E71873;
}
.stuff-joboffer2{
	font-weight: 600;
	font-size: 16px;
	color: #29A7E1;
}
.stuff-joboffer3{
	font-weight: 600;
	font-size: 16px;
	color: #23988F;
}
.joboffer1{
	color: #E71873;
	font-weight: 600;
}
.joboffer2{
	color: #29A7E1;
	font-weight: 600;
}
.joboffer3{
	color: #23988F;
	font-weight: 600;
}
.joboffer-space{
	margin-left: 2.5rem;
}
.stuff-joboffer-maintitle{
	font-weight: 600;
	font-size: 20px;
	color: orange;
	text-align: center;
	margin-top: 20px;
}
.stuff-joboffer-subtitle{
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.joboffer-info-background{
	background: #fef8ee;
	padding: 20px;
}
.joboffer-info-title{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
}
.joboffer-info-text{
	text-align: center;
	padding-bottom: 30px !important;
}


span.ttl_20 {
font-size: 20px;
}

span.ttl_16 {
font-size: 16px;
}

span.catch_01 {
font-size: 26px;
color: #f39800;
}

span.catch_02 {
font-size: 26px;
color: #2ea7e0;
}

span.catch_03 {
font-size: 26px;
color: #e61673;
}

span.catch_04 {
font-size: 26px;
color: #1b988f;
}

span.catch_05 {
font-size: 26px;
color: #b28247;
}

span.catch_06 {
font-size: 26px;
color: #c30d23;
}

.top_bnr {
	margin-bottom: 10px;
}
.bnr001{
	width:100%;
}
.column-2 a{
color:darkblue;
	font-size:16px;
}
.column-2 a:visited{
	color:red;
}