@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 750px) {

/* ────────────────────── *
 *                                              *
 * タイトル                                     *
 *                                              *
 * ────────────────────── */

.title#index {
    background: url("../../image/about/bg-title-sp.jpg") no-repeat center center / cover;
}
.title#title-keyword {
    background: url("../../image/about/keyword/bg-title-sp.jpg") no-repeat center center / cover;
}

.title .inner {
    max-width: 70.0rem;
}
.title .inner p.ja {
    font-size: 2.8rem;
}
.title svg.bg.sp {
    height: 11.0rem;
}

#title-keyword {
    margin: 0 auto 14.0rem;
}
#title-keyword .inner p.ja {
    font-size: 2.8rem;
}
#title-keyword .inner p.txt {
    font-size: 2.2rem;
    line-height: 1.85;
}

/* ────────────────────── *
 *                                              *
 * キーワード一覧                               *
 *                                              *
 * ────────────────────── */

#keyword-list {
    padding-bottom: 20.0rem;
    position: relative;
}
#keyword-list .inner {
    width: 65.0rem;
    margin: 0 auto;
    display: block;
}
#keyword-list .inner .keyword {
    width: 100%;
    margin-bottom: 12.0rem;
}
#keyword-list .inner .keyword:last-of-type {
    margin-bottom: 0;
}
#keyword-list .inner .keyword p.num {
    font-size: 10.5rem;
    top: -3.0rem;
}
#keyword-list .inner .keyword p.en {
    font-size: 2.2rem;
    top: -3.0rem;
}
#keyword-list .inner .keyword p.body {
    font-size: 3.0rem;
    transform: translate(-50%, -60%);
}
#keyword-list .inner .keyword p.body em {
    font-size: 7.2rem;
}



#keyword-list .inner .keyword p.click {
    font-size: 2.5rem;
    line-height: 6.5rem;
    width: 28.0rem;
    height: 6.5rem;
    bottom: -3.25rem;
    border-radius: 6.5rem;
}
#keyword-list .inner .keyword p.click:after {
    border-width: 0.9rem 0 0.9rem 1.1rem;
    right: 2.5rem;
}

/* 飾り文字 */
.letter ul li {
    position: absolute;
}
.letter.keyword ul li:nth-child(1) {
    right: 0;
    top: -10.0rem;
    overflow: hidden;
}
.letter.keyword ul li:nth-child(1) img {
    position: relative;
    right: -15.0rem;
}
.letter.keyword ul li:nth-child(2) {
    top: 136.0rem;
}
.letter.keyword ul li:nth-child(3) {
    right: 0;
    overflow: hidden;
}
.letter.keyword ul li:nth-child(3) img {
    position: relative;
    right: -11.0rem;
}



/* ────────────────────── *
 *                                              *
 * モーダル                                     *
 *                                              *
 * ────────────────────── */

.iziModal {
    max-width: 60.0rem!important;
}
.iziModal .flex {
    min-height: 88.0rem;
    padding: 5.0rem 7.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.iziModal .flex .head {
    width: 100%;
}
.iziModal .flex .head dl dt {
    font-size: 3.0rem;
    margin-bottom: 3.0rem;
}
.iziModal .flex .head dl dt em {
    font-size: 6.6rem;
}
.iziModal .flex .head dl dd {
    font-size: 2.0rem;
    line-height: 1.75;
}
.iziModal .flex .head dl dd span.notice {
    font-size: 1.8rem;
}
.iziModal .flex .head p.btn {
    font-size: 2.0rem;
    line-height: 1.3;
}
.iziModal .flex .data {
    width: 100%;
    max-width: none;
}
.iziModal p.btn-close {
    width: 15.6rem;
    top: -4.0rem;
}
.iziModal p.btn-close img {
    width: 100%;
}
.iziModal-navigate-prev {
    margin-left: -52%!important;
}
.iziModal-navigate-next {
    margin-right: -52%!important;
}

/* 01 */
.iziModal#modal-01 .flex {
    background: url("../../image/about/keyword/bg-keyword-01-sp.jpg") no-repeat center top / cover;
}
.iziModal#modal-01 .flex dl dt em {
    font-size: 7.0rem;
}

