.titleContainer { background-image: url(../images/about/message/main.jpg); }

@media screen and (max-width: 769px) { .titleContainer { background-image: url(../images/about/message/sp/main.jpg); } }

@media screen and (max-width: 769px) { .outlineContainer { margin-top: 9.16667vw; margin-bottom: 0; }
  .outlineContainer strong { margin-top: 8.33333vw; } }

#profile:before { content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 400px; background: url(../images/about/message/img01.jpg) center top no-repeat; background-size: cover; }

@media screen and (max-width: 769px) { #profile:before { height: 72.22222vw; background-image: url(../images/about/message/sp/img01.jpg); background-size: contain; } }

#bgImg01 { background: url(../images/about/message/block01_01.jpg) left top no-repeat; background-size: 800px; }

@media screen and (max-width: 769px) { #bgImg01 { background-image: url(../images/about/message/sp/block01_01.jpg); background-size: 94% auto; } }

#bgImg02 { background: url(../images/about/message/block01_02.jpg) right top no-repeat; background-size: 800px; }

@media screen and (max-width: 769px) { #bgImg02 { background-image: url(../images/about/message/sp/block01_02.jpg); background-size: 94% auto; } }

#bgImg03 { background: url(../images/about/message/img02.jpg) center top no-repeat; background-size: contain; }

@media screen and (max-width: 769px) { #bgImg03 { background-image: url(../images/about/message/sp/img02.jpg); } }

.block01.outerContainer { width: 100%; }

.block01 #profile { position: relative; z-index: 3; padding-top: 400px; }

@media screen and (max-width: 769px) { .block01 #profile { padding-top: 72.22222vw; } }

.block01 #profile .tit { position: absolute; top: 80px; right: 100px; text-align: left; color: #ffffff; line-height: 1.88889; letter-spacing: 0.1em; font-weight: normal; font-size: 18px; }

@media screen and (max-width: 769px) { .block01 #profile .tit { width: 90%; left: 5.7vw; top: 22.22222vw; font-size: 3.88889vw; line-height: 1.57143; } }

.block01 #profile .tit small { display: block; margin-top: 1.3em; text-decoration: none; letter-spacing: 0.1em; font-size: 12px; }

@media screen and (max-width: 769px) { .block01 #profile .tit small { line-height: 1.66667; font-size: 3.33333vw; } }

.block01 #profile .tit .name { display: block; margin-top: 0.5em; }

@media screen and (max-width: 769px) { .block01 #profile .tit .name { margin-top: 0; } }

.block01 #profile .bgWhite95 { max-width: 1000px; margin: -64px auto 0; }

@media screen and (max-width: 769px) { .block01 #profile .bgWhite95 { max-width: 100%; margin: -8.88889vw 5.7vw 0; } }

.block01 .bgWhite95 { max-width: 800px; padding: 60px 100px; }

@media screen and (max-width: 769px) { .block01 .bgWhite95 { margin: 0 5.7vw; padding: 6.66667vw; } }

.block01 .bgWhite95 h4 { font-size: 18px; }

@media screen and (max-width: 769px) { .block01 .bgWhite95 h4 { margin-bottom: -0.8em; margin-right: -0.5em; font-size: 4.44444vw; } }

.block01 .bgWhite95 p { padding-top: 2em; letter-spacing: 0.05em; line-height: 1.83333; }

@media screen and (max-width: 769px) { .block01 .bgWhite95 p { font-size: 3.88889vw; }
  .block01 .bgWhite95 p + p { padding-top: 0; } }

.block01 .innerContainer { padding: 0; }

@media screen and (max-width: 769px) { .block01 .innerContainer { margin: 0; } }

.block01 #bgImg01 { position: relative; z-index: 2; padding-top: 208px; }

@media screen and (max-width: 769px) { .block01 #bgImg01 { padding-top: 61.11111vw; margin-top: -8.88889vw; } }

.block01 #bgImg01 .bgWhite95 { margin-left: auto; }

.block01 #bgImg02 { position: relative; z-index: 1; padding-top: 300px; margin-top: -64px; }

@media screen and (max-width: 769px) { .block01 #bgImg02 { padding-top: 61.11111vw; margin-top: -8.88889vw; } }

.block01 #bgImg03 { padding-top: 25.71429%; margin-top: -64px; }

@media screen and (max-width: 769px) { .block01 #bgImg03 { padding-top: 60.55556vw; margin-top: -8.88889vw; } }