.messageBox{
    color: #232323;
    line-height: 1.5;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    font-size: 1.0rem;
}
.messageBox h3 {
    font-size: 1.4rem;
    color: #b9006d;
    margin-bottom: 15px;
}

#jobImage {
    text-align: center;
    margin-bottom: 15px;
}

#jobImage img {
    border: 1px solid #cccccc;
}

.messageBox .readMore {
    display: none;
}

.messageBox .readMoreLink {
    float: none;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.messageBox {
    background-color: #f5f5f5;
    padding: 3%;
    margin-bottom: 8px;
}

.messageBox::after {
    content: "";
    display: block;
    clear: both;
}

.messageShop::after {
    content: "";
    display: block;
    clear: both;
}

.messageShop .messeBox {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3等分 */
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.messageShop .messeBox .item {
    background: #f8f8f8;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden; /* 大きい画像がはみ出ないように */
}

.messageShop .messeBox .item img {
    width: 100%;
    height: auto;         /* アスペクト比を維持 */
    object-fit: contain;  /* はみ出さないように縮小 */
    display: block;       /* 余計な隙間を防ぐ */
}

.mainConIn {
    display: flex;
    justify-content: space-between; /* 均等配置 */
    gap: 10px; /* 間隔を空けたい場合 */
}

.mainConIn > video, .mainConIn > .review {
    flex: 1;              /* 均等幅 */
    padding: 10px;
    box-sizing: border-box;
}

.mainConIn .review{
    background: #fff;  /* デモ用背景色 */
}
.mainConIn .review .nameTitle {
    font-size: 20px;
    margin-bottom: 3%;
    color: #ff2e84;
}

.nameTitle {
    font-family: "wDl", sans-serif;
}

._mainConIn .cast-interview::after {
    content: "";
    display: block;
    clear: both;
}

._mainConIn .cast-interview {
    background-color: #f8f8f8;
}

._mainConIn .cast-interview .gallerybox{
    float: left;
    width: 38%;
    padding: 3%;
    position: relative;
    min-height: 1px;
}
._mainConIn .cast-interview .profile{
    float: left;
    width: 52%;
    padding: 2%;
    position: relative;
    min-height: 1px;
    background-color: #ffffff;
}

._mainConIn .cast-interview::after {
    content: "";
    display: block;
    clear: both;
}



._mainConIn .cast-interview .profile h3 {
    font-size: 1.2rem;
    color: #ff2e84;
    font-family: "wM";
    padding: 3% 0 5%;
}

._mainConIn .cast-interview .profile h4 {
    float: left;
    clear: both;
    width: 30%;
    padding: 1.5%;
    font-family: "wM";
    line-height: 1.5;
    color: #5A5A5A;
}

._mainConIn .cast-interview .profile p {
    padding: 1.5% 0 1.5% 33%;
    line-height: 1.5;
    border-top: 1px solid #E0E0E0;
    font-size: 12px;
}

._mainConIn .coment {

    padding: 1.5% 4%;
    background-color: #ffffff;
}

._mainConIn .coment h3 {
    font-size: 1.2rem;
    padding: 0 0 2%;
    color: #48bea5;
    font-family: "wM";
}

._mainConIn #question{
    padding-bottom: 12px;
    background-color: #ffffff;
}

._mainConIn #question div {
    padding: 1% 4%;
}

._mainConIn #question div {
    clear: both;
}

._mainConIn #question div h4 {
    font-size: 1.0rem;
    clear: both;
    color: #ff39ae;
    font-family: "wM";
    line-height: 1.5;
}
._mainConIn #question div p {
    line-height: 1.8;
}
._mainConIn #question div h4 span {
    background-color: #ff39ae;
}

._mainConIn #question div p span {
    background-color: #a0a0a0;
}

._mainConIn #question div h4 span, ._mainConIn #question div p span {
    font-size: 1.0rem;
    float: left;
    display: inline-block;
    color: #ffffff;
    line-height: 1.5;
    border-radius: 4px;
    text-align: center;
    width: 23px;
    height: 23px;
    font-family: "wM";
    margin-right: 5px;
}

._mainConIn#jobData table {
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #eeeeee;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

._mainConIn#jobData table tr th {
    width: 20%;
}

._mainConIn#jobData table tr th {
    font-family: "wM";
    background: #f5f5f5;
}

._mainConIn#jobData table tr th{
    color: #74787e;
    padding: 10px 20px;
    border: none;
    line-height: 1.7;
}

._mainConIn#jobData table tr td {
    width: 80%;
}

._mainConIn#jobData table tr td {
    background: #ffffff;
}
._mainConIn#jobData table tr td {
    color: #74787e;
    padding: 10px 20px;
    border: none;
    line-height: 1.7;
}

._mainConIn#jobData table tr td .smooth {
    font-size: 0.8rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    padding: 3px 8px;
    color: #ffffff;
    background: #e57e04;
}

._mainConIn#jobData table tr td#mapBox .axgmap {
    height: 200px;
}

._mainConIn#jobData table tr td#mapBox .axgmap {
    padding: 10px;
}

._mainConIn#jobData table tr td#mapBox .axgmap {
    width: 100%;
}

._mainConIn#jobData table tr td#mapBox .mapBlank {
    margin-top: 10px;
    clear: both;
    display: inline-block;
}

.submitbtn{
    text-align: center;
}
.submitbtn.blue input:hover, .submitbtn.blue a:hover {
    background-color: #0078ff;
}

.submitbtn input[type="submit"], .submitbtn a{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-size: 1.0rem;
    filter: dropshadow(color=blue, offX=3, offY=3);
    text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
    background-image: url(../img/btn-send-bg.png) !important;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-family: "wR";
    height: 66px;
    color: #ffffff!important;
    width: 50%;
}

.submitbtn input[type="submit"]{
    cursor: pointer;
}

.submitbtn.blue input, .submitbtn.blue a {
    border-color: #006ce6;
    background-color: #3393ff;
}

.submitbtn a {
    display: inline-block;
    line-height: 66px;
    text-decoration: none;
}

.submitbtn.pink a:hover {
    background-color: #FF338E;
}

.submitbtn.pink a {
    border-color: #FF5370;
    background-color: #FF538E;
}

.submitbtn.orange a:hover {
    background-color: #F5af25;
}

.submitbtn.orange a {
    border-color: #F58000;
    background-color: #F58220;
}

.submitbtn.green a:hover {
    background-color: #22C311;
}

.submitbtn.green a {
    border-color: #00C000;
    background-color: #00C300;
}