/* 02 */
.iziModal#modal-02 .flex {
    background: url("../../image/about/keyword/bg-keyword-02-sp.jpg") no-repeat center top / cover;
}
.iziModal#modal-02 .flex dl dt em {
    font-size: 7.0rem;
    font-feature-settings: "palt" 1;
    letter-spacing: -0.05em;
}
.iziModal#modal-02 .flex p.image {
    position: static;
    margin-top: -9.0rem;
}
.iziModal#modal-02 .flex .head p.btn {
    margin-left: 10.0rem;
}

/* 03 */
.iziModal#modal-03 .flex {
    background: url("../../image/about/keyword/bg-keyword-03-sp.jpg") no-repeat center top / cover;
}

/* 04 */
.iziModal#modal-04 .flex {
    background: url("../../image/about/keyword/bg-keyword-04-sp.jpg") no-repeat center top / cover;
}

/* 05 */
.iziModal#modal-05 .flex {
    background: url("../../image/about/keyword/bg-keyword-05-sp.jpg") no-repeat center top / cover;
}
.iziModal#modal-05 .flex dl dt em {
    font-feature-settings: "palt" 1;
    letter-spacing: -0.05em;
}

/* 06 */
.iziModal#modal-06 .flex {
    background: url("../../image/about/keyword/bg-keyword-06-sp.jpg") no-repeat center top / cover;
}
.iziModal#modal-06 .flex dl dt em {
    font-feature-settings: "palt" 1;
    letter-spacing: -0.05em;
}

/* 07 */
.iziModal#modal-07 .flex {
    background: url("../../image/about/keyword/bg-keyword-07-sp.jpg") no-repeat center top / cover;
}
.iziModal#modal-07 .flex dl dt em {
    font-feature-settings: "palt" 1;
    letter-spacing: -0.05em;
}

/* 08 */
.iziModal#modal-08 .flex {
    background: url("../../image/about/keyword/bg-keyword-08-sp.jpg") no-repeat center top / cover;
}

/* 09 */
.iziModal#modal-09 .flex {
    background: url("../../image/about/keyword/bg-keyword-09-sp.jpg") no-repeat center top / cover;
}

/* ────────────────────── *
 *                                              *
 * 次のコンテンツ                               *
 *                                              *
 * ────────────────────── */

#next {
    padding: 10.0rem 0 12.5rem;
}
#next .inner {
    width: 55.0rem;
}
#next .inner p.title-next {
    font-size: 4.0rem;
    margin: 0 auto 7.0rem;
}
#next .inner .pagelink dl.child {
    width: 100%;
}
#next .inner .pagelink dl.child dt {
    font-size: 2.0rem;
    margin: 0 auto 2.0rem;
}
#next .inner .pagelink dl.child dd {
    font-size: 2.6rem;
}

/* ────────────────────── *
 *                                              *
 * 奥村組について                               *
 *                                              *
 * ────────────────────── */

#aboutus .data {
    width: 65.0rem;
    padding: 7.5rem;
    margin: 0 auto 4.0rem;
}
#aboutus .data:nth-of-type(2) {
    margin: 0 auto 12.0rem;
}
#aboutus .data h2 {
    font-size: 3.2rem;
    margin: 0 auto 5.0rem;
}
#aboutus .data #field {
    display: block;
}
#aboutus .data #field .field-item {
    width: 100%;
    margin-bottom: 6.0rem;
}
#aboutus .data #field .field-item:last-of-type {
    margin-bottom: 0;
}
#aboutus .data #field .field-item dl dt {
    font-size: 2.4rem;
    padding: 2.0rem;
    margin-bottom: 4.0rem;
}
#aboutus .data #field .field-item dl dd {
    font-size: 2.0rem;
    line-height: 1.75;
}
#aboutus .data #field .field-item dl dd p.image {
    margin-bottom: 2.0rem;
}
#aboutus .data #field .field-item dl dd p.image img {
    width: 100%;
}
#aboutus .data p#graph {
    width: 100%;
}

