@charset "UTF-8";

.mod-message-01 {
margin-top: 20px;
}
.mod-message-01 .detail {
overflow: hidden;
margin-bottom:20px;
}
.mod-message-01 .text-wrap {
width: 470px;
float: left;
position: relative;
height: 286px;
}
.mod-message-01 .text-wrap .title {
font-size: 200%;
font-weight: bold;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding-left: 25px;
}
.mod-message-01 .text-wrap .title .block {
display: block;
}
.mod-message-01 .image-wrap {
float: right;
width: 360px;
}
.mod-message-01 .image-wrap img {
width: 162px;
height: 286px;
}
.mod-message-01 .image-wrap .image01 {
float: right;
margin-left: 28px;
}
.mod-message-01 .image-wrap .image02 {
float: right;
}

.col2-c{
display:table;
margin:20px auto 0 auto;
}
.col2-c p,
.col2-c figure{
display:table-cell;
vertical-align:top;
padding:0 30px;
}


@media screen and (max-width: 767px) {
/* mod-message-01
---------------------------------------------------------- */
.mod-message-01 {
margin-top: 18px;
}
.mod-message-01 .detail {
overflow: hidden;
}
.mod-message-01 .text-wrap {
width: auto;
float: none;
height: auto;
position: static;
text-align: center;
}
.mod-message-01 .text-wrap .title {
font-size: 11px;
position: static;
-webkit-transform: translate(0);
transform: translate(0);
padding-left: 0;
margin-bottom: 17px;
}
.mod-message-01 .text-wrap .title .block {
display: inline-block;
}
.mod-message-01 .image-wrap {
float: none;
width: 219px;
margin: 0 auto;
}
.mod-message-01 .image-wrap img {
width: 102px;
height: 180px;
}
.mod-message-01 .image-wrap .image01 {
margin-left: 15px;
}
.col2-c{
display: block;
}
.col2-c p,
.col2-c figure{
display: block;
width:100%;
text-align:center;
padding:0;
}
.col2-c p{
margin-bottom:20px;
}
.col2-c figure img{
width:100%;
max-width:232px;
}

}