@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 style.css
 Smartphone用

+++++++++++++++++++++++++++++++ */
main .mode_pc { display: none; }

/*
メイン画像
-----------------------------------*/
#main_banner { margin-bottom: 0; }
#main_banner .swiper-slide {
    min-height: 200px;
    text-align: center;
}
#main_banner .swiper-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%;
    height: auto;
    -webkit-transform: translate(-34%, -50%);
    transform: translate(-34%, -50%);
}

/*
グレーテクスチャ背景ボックス
-----------------------------------*/
.box_gray_texture,
.box_lgray_texture { padding: 10px; }
.box_gray_texture .inner,
.box_lgray_texture .inner {
    padding: 10px;
    background :#fff;
}
.box_lgray_texture .no_data {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.box_gray_texture .box_button { margin-top: 20px; }

/*
共通：pdfアイコン
-----------------------------------*/
.ico_pdf {
    display: inline-block;
    padding: 2px 5px 1px 22px;
    border: 1px solid #c01e07;
    background: #fff url(/corporate/images/ico_pdf.png) no-repeat 3px center;
    background-size: 14px;
    color: #c01e07;
    font-size: 12px;
}

/*
pdfリンク一覧
-----------------------------------*/
.list_pdf li { margin: 5px 0 0; }
.list_pdf li:first-child { margin-top: 0; }

.list_pdf a {
    position: relative;
    display: block;
    padding: 10px  10px 9px;
    border: 1px solid #d9d9d9;
    background: #fff;
    font-size: 13px;
}
.list_pdf .ico_pdf {
    display: block;
    width: 85px;
    margin-top : 5px;
}


/*
ニュースリリース一覧
-----------------------------------*/
.list_release { border-top: 1px solid #d9d9d9; }
.list_release li { border-bottom: 1px solid #d9d9d9; }
.list_release a {
    display: block;
    padding: 10px;
    font-size: 13px;
}
.list_release .ico_pdf { margin-left: 10px; }
.list_release p {
    margin: 10px 0 0;
    font-size: 15px;
}
.list_release + .box_button { margin: 20px 10px 0; }

/*
ストアニュース一覧
-----------------------------------*/
.list_news { margin: -5px 0; }
.list_news li { border-top: 1px dashed #d9d9d9; }
.list_news li:first-child {
    padding: 10px;
    border-top: none;
}
.list_news a {
    position: relative;
    display: block;
    padding: 10px 20px 10px 10px;
    font-size: 15px;
}
.list_news a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    display: block;
    width: 9px;
    height: 16px;
    margin-top: -7px;
    background: url(/images/sp_common/sprite_arrow.png) no-repeat -50px 0;
    background-size: 200px auto;
    content: " ";
}
.list_news .ico_pdf { margin-left: 10px; }


/*
サポートナビ 子育て・女性推進
-----------------------------------*/
.support_nav {
    margin: 0 0 30px;
}
.support_nav .item {
    position: relative;
    display: table;
    width: 100%;
    padding: 10px 15px;
    background: #fdd9e7 url(/images/common/bg_texture_w.png) repeat left top;
    background-size: 12px;
    box-sizing: border-box;
}
.support_nav .item.women {
    background-color: #ffb7af;
}
.support_nav a {
    display: table-cell;
    height: 60px;
    width: 100%;
    padding: 15px 10px 15px 75px;
    background: #fff;
    vertical-align: middle;
}
.support_nav .image {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    background: #fff;
    line-height: 60px;
    text-align: center;
}
.support_nav .image img {
    width: auto;
    height: auto;
    max-height: 60px;
    max-width: 60px;
    vertical-align: middle;
}
.support_nav p {
    margin: 0;
    font-weight: 500;
}
.support_nav a {
    text-decoration: underline;
}
.support_nav .next {
    display: none;
}

/*
注意事項
-----------------------------------*/
.box_attention {
    padding: 10px;
}
.box_attention .inner {
    padding: 15px;
    background: #fff;
}
.box_attention p { margin: 0; }

/*
企業理念
-----------------------------------*/
.box_philosophy .heading01 + p {
    font-size: 13px;
    text-align: center;
}

.box_philosophy .inner {
    margin: 0 10px;
    padding: 10px;
    background: #f2f2f2;
}
.box_philosophy .inner p {
    margin: 0;
    line-height: 1.8;
    text-align: center;
}
.box_philosophy .image {
    padding: 0 20px;
    text-align: center;
}
.box_philosophy .image img {
    width: 100%;
    max-width: 350px;
}

.box_philosophy dl {
    max-width: 980px;
    margin: 0 auto;
}
.box_philosophy dt {
    margin-bottom: 20px;
    padding: 10px;
    background: #e6e6e6;
    font-size: 17px;
    font-weight: 500;
}
.box_philosophy dd {
    margin: 0 15px 30px;
    font-size: 15px;
}
.box_philosophy dd:last-child { margin-bottom: 0; }

/*
会社概要
-----------------------------------*/
.table_box + p ,
.table_block + p {
    margin: 10px auto 0;
    text-align: right;
}
.table_box img {
    max-height: 15px;
    vertical-align: -2px;
}


/*
ご挨拶
-----------------------------------*/
.box_greeting .photo {
    width: 170px;
    margin: 0 auto 10px;
}
.box_greeting .photo p {
    margin: 10px 0 0;
    text-align: center;
}

.box_greeting > p {
    margin: 10px;
    font-size: 16px;
    line-height: 1.8;
    text-indent: 1em;
}

/*
沿革
-----------------------------------*/
.box_history dl { margin: 20px auto; }
.box_history dt {
    padding: 10px 10px 5px;
    border-top: 1px solid #d9d9d9;
    font-size: 14px;
}
.box_history dd {
    position: relative;
    margin: 0;
    padding: 0 10px 10px;
}
.box_history dd:last-of-type { border-bottom: 1px solid #d9d9d9; }

/*
ニュースリリースバックナンバー
-----------------------------------*/
.box_release .heading02 {
    margin: 0 auto 20px;
    padding: 0;
}
.tab li { width: 50%; }
.tab a {
    height: 42px;
    text-align: center;
}
.toggle {
    position: relative;
    display: block;
    padding: 15px 40px 15px 15px;
    background: #e6e6e6;
    font-size: 15px;
    font-weight: 500;
}

.toggle:after {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 16px;
    height: 10px;
    margin-top: -5px;
    background: url(/images/sp_common/sprite_arrow.png) no-repeat -100px 0;
    background-size: 200px auto;
    content: " ";
}
.toggle.opened:after { background-position: 0 0; }

.box_release .ico_pdf:first-child { margin-left: 0; }

/*
プライバシーポリシー
-----------------------------------*/
.box_privacy .box_gray { margin: 10px 10px 30px; }
.box_privacy section p,
.box_privacy section li {
    font-size: 16px;
    line-height: 1.8;
}
.box_privacy .box_gray p { margin: 0 10px; }
.box_privacy > p { text-align: right; }

.box_privacy ol {
    margin: 0 10px 0 5px;
    padding: 0;
    list-style: none;
}
.box_privacy ol > li {
    margin-top: 10px;
    padding-left: 2.5em;
    text-indent: -2.5em;
}
.box_privacy ol li:first-child { margin-top: 0; }
.box_privacy li p,
.box_privacy ul > li { text-indent: 0; }

/*
個人情報の開示、訂正、利用停止等の手続きについて
-----------------------------------*/
.box_policy .box {
    margin: 0 auto 30px;
    font-size: 16px;
    line-height: 1.8;
}
.box_policy .heading02 { font-size: 17px; }
.box_policy p ,
.box_policy ul {
    margin: 10px;
    font-size: 16px;
    line-height: 1.8;
}
.box_policy .box p:last-child { margin-bottom: 0; }

/*
TOKYU CARD ClubQカードに関するお問合せについて
-----------------------------------*/
.box_clubq p,
.box_clubq li {
    margin: 10px;
    font-size: 16px;
    line-height: 1.8;
}
.box_clubq .box_gray p {
    margin: 0 10px;
    font-size: 15px;
}

.box_clubq p:last-child { margin-bottom: 0; }

/*
環境問題への取り組み
-----------------------------------*/
.box_eco p,
.box_eco ol,
.box_eco ul {
    margin: 10px;
    font-size: 16px;
    line-height: 1.8;
}

.box_eco ol {
    margin: 10px 10px 10px 5px;
    padding: 0;
    list-style: none;
}
.box_eco ol li {
    margin-top: 10px;
    padding-left: 2.5em;
    text-indent: -2.5em;
}
.box_eco ol li:first-child { margin-top: 0; }
.box_eco .txt_right { text-align: right; }

.box_eco .list_pdf a { font-size: 15px; }

.box_eco .image { text-align: center; }



/*
スマホ用フッター
-----------------------------------*/
#nav .primary li:last-child  { display: block; }
.footer_nav_sp {
    margin-bottom: 20px;
}

/*
追加TOP
-----------------------------------*/
.contents_nav {
    margin: 0 0 20px;
    padding: 20px 10px 10px;
}
.contents_nav .inner {
    width: 49%;
    margin: 0 0 10px;
    padding: 10px;
    float: left;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
}
.contents_nav .inner:nth-child(2n) {
    position: relative;
    left: 2%;
}
@media all and (max-width: 330px) {
    .contents_nav .inner {
        left: auto !important;
        width: auto;
        float: none;
    }
}
.contents_nav p {
    margin: 0 0 10px;
}
.contents_nav .title {
    margin: 15px 0 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.contents_nav .txt_supplement {
    display: none;
}
.contents_nav .button_small {
    width: auto;
}



/*
ボックス
-----------------------------------*/
.box {
    font-size: 16px;
}
.box .inner { margin: 0; }
.box section { margin: 20px 0 30px; }
.box > section > section { margin: 20px 10px 30px; }
.box section:last-child { margin-bottom: 0; }

.box p {
    margin: 10px;
}
.box .inner p:last-child { margin-bottom: 0; }
.box section > p {
    margin: 10px;
}
.box section > p:last-child { margin-bottom: 0; }

/*
ボックス内2カラム構成
-----------------------------------*/
.box_double .inner {
    position: relative;
    display: block;
    min-height: 80px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 3px;
    background: #fff;
    vertical-align: top;
}
.box_double:first-child .innner:first-child { margin-top: 0; }

.box_double .inner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;

}
.box_double .image {
    float: left;
    width: 80px;
}
.box_double p {
    margin: 0 0 0 90px;
    font-size: 13px;
    line-height: 1.4;
}
.box_double .name {
    margin-top: 5px;
    font-size: 16px;
}
.box_double span {
    font-size: 13px;
    
}

/*
画像つき
-----------------------------------*/
.box_image .image {
    margin: 0 0 10px;
    text-align: center;
}


/*
テーブル ブロック
-----------------------------------*/
.table_block {
    width : 100% ;
    width : -webkit-calc(100% - 20px) ;
    width : calc(100% - 20px) ;
}
.table_block th {
    text-align: left;
}
.table_block .president {
    padding-bottom: 0;
}
.table_block .president::before {
    content: "代表者　";
}
.table_block strong { font-size: 18px; }
.table_block .special {
    color: #e5004d;
}
.table_block .business {
    color: #333;
}
.table_block .business::before {
    content: "業務内容　";
    color: #333;
}