/* ────────────────────── *
 *                                              *
 * 奥村組の技術力                               *
 *                                              *
 * ────────────────────── */

#aboutus {
    padding-bottom: 10.0rem;
}
#aboutus #power h2 {
    font-size: 3.8rem;
    margin: 0 auto 5.0rem;
}
#aboutus #power p.txt {
    font-size: 2.2rem;
    margin: 0 auto 8.0rem;
}

/* タブ切り替え */
#aboutus #power ul.tab {
    font-size: 2.2rem;
    line-height: 1.2;
    text-align: center;
    width: 56.0rem;
}
#aboutus #power ul.tab.under {
    margin: 0 auto 10.0rem;
}
#aboutus #power ul.tab li {
    width: 13.5rem;
}
#aboutus #power ul.tab li a {
    height: 9.5rem;
    padding: 0;
}

/* 詳しく知りたいボタン */
#aboutus #power #more {
    width: 56.0rem;
}
#aboutus #power #more a {
    padding: 3.0rem 0;
    border: 0.2rem solid #1184c8;
    border-radius: 8.0rem;
}
#aboutus #power #more a:after {
    border-width: 1.25rem 0 1.25rem 1.5rem;
}
#aboutus #power #more dl dt {
    font-size: 2.8rem;
}
#aboutus #power #more dl dd {
    font-size: 1.8rem;
}

/* スライダー */
#aboutus #power .slick-container {
    width: 65.0rem;
}
#aboutus #power .slick-container .slick-slide {
    font-size: 2.0rem;
    padding: 5.0rem;
}
#aboutus #power .slick-container .slick-slide h3 {
    font-size: 5.0rem;
    padding-bottom: 3.5rem;
    margin: 0 auto 17.0rem;
    border-bottom: 0.2rem solid #7eb9df;
}
#aboutus #power .slick-container .slick-slide h3.nodesc {
    margin: 0 auto 6.0rem;
}
#aboutus #power .slick-container .slick-slide p.description {
    font-size: 2.4rem;
    line-height: 1.66;
    margin: -13.0rem auto 4.0rem;
}
#aboutus #power .slick-container .slick-slide h4 {
    font-size: 3.6rem;
    padding-bottom: 2.0rem;
    margin-bottom: 5.0rem;
}
#aboutus #power .slick-container .slick-slide p.catch {
    font-size: 2.4rem;
    min-width: 20.0rem;
    border: 0.2rem solid #1184c8;
    border-radius: 6.0rem;
}
#aboutus #power .slick-container .slick-slide > p.body {
    margin-bottom: 7.0rem;
}
#aboutus #power .slick-container .slick-slide .flex p.image span.caption,
#aboutus #power .slick-container .slick-slide .flex ul.image li span.caption {
    font-size: 1.8rem;
    line-height: 1.38;
}
#aboutus #power .slick-container .slick-slide .flex {
    margin: 0 auto 5.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem {
    margin-bottom: 0;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem.w540 {
    width: 26.5rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem.w810 {
    width: 100%;
    margin-bottom: 5.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem.w270 {
    width: 20.5rem;
}

/* 六甲道駅復旧 */
#aboutus #power .slick-container .slick-slide .flex#rokkomichi .flexitem.w540 {
    width: 100%;
    margin-top: 4.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#bridge {
    display: block;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#bridge p.image {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#bridge p.image img {
    width: 100%;
}

/* シールド掘進 */
#aboutus #power .slick-container .slick-slide .flex#shield {
    margin-bottom: 10.0rem;
}
#aboutus #power .slick-container .slick-slide .flex#shield .flexitem.w540 {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex#shield .flexitem.w540:nth-of-type(1) {
    margin-bottom: 5.0rem;
}

