@charset "UTF-8";

/* keyVisual ------------------*/
#keyVisual .mainImg{
background-image:url(../img/message/main_img.jpg);
}

/* blc01 ------------------*/
#blc01 .messageBlc{
background-color:#efeeec;
margin-top:4%;
}

#blc01 .messageBlc .bossBlc{
position:relative;
}

#blc01 .messageBlc .bossBlc .mainImg{
background:url(../img/message/img01.jpg) no-repeat center center;
background-size:cover;
padding-top:35%;
}

#blc01 .messageBlc .bossBlc .txtBoss{
width:100%;
color:#0F4B89;
text-shadow:
#fff 1px 1px 5px,
#fff -1px 1px 5px,
#fff 1px -1px 5px,
#fff -1px -1px 5px;
position:absolute;
top: 50%;
line-height: 1.5;
}

#blc01 .messageBlc .bossBlc .txtBoss .upCommBlc{
box-sizing: border-box;
margin: 0 auto 0 0;
padding: 0 0 0 7%;
width: 52%;
max-width: 900px;
}

#blc01 .messageBlc .bossBlc .txtBoss .word{
font-size:240%;
color:#0F4B89;
letter-spacing:0.1em;
font-weight: bold;
margin: 0 0 2%;
}

#blc01 .messageBlc .bossBlc .txtBoss .txt{
font-size:120%;
letter-spacing:0.1em;
font-weight: bold;
}

#blc01 .messageBlc .txtBlc{
letter-spacing:0.1em;
}

#blc01 .messageBlc .imgBlc{
margin: 30px 0 0;
}

#blc01 .messageBlc .txtCaption{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 30px 0 0;
}

#blc01 .messageBlc .txtCaption > div{
  letter-spacing:0.1em;
  padding-right: 20px;
  box-sizing: border-box;
}

#blc01 .messageBlc .txtCaption > div:nth-last-child(1){
  padding-right: 0;
}

@media screen and (max-width: 1200px) {
/* blc01 ------------------*/
#blc01 .messageBlc .bossBlc .txtBoss .upCommBlc{
padding: 0 0 0 3%;
}
#blc01 .messageBlc .bossBlc .txtBoss .word{
font-size:180%;
}
}

@media screen and (max-width: 1000px) {
/* blc01 ------------------*/
#blc01 .messageBlc .bossBlc .txtBoss{
top:auto;
bottom: 5%;
}
}

@media screen and (max-width: 767px) {
/* blc01 ------------------*/
#blc01 .messageBlc .bossBlc .txtBoss .word{
font-size:160%;
}

#blc01 .messageBlc .bossBlc .txtBoss .txt{
font-size:110%;
}
}

@media screen and (max-width: 640px) {
/* blc01 ------------------*/
#blc01 .messageBlc .bossBlc .mainImg{
padding-top:50%;
}

#blc01 .messageBlc .bossBlc .txtBoss{
margin-top:4%;
position:static;
}

#blc01 .messageBlc .bossBlc .txtBoss .upCommBlc{
margin: 0 auto;
width: auto;
max-width: none;
}
}

@media screen and (max-width: 480px) {
#blc01 .messageBlc .txtCaption > div{
padding-right: 0;
}
}