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

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

#bgImg01 { background-image: url(../images/about/block01_01.jpg); }

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

#bgImg02 { background-image: url(../images/about/block01_02.jpg); }

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

#bgImg03 { background-image: url(../images/about/block01_03.jpg); }

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

#bgImg04 { background-image: url(../images/about/block01_04.jpg); }

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

#bgImg05 { background-image: url(../images/about/block01_05.jpg); }

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

.block01 { padding-top: 0; padding-bottom: 85px; margin-top: -46px; }

@media screen and (max-width: 769px) { .block01 { padding-bottom: 8.88889vw; } }

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

.block01 > div { overflow: visible; position: relative; min-height: 580px; margin-top: 85px; padding-top: 0; background: right 80px no-repeat; background-size: 1000px; }

@media screen and (max-width: 769px) { .block01 > div { min-height: inherit; margin-top: 8.88889vw; padding: 0 0 50vw; background: right bottom no-repeat; background-size: 94% auto; } }

.block01 > div .bgWhite95 { max-width: 700px; margin-top: 0; }

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

.block01 > div .bgWhite95 h3 { margin-bottom: 30px; text-align: left; font-size: 14px; letter-spacing: 0.1em; }

@media screen and (max-width: 769px) { .block01 > div .bgWhite95 h3 { margin-bottom: 1.3em; font-size: 3.33333vw; } }

.block01 > div .bgWhite95 h3 small { display: block; margin-bottom: 0.8em; font-size: 26px; letter-spacing: 0.1em; text-decoration: none; }

@media screen and (max-width: 769px) { .block01 > div .bgWhite95 h3 small { font-size: 3.88889vw; } }

.block01 > div .bgWhite95 h3 small:after { content: none; }

.block01 > div .bgWhite95 h4 { font-size: 30px; }

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

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

@media screen and (max-width: 769px) { .block01 > div .bgWhite95 p { font-size: 3.33333vw; } }

.block01 > div .bgWhite95 .btn { position: absolute; left: 50%; bottom: 0; width: 250px; -webkit-transform: translateX(-50%) translateY(50%); transform: translateX(-50%) translateY(50%); }

@media screen and (max-width: 769px) { .block01 > div .bgWhite95 .btn { position: static; width: auto; margin-top: 7.22222vw; -webkit-transform: none; transform: none; } }

.block01 > div.right { padding: 80px 0 0; background-position: left top; }

@media screen and (max-width: 769px) { .block01 > div.right { padding: 0; background-position: left bottom; } }

.block01 > div.right .bgWhite95 { margin-left: auto; }

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

.block01 > div#bgImg01 { margin-top: 0; }

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