/* TBM */
#aboutus #power .slick-container .slick-slide .flex .flexitem#tbm {
    display: block;
    width: 100%;
    margin: 0 auto 4.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#tbm p.body {
    margin-bottom: 7.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#tbm p.image {
    margin-bottom: 4.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#tbm img {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex ul.image li {
    width: 26.5rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#tbm + .flexitem.w540 {
    width: 100%;
    margin: 0 auto 6.0rem;
}

/* ハニカムセグメント */
#aboutus #power .slick-container .slick-slide .flex .flexitem#honeycomb-01 {
    width: 100%;
    margin: 0 auto 4.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#honeycomb-01 p.image img {
    width: 58.8rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#honeycomb-02 {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#honeycomb-02 p.body {
    padding-left: 0;
}

#aboutus #power .slick-container .slick-slide .flex .flexitem.w270#labo {
    width: 100%;
    padding-bottom: 0;
    display: block;
    margin: 0 auto 8.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#labo a {
    border: 0.3rem solid #1184c8;
    border-radius: 7.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#labo a dl dt {
    font-size: 2.8rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#labo a dl dt span:after {
    border-width: 1.25rem 0 1.25rem 1.5rem;
    right: -5.0rem;
    bottom: 2.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#labo a dl dd {
    font-size: 1.8rem;
}

/* 奥村機械製作 */
#aboutus #power .slick-container .slick-slide #okumura-kikai {
    padding: 7.0rem 5.0rem;
    display: block;
}
#aboutus #power .slick-container .slick-slide #okumura-kikai dl {
    width: 100%;
    margin: 0 auto 4.0rem;
}
#aboutus #power .slick-container .slick-slide #okumura-kikai dl dt {
    font-size: 3.0rem;
    line-height: 1.66;
    margin-bottom: 3.0rem;
}
#aboutus #power .slick-container .slick-slide #okumura-kikai dl dd {
    font-size: 2.0rem;
    line-height: 2;
}
#aboutus #power .slick-container .slick-slide #okumura-kikai p.image {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide #okumura-kikai p.image img {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide #okumura-kikai p.image span.caption {
    font-size: 1.8rem;
}

/* 免震技術の先駆け */
#aboutus #power .slick-container .slick-slide .flex#seismic-pioneer {
    margin: 0 auto 11.0rem;
}
#aboutus #power .slick-container .slick-slide .flex#seismic-pioneer .flexitem.w540 {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex#seismic-pioneer .flexitem.w540:first-of-type {
    margin: 0 auto 4.0rem;
}
#aboutus #power .slick-container .slick-slide .flex#seismic-pioneer .flexitem.w540 p.image img {
    width: 100%;
}

/* 主な免震装置 */
#aboutus #power .slick-container .slick-slide #seismic-isolation {
    padding: 6.0rem 5.0rem;
    margin: 0 auto 11.0rem;
    display: block;
}
#aboutus #power .slick-container .slick-slide #seismic-isolation p.image {
    width: 100%;
    margin: 0 auto 4.0rem;
}
#aboutus #power .slick-container .slick-slide #seismic-isolation .detail {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide #seismic-isolation .detail h5 {
    font-size: 2.4rem;
    margin-bottom: 3.0rem;
}
#aboutus #power .slick-container .slick-slide #seismic-isolation .detail ul {
    font-size: 2.0rem;
}
#aboutus #power .slick-container .slick-slide #seismic-isolation .detail ul li {
    width: 20.0rem;
}
#aboutus #power .slick-container .slick-slide #seismic-isolation .detail ul li span {
    font-size: 2.2rem;
    line-height: 3.0rem;
    width: 3.0rem;
    height: 3.0rem;
}

/* 免震建物の違い */
#aboutus #power .slick-container .slick-slide > p.image#different {
    width: 100%;
    margin: 0 auto 11.0rem;
}

