@charset "utf-8";

html {
	min-width: unset;
}
/*----------------------------------------------------
	スマホ用
----------------------------------------------------*/


#container #contentsArea #contentsStaff .contentsMain,
#container #contentsArea #contentsStaff .contentsBox section,
#container #contentsArea #contentsStaff .BottomArea .contentsBottom,
#container #contentsArea #contentsStaff .staffTop p {
	width: 95%;
}

#container #contentsArea #contentsStaff .contentsMain {
	padding-top: 20px;
}

/* 汎用CSS */
#container #contentsArea #contentsStaff .noPC {
	display: block;
}

#container #contentsArea #contentsStaff .noSP {
	display: none;
}

/* 横並び */
#container #contentsArea #contentsStaff .flexBox li {
	margin-top: 20px;
}

#container #contentsArea #contentsStaff .flexBox.w480 li,
#container #contentsArea #contentsStaff .flexBox.w480 > div,
#container #contentsArea #contentsStaff .flexBox.w310 li,
#container #contentsArea #contentsStaff .flexBox.w310 li > div {
	width: 100%;
}

/* 戻るボタン */
#container #contentsArea #contentsStaff .bkBt {
	margin-top: 2em;
}

#container #contentsArea #contentsStaff .bkBt a {
	padding: 3vw 0;
	width: 100%;
}

/* オレンジタイトル */
#container #contentsArea #contentsStaff h3.orTitle {
	margin-top: 40px;
}


/* グレータイトル */
#container #contentsArea #contentsStaff h4.grTitle {
	margin-top: 30px;
}

/* タイトル下ボックス */
#container #contentsArea #contentsStaff .mainInfoArea {
	margin-top: 40px;
	text-align: left;
}

#container #contentsArea #contentsStaff .mainInfoArea h2.borderTitle {
	border-bottom: #eb5604 3px solid;
	text-align: center;
}


/*==========================================
	販社ページ
============================================*/
#container #contentsArea #contentsStaff .shopIntro {
	display: block;
	margin-top: 20px;
}

#container #contentsArea #contentsStaff .shopIntro .shopImg,
#container #contentsArea #contentsStaff .shopIntro .shopPR {
	width: 100%;
}

#container #contentsArea #contentsStaff .shopIntro .shopPR {
	margin-top: 10px;
}

/* リーダーリンクブロック */
#container #contentsArea #contentsStaff .readerList a {
	margin-top: 20px;
	width: 100%;
}

#container #contentsArea #contentsStaff .readerList a .flexBox > div {
	width: 48%;
}

#container #contentsArea #contentsStaff .readerList a .flexBox .JobCard p.staffJob {
	padding-bottom: 5px;
}

/* 福祉車がみれるお店 */
#container #contentsArea #contentsStaff .HukusiList::after,
#container #contentsArea #contentsStaff .HukusiList a {
	width: 100%;
}

#container #contentsArea #contentsStaff .HukusiList a:nth-child(n+3) {
	margin-top: 15px;
}

#container #contentsArea #contentsStaff .HukusiList a img {
	/*height: 105px;*/
	height: 45vw;
}

/*==========================================
	リーダーページ
============================================*/
#container #contentsArea #contentsStaff .staffVisual {
	min-height: 290px;
	margin-top: 20px;
	aspect-ratio: auto;
}

#container #contentsArea #contentsStaff .staffVisual .JobCard {
	top: 10%;
}

#container #contentsArea #contentsStaff .flexBox .skillPR:nth-child(n+2) {
	margin-top: 20px;
}

/* リーダーアピール */
#container #contentsArea #contentsStaff .readerPR {
	margin-top: 40px;
	display: block;
}

#container #contentsArea #contentsStaff .readerPR .readerPRimg {
	margin-top: 1em;
}

#container #contentsArea #contentsStaff .readerPR .readerPRimg,
#container #contentsArea #contentsStaff .readerPR .readerPRtxt {
	width: 100%;
}

#container #contentsArea #contentsStaff .readerPR > *:first-child {
	margin-top: 0;
}


/* 店長からのメッセージ */
#container #contentsArea #contentsStaff .Message {
	margin-top: 50px;
}

#container #contentsArea #contentsStaff .Message .MessageArea {
	width: 95%;
}

#container #contentsArea #contentsStaff .Message .MessageAreaIn {
	display: block;
}

#container #contentsArea #contentsStaff .Message .MessageArea .MessageAreaIn .manager,
#container #contentsArea #contentsStaff .Message .MessageArea .MessageAreaIn .MessageAreatenpo {
	width: 100%;
}

#container #contentsArea #contentsStaff .Message .MessageArea .MessageAreaIn .MessageAreatenpo {
	margin-top: 40px;
}

#container #contentsArea #contentsStaff .Message .MessageArea .MessageAreaIn .MessageAreatenpo .HukusiList a {
	width: 100%;
}

#container #contentsArea #contentsStaff .Message .MessageArea .MessageAreaIn .MessageAreatenpo .HukusiList a img {
	height: 145px;
}