/* 免震実証実験 */
#aboutus #power .slick-container .slick-slide .flex#experiment .flexitem.w540 {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex#experiment .flexitem.w540:first-of-type {
    margin: 0 auto 7.0rem;
}
#aboutus #power .slick-container .slick-slide .flex#experiment .flexitem.w540 p.image img {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem #menshin-channel {
    padding: 5.0rem;
    display: block;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem #menshin-channel p#qr {
    display: none;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem #menshin-channel dl {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem #menshin-channel dl dt {
    font-size: 2.4rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem #menshin-channel dl dd {
    font-size: 2.0rem;
}

/* 自由振動実験の概要 */
#aboutus #power .slick-container .slick-slide p#txt-experiment {
    font-size: 2.7rem;
}
#aboutus #power .slick-container .slick-slide p#txt-experiment span {
    padding: 1.0rem 3.5rem;
}
#aboutus #power .slick-container .slick-slide ul#image-experiment {
    font-size: 1.8rem;
    line-height: 1.38;
    width: 100%;
}
#aboutus #power .slick-container .slick-slide ul#image-experiment li {
    width: 26.5rem;
}
#aboutus #power .slick-container .slick-slide ul#image-experiment + .flex {
    margin: 0 auto 10.0rem;
}

/* 表彰 */
#aboutus #power .slick-container .slick-slide dl#history {
    font-size: 2.0rem;
    margin: 0 auto 6.0rem;
    display: block;
}
#aboutus #power .slick-container .slick-slide dl#history dt {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide dl#history dt:before {
    content: none;
}
#aboutus #power .slick-container .slick-slide dl#history dt span {
    padding-right: 0;
}
#aboutus #power .slick-container .slick-slide dl#history dd {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex#award .flexitem.w270 {
    width: 26.5rem;
    margin-bottom: 4.0rem;
}
#aboutus #power .slick-container .slick-slide .flex#award .flexitem.w500 {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex#award .flexitem.w500 p.image img {
    width: 100%;
}

/* トンネル */
#aboutus #power .slick-container .slick-slide .flex#tunnel {
    margin: 0 auto 11.0rem;
}
#aboutus #power .slick-container .slick-slide .flex#tunnel .flexitem {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex#tunnel .flexitem:first-of-type {
    margin: 0 auto 4.0rem;
}
#aboutus #power .slick-container .slick-slide .flex#tunnel .flexitem p.image img {
    width: 100%;
}


/* あべのハルカス */
#aboutus #power .slick-container .slick-slide .flex .flexitem#abenoharukas,
#aboutus #power .slick-container .slick-slide .flex .flexitem#abenoharukas + .flexitem.w540 {
    width: 100%;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#abenoharukas {
    margin-bottom: 4.0rem;
}
#aboutus #power .slick-container .slick-slide .flex .flexitem#abenoharukas p.image img,
#aboutus #power .slick-container .slick-slide .flex .flexitem#abenoharukas + .flexitem p.image img {
    width: 100%;
}

/* 飾り文字 */
.letter.index ul li:nth-child(1) {
    right: 0;
    top: -60.0rem;
}
.letter.index ul li:nth-child(1) img {
    position: relative;
    right: -16.0rem;
}
.letter.index ul li:nth-child(2) {
    top: 120.0rem;
}
.letter.index ul li:nth-child(3) {
    right: 0;
    top: 70.0rem;
}
.letter.index ul li:nth-child(3) img {
    position: relative;
    right: -8.0rem;
}
.letter.index ul li:nth-child(4) {
    width: 100%;
    top: 250.0rem;
    left: 0;
    right: auto;
    opacity: 0.3;
}
.letter.index ul li:nth-child(4) img {
    width: 119.6rem;
    max-width: none;
    left: -20.0rem;
    right: auto;
}
.letter.index ul li:nth-child(5) {
    bottom: 50.0rem;
}


}