/*
  copyright (c)2008-2018 Pong! ALL right reserved.
  Create and Design by seiki nishijima

/*===========================================================================

  トップ メインイメージ/ピックアップバナー設定　ここから

===========================================================================*/
#background #topMainArea section {
    width: 100%;
}
#background #topMainArea p {
    margin-bottom: 0;
}
/*------------------------------------
  ピックアップ設定　ここから
-------------------------------------*/
#background #topPickupArea {
    background: url(./images/top/background_pickup.jpg);
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 70px 0 70px;
}
#background #topPickupArea section {
    display: flex;
    flex-wrap: wrap;
}
#background #topPickupArea p {
    margin-bottom: 25px;
    margin-left: 0;
    width: auto;
}
#background #topPickupArea p.wideBanner {
    width: 100%;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #topPickupArea {
        padding: 15px 15px 0 15px;
    }
    #background #topPickupArea section {
        display: block;
    }
    #background #topPickupArea p {
        margin-bottom: 15px;
        width: 100%;
    }
}
/*------------------------------------
  youtube設定　ここから
-------------------------------------*/
#background #topPickupArea dl {
    width: 370px;
    background: #fff;
    border: 1px solid #dff5ff;
    padding: 15px;
    margin-bottom: 25px;
}
#background #topPickupArea dl iframe {
    width: 336px;
    height: 257px;
}
#background #topPickupArea dl dd {
    line-height: 0;
}
#background #topPickupArea dl dt {
    padding-top: 5px;
}
#background #topPickupArea dl dt a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 10px 10px 10px 10px;
    background: #00a0e9;
    color: #fff;
    font-size: 14px;
    line-height: 1em;
    font-weight: bold;
}
#background #topPickupArea dl dt span {
    display: inline-block;
    padding-left: 40px;
    position: relative;
}
#background #topPickupArea dl dt span:before {
    display: block;
    content: " ";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -15px;
    background:url(./images/icon03.png);
    background-size: cover;
    z-index: 10;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #topPickupArea dl {
        width: 100%;
        padding: 5px;
        margin-bottom: 15px;
    }
    #background #topPickupArea dl iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
    #background #topPickupArea dl dd {
        position: relative;
        padding-top: 56.25%;
    }
    #background #topPickupArea dl dt {
        padding-top: 5px;
    }
}
/*===========================================================================

  トップコンテンツ設定　ここから

===========================================================================*/
/*------------------------------------
  トップアバウト設定　ここから
-------------------------------------*/
#background .topAboutSet {
    padding: 60px 0 20px;
    width: 720px;
}
#background .topAboutSet h3 ,
#background .topAboutSet p {
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.1em;
}
#background .topAboutSet span {
    display: inline-block;
}
#background .topAboutSet img {
    height: 40px;
    width: auto;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background .topAboutSet {
        padding: 20px 15px 15px;
        width: 100%;
    }
    #background .topAboutSet h3 ,
    #background .topAboutSet p {
        font-size: 14px;
        text-align: left;
    }
    #background .topAboutSet span {
        display: inline;
    }
    #background .topAboutSet img {
        height: auto;
        width: 100%;
    }
}
/*------------------------------------
  トップお知らせ設定　ここから
-------------------------------------*/
#background .topInfoSet {
    display: flex;
    align-items: center;
    border-top: 3px solid #e3e3e3;
    border-bottom: 3px solid #e3e3e3;
    margin-bottom: 15px;
}
#background .topInfoSet h3 {
    font-weight: normal;
    width: 210px;
    padding: 20px;
    margin: 0 auto 0 0;
    font-size: 14px;
}
#background .topInfoSet ul {
    width: 785px;
    margin: 0 0 0 auto;
}
#background .topInfoSet ul li {
    padding: 16px 0 15px;
    font-size: 14px;
}
#background .topInfoSet ul li:before {
    display: block;
    content: " ";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background:url(./images/under_line.png);
    z-index: 10;
}
#background .topInfoSet ul li:last-of-type:before {
    display: none;
}
#background .topInfoSet ul li span {
    margin-right: 10px;
}
#background .topInfoSet ul li a {
    text-decoration: underline;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background .topInfoSet {
        display: block;
        border-top-width: 2px;
        border-bottom-width: 2px;
        margin-bottom: 15px;
    }
    #background .topInfoSet h3 {
        text-align: center;
        width: 100%;
        padding: 15px 15px 0;
        margin: 0 0 0 0;
    }
    #background .topInfoSet ul {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 15px 0 15px;
    }
    #background .topInfoSet ul li span {
        margin-right: 0;
        display: block;
    }
    #background .topInfoSet ul li a {
        text-decoration: underline;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
/*------------------------------------
  トップサービス紹介設定　ここから
  @海運基準
-------------------------------------*/
#background .topBizSet {
    margin-bottom: 70px;
}
#background .topBizSet .titleBox {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
    position: relative;
    border-left: 1px solid #e5deea;
}
#background .topBizSet .titleBox figure {
    width: 655px;
}
#background .topBizSet .titleBox dl {
    width: 345px;
    position: static;
    padding: 0 20px;
}
#background .topBizSet .titleBox dl:before ,
#background .topBizSet .titleBox dl:after {
    display: block;
    content: " ";
    visibility: visible;
    width: 345px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: #e5deea;
    z-index: 10;
}
#background .topBizSet .titleBox dl:after {
    bottom: 0;
    top: auto;
}
#background .topBizSet .titleBox dt {
    margin-bottom: 40px;
}
#background .topBizSet .titleBox dd {
    text-align: center;
    font-size: 14px;
}
#background .topBizSet .titleBox dd span {
    display: inline-block;
}
/*-----------------------------------*/
#background .topBizSet p.more {
    width: 100%;
    margin: 0 0 0 0;
}
#background .topBizSet p.more a {
    display: block;
    padding: 15px;
    font-size: 20px;
    line-height: 1em;
    color: #fff;
    background: #7c5b94 url(./images/top/title01.png) no-repeat 100% 0;
    text-align: center;
}
#background .topBizSet p.more span {
    display: inline-block;
    padding-right: 40px;
    position: relative;
}
#background .topBizSet p.more span:before {
    display: block;
    content: " ";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
    background: url(./images/icon01.png);
    background-size: cover;
    z-index: 10;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background .topBizSet {
        margin-bottom: 15px;
        padding: 0 15px 0 15px;
    }
    #background .topBizSet .titleBox {
        margin-bottom: 20px;
        display: block;
        border-left: none;
    }
    #background .topBizSet .titleBox figure {
        width: 100%;
        margin-bottom: 20px;
    }
    #background .topBizSet .titleBox dl {
        width: 100%;
    }
    #background .topBizSet .titleBox dl:before ,
    #background .topBizSet .titleBox dl:after {
        display: none;
    }
    #background .topBizSet .titleBox dt {
        margin-bottom: 15px;
        padding: 0 20px 0 20px;
    }
    /*-----------------------------------*/
    #background .topBizSet p.more a {
        padding: 10px 30px 10px 10px;
        font-size: 16px;
        line-height: 1.4em;
        background-size: 100px 100px;
    }
    #background .topBizSet p.more span {
        padding-right: 25px;
    }
    #background .topBizSet p.more span:before {
        width: 16px;
        height: 16px;
        margin-top: -8px;
    }
}
/*------------------------------------
  トップサービス紹介バージョン設定　ここから
-------------------------------------*/
#background .topBizSet.colorG .titleBox ,
#background .topBizSet.colorB .titleBox {
    flex-flow: row;
    border-left: none;
    border-right: 1px solid;
}
#background .topBizSet.colorG .titleBox dl:before ,
#background .topBizSet.colorG .titleBox dl:after ,
#background .topBizSet.colorB .titleBox dl:before ,
#background .topBizSet.colorB .titleBox dl:after {
    left: auto;
    right: 0;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background .topBizSet.colorG .titleBox ,
    #background .topBizSet.colorB .titleBox {
        border-right: none;
    }
}
/*-----------------------------------*/
#background .topBizSet.colorG .titleBox {
    border-color: #d3e8e4;
}
#background .topBizSet.colorG .titleBox dl:before ,
#background .topBizSet.colorG .titleBox dl:after {
    background-color: #d3e8e4;
}
#background .topBizSet.colorG p.more a {
    background-color: #238a76;
    background-image: url(./images/top/title02.png);
}
#background .topBizSet.colorY .titleBox {
    border-color: #f5f3cc;
}
#background .topBizSet.colorY .titleBox dl:before ,
#background .topBizSet.colorY .titleBox dl:after {
    background-color: #f5f3cc;
}
#background .topBizSet.colorY p.more a {
    background-color: #cbc400;
    background-image: url(./images/top/title03.png);
}
#background .topBizSet.colorB .titleBox {
    border-color: #daedf5;
}
#background .topBizSet.colorB .titleBox dl:before ,
#background .topBizSet.colorB .titleBox dl:after {
    background-color: #daedf5;
}
#background .topBizSet.colorB p.more a {
    background-color: #46a7cb;
    background-image: url(./images/top/title04.png);
}
/*------------------------------------
  トップSNS設定　ここから
-------------------------------------*/
#background .topBizSet .snsBox {
    width: 100%;
    padding: 20px 0;
    border-bottom: 2px solid #cbc400;
    display: flex;
    flex-wrap: wrap;
}
#background .topBizSet .snsBox h4 {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #444;
    font-weight: normal;
}
#background .topBizSet .snsBox h5 {
    width: 36px;
    height: 36px;
    margin: 0 20px 0 20px;
    overflow: hidden;
    text-indent: -20em;
    background: url(./images/sns01.png) no-repeat 0 0;
    background-size: cover;
}
#background .topBizSet .snsBox h5:nth-of-type(2) {
    background-image: url(./images/sns02.png);
}
#background .topBizSet .snsBox h5:nth-of-type(3) {
    background-image: url(./images/sns03.png);
}
#background .topBizSet .snsBox ul {
    width: 237px;
    margin: 0 20px 0 0;
    position: relative;
}
#background .topBizSet .snsBox ul:nth-of-type(3n) {
    margin: 0 0 0 0;
}
#background .topBizSet .snsBox ul li {
    font-size: 12px;
}
#background .topBizSet .snsBox ul li a {
    font-weight: bold;
    color: #313131;
    text-decoration: underline;
}
#background .topBizSet .snsBox ul:before {
    display: block;
    content: " ";
    width: 1px;
    height: 36px;
    position: absolute;
    top: 0;
    right: -20px;
    background: url(./images/sns_sepa.png);
    z-index: 10;
}
#background .topBizSet .snsBox ul:nth-of-type(3n):before {
    display: none;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background .topBizSet .snsBox {
        width: 100%;
        padding: 15px 15px 15px 15px;
        border-bottom: 2px solid #d1c302;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    #background .topBizSet .snsBox h4 {
        padding: 0 0;
        margin-bottom: 15px;
        text-align: center;
    }
    #background .topBizSet .snsBox h5 {
        margin: 0 20px 0 0;
        margin-bottom: 15px;
    }
    #background .topBizSet .snsBox ul {
        width: calc(100% - 56px);
        margin: 0 0 15px 0;
    }
    #background .topBizSet .snsBox ul:before {
        display: none;
    }
}
/*===========================================================================
-----------------------------------------------------------------------------
  お知らせ詳細設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #infoTitle {
    width: 872px;
    padding-top: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #c9c9c9;
}
#background #infoTitle h2 {
    font-size: 32px;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 20px;
}
#background #infoTitle p:first-of-type {
    font-size: 18px;
    margin-bottom: 20px;
}
#background #infoTitle p:last-of-type {
    font-size: 14px;
    margin-bottom: 10px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #infoTitle {
        width: 100%;
        padding: 0 15px 0 15px;
        margin-bottom: 15px;
    }
    #background #infoTitle h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    #background #infoTitle p:first-of-type {
        font-size: 16px;
        margin-bottom: 10px;
    }
}
/*===========================================================================
-----------------------------------------------------------------------------
  エディター入力エリア設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background .editArea section {
    width: 872px;
    margin-bottom: 70px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background .editArea section {
        width: calc(100% - 30px);
        margin: 0 15px 15px 15px;
    }
}
/*===========================================================================
-----------------------------------------------------------------------------
  エルジオとは　設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #aboutArea section {
    margin-bottom: 50px;
    color: #4b4b4b;
}
#background #aboutArea h2 {
    text-align: center;
    margin-bottom: 80px;
}
#background #aboutArea h3 {
    text-align: center;
    margin-bottom: 40px;
}
#background #aboutArea h2 img {
    height: 80px;
    width: auto;
}
#background #aboutArea h3 img {
    height: 40px;
    width: auto;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #aboutArea section {
        margin: 0 0 15px 0;
        padding: 0 15px 0 15px;
    }
    #background #aboutArea h2 img ,
    #background #aboutArea h3 img {
        height: auto;
        width: 100%;
    }
    #background #aboutArea h2 ,
    #background #aboutArea h3 {
        margin-bottom: 15px;
    }
}
/*------------------------------------
  メニュー設定　ここから
-------------------------------------*/
#background #aboutTitle ul {
    display: flex;
    flex-wrap: wrap;
    width: 751px;
    margin: 0 auto 40px auto;
    border-right: 1px solid #7fcff4;
}
#background #aboutTitle ul li {
    width: 250px;
    padding: 15px;
    text-align: center;
    border-left: 1px solid #7fcff4;
}
#background #aboutTitle ul li a {
    display: inline-block;
    padding-left: 30px;
    position: relative;
}
#background #aboutTitle ul li a:before {
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    background: url(./images/icon04.png);
    background-size: cover;
    transform: rotate(90deg);
    z-index: 10;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #aboutTitle ul {
		width: auto;
        margin-bottom: 15px;
        border-right: none;
    }
    #background #aboutTitle ul li {
        width: 50%;
        padding: 10px;
        border-left: none;
        font-size: 14px;
    }
    #background #aboutTitle ul li:nth-of-type(2n) {
        border-left: 1px solid #7fcff4;
    }
    #background #aboutTitle ul li:nth-of-type(3) {
		width: 100%;
        border-top: 1px solid #7fcff4;
    }
    #background #aboutTitle ul li a {
        padding-left: 22px;
    }
    #background #aboutTitle ul li a:before {
        width: 12px;
        height: 12px;
        margin-top: -6px;
    }
}
/*------------------------------------
  メッセージ設定　ここから
-------------------------------------*/
#background #aboutMesse figure {
    width: 260px;
    float: left;
}
#background #aboutMesse h4 ,
#background #aboutMesse p {
    width: 700px;
    float: right;
    color: #4b4b4b;
}
#background #aboutMesse h4 {
    font-size: 21px;
    margin-bottom: 20px;
}
#background #aboutMesse p {
    font-size: 15px;
    line-height: 2em;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #aboutMesse {
        text-align: left;
    }
    #background #aboutMesse figure {
        width: 45%;
        margin: 0 10px 10px 0;
    }
    #background #aboutMesse h4 {
        float: none;
        width: auto;
        font-size: 16px;
        margin-bottom: 15px;
        text-align: center;
    }
    #background #aboutMesse p {
        width: auto;
        float: none;
        display: inline;
        text-align: left;
        font-size: 14px;
    }
}
/*------------------------------------
  事業領域設定　ここから
-------------------------------------*/
#background #aboutField {
    text-align: center;
    position: relative;
}
#background #aboutField figure {
    padding: 50px 0 50px 0;
    margin: 0 auto 0 auto;
    width: 400px;
}
#background #aboutField ul {
    position: absolute;
    z-index: 10;
}
#background #aboutField ul li {
    padding-left: 20px;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #003c83;
}
#background #aboutField ul li:before {
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    top: 5px;
    left: 0;
    background: #003c83;
    z-index: 10;
}
/*-----------------------------------*/
#background #aboutField ul.logi1 {
    top: 70px;
    left: 205px;
}
#background #aboutField ul.logi2 {
    top: 110px;
    left: 690px;
}
#background #aboutField ul.logi2 li {
    color: #5a3c70;
}
#background #aboutField ul.logi2 li:before {
    background: #5a3c70;
}
#background #aboutField ul.car {
    top: 315px;
    left: 725px;
}
#background #aboutField ul.car li {
    color: #1b6e5d;
}
#background #aboutField ul.car li:before {
    background: #1b6e5d;
}
#background #aboutField ul.care {
    top: 165px;
    left: 25px;
}
#background #aboutField ul.care li {
    color: #2695bc;
}
#background #aboutField ul.care li:before {
    background: #2695bc;
}
#background #aboutField ul.tsutaya {
    top: 375px;
    left: 25px;
}
#background #aboutField ul.tsutaya li {
    color: #9f9c15;
}
#background #aboutField ul.tsutaya li:before {
    background: #9f9c15;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #aboutField {
        text-align: left;
    }
    #background #aboutField figure {
        padding: 0 15px 0 15px;
        margin: 0 auto 15px auto;
        width: 100%;
    }
    #background #aboutField ul {
        position: static;
        margin-bottom: 10px;
    }
    #background #aboutField ul li {
        padding-left: 15px;
        font-size: 14px;
    }
    #background #aboutField ul li:before {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        top: 6px;
    }
}
/*------------------------------------
  各部門紹介設定　ここから
-------------------------------------*/
#background #aboutBusiness ul {
    display: flex;
    flex-wrap: wrap;
}
#background #aboutBusiness ul li {
    width: 480px;
    margin: 0 40px 40px 0;
}
#background #aboutBusiness ul li:nth-of-type(2n) {
    margin: 0 0 40px 0;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #aboutBusiness ul li ,
    #background #aboutBusiness ul li:nth-of-type(2n) {
        width: 100%;
        margin: 0 0 10px 0;
    }
}
/*===========================================================================
-----------------------------------------------------------------------------
  プライバシー設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #privacyArea section {
    text-align: center;
    margin-bottom: 80px;
    color: #4b4b4b;
}
#background #privacyArea h2 {
    margin-bottom: 50px;
    padding-bottom: 80px;
    text-align: center;
    border-bottom: 1px solid #c9c9c9;
}
#background #privacyArea h3 {
    margin-bottom: 40px;
    text-align: center;
}
#background #privacyArea h2 img ,
#background #privacyArea h3 img {
    height: 40px;
    width: auto;
}
#background #privacyArea h4 {
    margin-bottom: 50px;
    font-size: 21px;
    text-align: center;
}
#background #privacyArea h4 img {
    height: 60px;
    width: auto;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #privacyArea section {
        margin-bottom: 15px;
        padding: 0 15px 0 15px;
    }
    #background #privacyArea h2 {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    #background #privacyArea h3 ,
    #background #privacyArea h4 {
        margin-bottom: 15px;
        font-size: 16px;
        text-align: left;
    }
    #background #privacyArea h2 img ,
    #background #privacyArea h3 img ,
    #background #privacyArea h4 img {
        height: auto;
        width: 100%;
    }
}
/*-----------------------------------*/
#background #privacyArea p ,
#background #privacyArea ol ,
#background #privacyArea ul {
    margin-bottom: 50px;
    font-size: 15px;
    text-align: left;
}
#background #privacyArea ol li {
    margin: 0 0 10px 20px;
    padding-left: 20px;
    list-style-type: decimal;
}
#background #privacyArea ul li {
    margin: 0 0 10px 40px;
    padding-left: 0;
    list-style-type: disc;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #privacyArea p ,
    #background #privacyArea ol ,
    #background #privacyArea ul {
        margin-bottom: 15px;
        font-size: 14px;
    }
    #background #privacyArea ol li ,
    #background #privacyArea ul li {
        margin: 0 0 10px 20px;
        padding-left: 0;
    }
}
/*-----------------------------------*/
#background #privacyArea dl {
    display: inline-block;
    margin: 0 auto 50px auto;
    padding: 0 30px 25px 30px;
    border: 2px solid #ccecfb;
}
#background #privacyArea dl dt ,
#background #privacyArea dl dd {
    border-bottom: 1px dotted #939393;
    padding: 25px 15px 25px 15px;
    line-height: 1em;
    text-align: center;
}
#background #privacyArea dl a {
    color: #4b4b4b;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #privacyArea dl {
        display: block;
        margin: 0 auto 25px auto;
        padding: 0 15px 15px 15px;
    }
    #background #privacyArea dl dt ,
    #background #privacyArea dl dd {
        padding: 15px 15px 15px 15px;
        line-height: 1.4em;
        font-size: 14px;
    }
}

/*===========================================================================
-----------------------------------------------------------------------------
  会社概要　設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #companyArea {
    margin-bottom: 40px;
    color: #4b4b4b;
}
#background #companyArea section {
    margin-bottom: 40px;
}
#background #companyArea h2 {
    text-align: center;
    margin-bottom: 80px;
}
#background #companyArea h3 {
    text-align: center;
    margin-bottom: 40px;
}
#background #companyArea h2 img ,
#background #companyArea h3 img {
    height: 40px;
    width: auto;
}
#background #companyArea a[href^="tel:"] {
    color: #4b4b4b;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #companyArea  {
        margin-bottom: 0;
    }
    #background #companyArea section {
        margin: 0 0 15px 0;
        padding: 0 15px 0 15px;
    }
    #background #companyArea h2 ,
    #background #companyArea h3 {
        margin-bottom: 15px;
    }
    #background #companyArea h2 img ,
    #background #companyArea h3 img {
        height: auto;
        width: 100%;
    }
}
/*------------------------------------
  メニュー設定　ここから
-------------------------------------*/
#background #companyTitle ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    border-right: 1px solid #7fcff4;
}
#background #companyTitle ul li {
    width: 50%;
    padding: 15px;
    text-align: center;
    border-left: 1px solid #7fcff4;
}
#background #companyTitle ul li a {
    display: inline-block;
    padding-left: 30px;
    position: relative;
}
#background #companyTitle ul li a:before {
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    background: url(./images/icon04.png);
    background-size: cover;
    transform: rotate(90deg);
    z-index: 10;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #companyTitle ul {
        margin-bottom: 15px;
        border-right: none;
    }
    #background #companyTitle ul li {
        width: 50%;
        padding: 10px;
        border-left: none;
        font-size: 14px;
    }
    #background #companyTitle ul li:nth-of-type(2n) {
        border-left: 1px solid #7fcff4;
    }
    #background #companyTitle ul li a {
        padding-left: 22px;
    }
    #background #companyTitle ul li a:before {
        width: 12px;
        height: 12px;
        margin-top: -6px;
    }
}
/*------------------------------------
  テーブル設定　ここから
-------------------------------------*/
#background #companyArea table {
    width: 100%;
}
#background #companyArea table th ,
#background #companyArea table td {
    padding: 20px;
    font-size: 14px;
}
#background #companyArea table th {
    width: 220px;
}
#background #companyArea table tr:nth-of-type(2n) {
    background: #f3f3f3;
}
#background #companyArea table tr:first-of-type th {
    border-top: 4px solid #7fbf34;
}
#background #companyArea table tr:first-of-type td {
    border-top: 4px solid #dadada;
}
#background #companyArea table tr:last-of-type th ,
#background #companyArea table tr:last-of-type td {
    border-bottom: 4px solid #dadada;
}
#background #companyArea table td dl {
    margin-bottom: 10px;
}
#background #companyArea table td dl dt {
    font-weight: bold;
}
#background #companyArea table td dl dd {
    display: list-item;
	list-style: disc outside;
    margin-left: 20px;
}
#background #companyArea table td ul {
    margin-bottom: 0;
}
#background #companyArea table td ul li {
    list-style-type: disc;
    margin-left: 20px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #companyArea table th ,
    #background #companyArea table td {
        padding: 10px 15px 5px;
        display: block;
        width: 100%;
    }
    #background #companyArea table td {
        padding: 0 15px 10px;
    }
    #background #companyArea table td span {
        display: block;
    }
    #background #companyArea table tr:first-of-type td {
        border-top: none;
    }
    #background #companyArea table tr:last-of-type th {
        border-bottom: none;
    }
    #background #companyArea table td ul {
        margin-bottom: 0;
    }
    #background #companyArea table td ul li {
        list-style-type: disc;
        margin-left: 20px;
    }
}
/*===========================================================================

  アクセスセット設定　ここから

===========================================================================*/
#background #companyArea .accessSet {
    margin-bottom: 41px;
    padding-bottom: 40px;
    position: relative;
}
#background #companyArea .accessSet:before {
    display: block;
    content: " ";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(./images/under_line.png);
    z-index: 10;
}
#background #companyArea .accessSet .textBox {
    width: 460px;
    float: left;
}
#background #companyArea .accessSet h4 {
    font-size: 28px;
    line-height: 1em;
    font-weight: normal;
}
#background #companyArea .accessSet figure {
    margin-bottom: 30px;
}
#background #companyArea .accessSet dl ,
#background #companyArea .groupSet dl {
    width: 100%;
    margin: 0 0 0 0;
}
#background #companyArea .accessSet dl dt ,
#background #companyArea .groupSet dl dt {
    width: 90px;
    float: left;
    clear: both;
    font-size: 14px;
    color: #359297;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
    position: relative;
}
#background #companyArea .accessSet dl dt:before ,
#background #companyArea .groupSet dl dt:before {
    display: block;
    content: " ";
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background: #359297;
    z-index: 10;
}
#background #companyArea .accessSet dl dd ,
#background #companyArea .groupSet dl dd {
    width: 370px;
    float: right;
    font-size: 14px;
    margin-bottom: 10px;
    color: #666;
}
#background #companyArea .accessSet dl dd a[href^="tel:"] ,
#background #companyArea .groupSet dl dd a[href^="tel:"] {
    color: #666;
}
#background #companyArea .accessSet dl span ,
#background #companyArea .groupSet dl span {
    display: inline-block;
}
#background #companyArea .accessSet iframe {
    width: 510px;
    height: 450px;
    float: right;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #companyArea .accessSet {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    #background #companyArea .accessSet .textBox {
        width: 100%;
    }
    #background #companyArea .accessSet h4 {
        font-size: 18px;
    }
    #background #companyArea .accessSet figure {
        margin-bottom: 15px;
    }
    #background #companyArea .accessSet dl ,
    #background #companyArea .groupSet dl {
        width: 100%;
        margin: 0 0 0 0;
    }
    #background #companyArea .accessSet dl dd ,
    #background #companyArea .groupSet dl dd {
        width: calc(100% - 100px);
    }
    #background #companyArea .accessSet iframe {
        width: 100%;
        height: calc(100vw - 30px);
    }
}

/*------------------------------------
  グループ企業設定　ここから
-------------------------------------*/
#background #companyArea .groupSet {
    border-top: 1px solid #359297;
    padding: 35px 0 0;
    margin-bottom: 5px;
}
#background #companyArea .groupSet h4 ,
#background #companyArea .groupSet p ,
#background #companyArea #companyGroup .groupSet dl {
    width: 560px;
    float: left;
    margin-bottom: 20px;
    font-size: 14px;
}
#background #companyArea .groupSet p {
    color: #666;
    line-height: 2em;
}
#background #companyArea .groupSet h4 {
    font-size: 20px;
    line-height: 1em;
    color: #359297;
}
#background #companyArea #companyGroup .groupSet dl dd {
    width: 470px;
}
#background #companyArea .groupSet figure {
    width: 400px;
    float: right;
    margin-bottom: 30px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #companyArea .groupSet {
        padding: 20px 0 0;
    }
    #background #companyArea .groupSet h4 ,
    #background #companyArea .groupSet p ,
    #background #companyArea #companyGroup .groupSet dl {
        width: 100%;
        margin-bottom: 15px;
    }
    #background #companyArea .groupSet h4 {
        font-size: 16px;
    }
    #background #companyArea #companyGroup .groupSet dl dd {
        width: calc(100% - 100px);
    }
    #background #companyArea .groupSet figure {
        width: 100%;
        margin-bottom: 15px;
    }
}
/*===========================================================================
-----------------------------------------------------------------------------
  採用情報　設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #recruitArea {
    margin-bottom: 40px;
    color: #666;
}
#background #recruitArea section {
    margin-bottom: 50px;
}
#background #recruitArea h2 {
    text-align: center;
    margin-bottom: 80px;
}
#background #recruitArea h3 {
    text-align: center;
    margin-bottom: 40px;
}
#background #recruitArea h3 img {
    height: 40px;
    width: auto;
}
#background #recruitArea h2 img ,
#background #recruitArea #recruitMessage h3 img {
    height: 80px;
    width: auto;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #recruitArea  {
        margin-bottom: 0;
    }
    #background #recruitArea section {
        margin: 0 0 15px 0;
        padding: 0 15px 0 15px;
    }
    #background #recruitArea h2 ,
    #background #recruitArea h3 {
        margin-bottom: 15px;
    }
    #background #recruitArea h2 img ,
    #background #recruitArea h3 img ,
    #background #recruitArea #recruitMessage h3 img {
        height: auto;
        width: 100%;
    }
}
/*------------------------------------
  メニュー設定　ここから
-------------------------------------*/
#background #recruitTitle ul {
    display: flex;
    flex-wrap: wrap;
    width: 751px;
    margin: 0 auto 40px auto;
    border-right: 1px solid #7fcff4;
}
#background #recruitTitle ul li {
    width: 250px;
    padding: 15px;
    text-align: center;
    border-left: 1px solid #7fcff4;
}
#background #recruitTitle ul li a {
    display: inline-block;
    padding-left: 30px;
    position: relative;
}
#background #recruitTitle ul li a:before {
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    background: url(./images/icon04.png);
    background-size: cover;
    transform: rotate(90deg);
    z-index: 10;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #recruitTitle ul {
        width: auto;
        margin-bottom: 15px;
        border-right: none;
    }
    #background #recruitTitle ul li {
        width: 50%;
        padding: 10px;
        border-left: none;
        font-size: 14px;
    }
    #background #recruitTitle ul li:nth-of-type(3) {
        width: 100%;
        border-top: 1px solid #7fcff4;
    }
    #background #recruitTitle ul li:nth-of-type(2n) {
        border-left: 1px solid #7fcff4;
    }
    #background #recruitTitle ul li a {
        padding-left: 22px;
    }
    #background #recruitTitle ul li a:before {
        width: 12px;
        height: 12px;
        margin-top: -6px;
    }
}
/*------------------------------------
  求める人物像設定　ここから
-------------------------------------*/
#background #recruitTalent figure {
    width: 480px;
    margin-bottom: 40px;
    float: left;
}
#background #recruitTalent h4 ,
#background #recruitTalent p {
    width: 480px;
    margin-bottom: 20px;
    float: right;
    clear: none;
    font-size: 15px;
    line-height: 2em;
    color: #4b4b4b;
}
#background #recruitTalent h4 {
    font-size: 21px;
    line-height: 1.6em;
    color: #a4cf1d;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #recruitTalent figure {
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }
    #background #recruitTalent h4 ,
    #background #recruitTalent p {
        width: 100%;
        margin-bottom: 15px;
        float: none;
        font-size: 14px;
    }
    #background #recruitTalent h4 {
        font-size: 16px;
    }
}
/*------------------------------------
  採用の流れ設定　ここから
-------------------------------------*/
#background #recruitFlow h4 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}
#background #recruitFlow p {
    text-align: center;
}
#background #recruitFlow ul {
    display: flex;
    margin-bottom: 30px;
}
#background #recruitFlow ul li {
    width: 50%;
}
#background #recruitFlow ul li a {
    display: block;
    padding: 34px;
    background: #00ace9;
}
#background #recruitFlow ul li:nth-of-type(2) a {
    background: #e70012;
}
#background #recruitFlow .recruitseafarer h4{
    padding-top:30px;
    color:#7c5b94;
    font-weight: bold;
}
#background #recruitFlow .recruitseafarer p.pdf-link a{
    text-decoration:underline; 
    background: url(./images/pdf-icon.png) no-repeat left 50%!important;
    padding-left: 2.5em;
    font-size: 1.1em;

}
#background #recruitFlow .recruitseafarer p a:hover{
    text-decoration: none;
}


/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #recruitFlow h4 {
        font-size: 16px;
    }
    #background #recruitFlow p {
        text-align: left;
        font-size: 14px;
    }
    #background #recruitFlow ul {
        display: block;
        margin-bottom: 15px;
    }
    #background #recruitFlow ul li {
        width: 100%;
    }
    #background #recruitFlow ul li a {
        padding: 15px;
    }
    #background #recruitFlow .recruitseafarer p.pdf-link{
        text-align: center !important;
    }
}
/*------------------------------------
  しごと紹介動画設定　ここから
-------------------------------------*/
#background #recruitVideo {/*
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;*/
}
#background #recruitVideo h3 {
    font-size: 22px;
    line-height: 1em;
    color: #00a0e9;
    padding: 25px;
    border-top: 1px solid #00a0e9;
    border-bottom: 1px solid #00a0e9;
    text-align: center;
    margin-bottom: 40px;
    width: 100%;
    display: block;
}
#background #recruitVideo div {
    width: 480px;
    margin: 0 auto 40px 0;
    display: block;
    float: left;
}
#background #recruitVideo div:nth-of-type(2n) {
    margin: 0 0 40px auto;
    float: right;
}
#background #recruitVideo div.textBox {
    margin: 0 0 40px auto;
    float: right;
}
#background #recruitVideo div:nth-of-type(2) {
    margin: 0 auto 40px 0;
    float: left;
}
#background #recruitVideo div:nth-of-type(2n+1) {
    clear: both;
}
#background #recruitVideo div iframe {
    width: 100%;
    height: 275px;
}
#background #recruitVideo div h4 {
    font-size: 20px;
    color: #00a0e9;
    margin-bottom: 20px;
}
#background #recruitVideo div p {
    font-size: 15px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #recruitVideo {
        display: block;
    }
    #background #recruitVideo h3 {
        font-size: 18px;
        padding: 15px;
        margin-bottom: 15px;
    }
    #background #recruitVideo div ,
    #background #recruitVideo div:nth-of-type(2n) ,
    #background #recruitVideo div.textBox ,
    #background #recruitVideo div:nth-of-type(2) ,
    #background #recruitVideo div:nth-of-type(2n+1) {
        width: 100%;
        display: block;
        margin: 0 0 15px 0;
        position: relative;
        padding-top: 56.25%;
        float: none;
    }
    #background #recruitVideo div.textBox {
        padding-top: 0;
    }
    #background #recruitVideo div iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
    #background #recruitVideo div h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    #background #recruitVideo div p {
        font-size: 14px;
    }
}
/*------------------------------------
  先輩メッセージ設定　ここから
-------------------------------------*/
#background #recruitMessage div {
    margin-bottom: 30px;
}
#background #recruitMessage h4 {
    font-size: 20px;
    text-align: center;
    line-height: 1em;
    color: #fff;
    padding: 20px;
    background: #9d9803;
}
#background #recruitMessage h5 ,
#background #recruitMessage p {
    width: 653px;
    margin-bottom: 20px;
    float: right;
    clear: none;
}
#background #recruitMessage h5 {
    font-size: 20px;
    color: #9d9803;
}
#background #recruitMessage p {
    font-size: 14px;
    line-height: 2em;
    word-break: break-all;
}
#background #recruitMessage figure {
    width: 304px;
    margin-bottom: 20px;
    float: left;
}
#background #recruitMessage figcaption {
    font-size: 14px;
    margin-top: 10px;
}
/*-----------------------------------*/
#background #recruitMessage .messageG h4 {
    background: #238a76;
}
#background #recruitMessage .messageG h5 {
    color: #238a76;
}
#background #recruitMessage .messageB h4 {
    background: #00a0e9;
}
#background #recruitMessage .messageB h5 {
    color: #00a0e9;
}
#background #recruitMessage .messageP h4 {
    background: #7c5b94;
}
#background #recruitMessage .messageP h5 {
    color: #7c5b94;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #recruitMessage div {
        margin-bottom: 15px;
    }
    #background #recruitMessage h4 {
        font-size: 18px;
        padding: 10px 15px 10px;
    }
    #background #recruitMessage h5 ,
    #background #recruitMessage p ,
    #background #recruitMessage figure {
        width: 100%;
        margin-bottom: 15px;
        float: none;
    }
    #background #recruitMessage h5 {
        font-size: 16px;
    }
    #background #recruitMessage figcaption {
        font-size: 12px;
        margin-top: 5px;
    }
}
/*===========================================================================
-----------------------------------------------------------------------------
  部門紹介 ツタヤ 設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #tsutayaArea ,
#background #tsutayaArea section {
    margin-bottom: 40px;
    color: #666;
}
#background #tsutayaArea h2 {
    text-align: center;
    margin-bottom: 50px;
}
#background #tsutayaArea h2 img {
    height: 80px;
    width: auto;
}
#background #tsutayaArea a[href^="tel:"] {
    color: #666;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #tsutayaArea  {
        margin-bottom: 0;
    }
    #background #tsutayaArea section {
        margin: 0 0 15px 0;
        padding: 0 15px 0 15px;
    }
    #background #tsutayaArea h2 {
        margin-bottom: 15px;
    }
    #background #tsutayaArea h2 img {
        height: auto;
        width: 100%;
    }
}
/*-----------------------------------*/
#background #tsutayaMain figure {
    margin-bottom: 40px;
}
#background #tsutayaMain .textBox {
    width: 490px;
    float: left;
}
#background #tsutayaMain .textBox h3 {
    font-size: 30px;
    font-weight: normal;
    color: #9d9803;
    margin-bottom: 30px;
}
#background #tsutayaMain .textBox p {
    font-size: 15px;
    line-height: 2em;
    margin-bottom: 10px;
}
#background #tsutayaMain figure:last-of-type {
    width: 480px;
    float: right;
    margin-bottom: 10px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #tsutayaMain figure {
        margin-bottom: 15px;
    }
    #background #tsutayaMain .textBox ,
    #background #tsutayaMain figure:last-of-type {
        width: 100%;
        float: none;
        margin-bottom: 0;
    }
    #background #tsutayaMain .textBox h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    #background #tsutayaMain .textBox h3 br {
        display: none;
    }
    #background #tsutayaMain .textBox p {
        font-size: 14px;
        line-height: 1.6em;
        margin-bottom: 15px;
    }
}
/*------------------------------------
  店舗紹介設定　ここから
-------------------------------------*/
#background #tsutayaShop h3 {
    border-top: 1px solid #9d9803;
    border-bottom: 1px solid #9d9803;
    padding: 20px;
    font-size: 22px;
    color: #9d9803;
    margin-bottom: 50px;
    text-align: center;
}
#background #tsutayaShop .shopSet {
    position: relative;
    padding-bottom: 41px;
    margin-bottom: 40px;
	padding-top:160px;
    margin-top:-160px;
}
#background #tsutayaShop .shopSet:before {
    display: block;
    content: " ";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(./images/under_line.png);
    z-index: 10;
}
#background #tsutayaShop .shopSet figure {
    width: 480px;
    float: right;
    padding-bottom: 40px;
}
#background #tsutayaShop .shopSet .textBox {
    width: 500px;
    float: left;
    padding-bottom: 40px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #tsutayaShop h3 {
        padding: 10px;
        font-size: 18px;
        margin-bottom: 15px;
    }
    #background #tsutayaShop .shopSet {
        padding-bottom: 16px;
        margin-bottom: 15px;
    }
    #background #tsutayaShop .shopSet figure ,
    #background #tsutayaShop .shopSet .textBox {
        width: 100%;
        float: none;
        padding-bottom: 15px;
    }
}
/*-----------------------------------*/
#background #tsutayaShop .shopSet .textBox h4 {
    margin-bottom: 30px;
    line-height: 0;
}
#background #tsutayaShop .shopSet .textBox h4 img {
    width: 30px;
    margin-right: 10px;
}
#background #tsutayaShop .shopSet .textBox h5 {
    margin-bottom: 10px;
    line-height: 1em;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #9d9803;
}
#background #tsutayaShop .shopSet .textBox h5 span {
    margin-right: 15px;
}
#background #tsutayaShop .shopSet .textBox h5 a {
    width: 25px;
    margin-left: 5px;
}
#background #tsutayaShop .shopSet .textBox p {
    padding-top: 10px;
    margin-bottom: 30px;
    font-size: 14px;
}
#background #tsutayaShop .shopSet .textBox dl {
    width: 100%;
    margin: 0 0 0 0;
}
#background #tsutayaShop .shopSet .textBox dl dt {
    width: 90px;
    float: left;
    clear: both;
    font-size: 14px;
    color: #9d9803;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
    position: relative;
}
#background #tsutayaShop .shopSet .textBox dl dt:before {
    display: block;
    content: " ";
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background: #9d9803;
    z-index: 10;
}
#background #tsutayaShop .shopSet .textBox dl dd {
    width: 400px;
    float: right;
    font-size: 14px;
    margin-bottom: 10px;
}
#background #tsutayaShop .shopSet .textBox dl span {
    display: inline-block;
}
#background #tsutayaShop .shopSet a span {
    display: inline-block;
    padding-left: 20px;
    position: relative;
}
#background #tsutayaShop .shopSet a span:before {
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    background: url(./images/icon05.png);
    background-size: cover;
    z-index: 10;
}
#background #tsutayaShop .shopSet a span {
    display: inline-block;
    padding-left: 20px;
    position: relative;
}
#background #tsutayaShop .shopSet iframe {
    width: 100%;
    height: 280px;
    clear: both;
    clear: both;
}
#background #tsutayaShop .shopSet p.more {
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-bottom: 0;
	z-index:100;
	position:relative;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #tsutayaShop .shopSet .textBox h4 {
        margin-bottom: 10px;
        line-height: 0;
    }
    #background #tsutayaShop .shopSet .textBox h5 {
        font-size: 16px;
    }
    #background #tsutayaShop .shopSet .textBox h5 span {
        margin-right: 10px;
    }
    #background #tsutayaShop .shopSet .textBox p {
        padding-top: 10px;
        margin-bottom: 15px;
    }
    #background #tsutayaShop .shopSet .textBox dl dd {
        width: calc(100% - 100px);
    }
    #background #tsutayaShop .shopSet a span {
        padding-left: 15px;
    }
    #background #tsutayaShop .shopSet a span:before {
        top: 0.4em;
        margin-top: 0;
    }
    #background #tsutayaShop .shopSet a span {
        display: inline-block;
        padding-left: 20px;
        position: relative;
    }
    #background #tsutayaShop .shopSet iframe {
        height: calc(100vw -30px);
    }
    #background #tsutayaShop .shopSet p.more {
        text-align: left;
    }
}

/*===========================================================================
-----------------------------------------------------------------------------
  部門紹介 海運 設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #logiArea ,
#background #logiArea section {
    margin-bottom: 40px;
    color: #666;
}
#background #logiArea h2 {
    text-align: center;
    margin-bottom: 50px;
}
#background #logiArea h2 img {
    height: 80px;
    width: auto;
}
#background #logiArea a[href^="tel:"] {
    color: #666;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #logiArea  {
        margin-bottom: 0;
    }
    #background #logiArea section {
        margin: 0 0 15px 0;
        padding: 0 15px 0 15px;
    }
    #background #logiArea h2 {
        margin-bottom: 15px;
    }
    #background #logiArea h2 img {
        height: auto;
        width: 100%;
    }
}
/*------------------------------------
  海運メイン設定　ここから
-------------------------------------*/
#background #logiMain figure {
    margin-bottom: 40px;
}
#background #logiMain .textBox {
    padding-right: 290px;
    background: url(./images/logistics/image01.png) no-repeat 100% 0;
    min-height: 320px;
}
#background #logiMain h3 {
    font-size: 30px;
    font-weight: normal;
    color: #7c5b95;
    margin-bottom: 30px;
}
#background #logiMain p {
    font-size: 15px;
    line-height: 2em;
    margin-bottom: 40px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #logiMain figure {
        margin-bottom: 15px;
    }
    #background #logiMain .textBox {
        padding-right: 0;
        background: transparent;
        min-height: 0;
    }
    #background #logiMain h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    #background #logiMain p {
        font-size: 14px;
        line-height: 1.6em;
        margin-bottom: 15px;
    }
}
/*------------------------------------
  チーム紹介 事務所共通設定　ここから
-------------------------------------*/
#background #logiTeam {
    margin-bottom: 30px;
}
#background #logiTeam .teamSet {
    display: flex;
    flex-wrap: wrap;
}
#background #logiTeam ul ,
#background #logiTeam figure ,
#background #logiTeam .textBox,
#background #logiOffice figure ,
#background #logiOffice .textBox {
    width: 480px;
    margin: 0 auto 20px auto;
}
#background #logiTeam .textBox h4 ,
#background #logiOffice .textBox h4 {
    font-size: 20px;
    color: #7e5d95;
    margin-bottom: 20px;
}
#background #logiTeam .textBox p ,
#background #logiOffice .textBox p {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 20px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #logiTeam {
        margin-bottom: 0;
    }
    #background #logiTeam ul ,
    #background #logiTeam figure ,
    #background #logiTeam .textBox,
    #background #logiOffice figure ,
    #background #logiOffice .textBox {
        width: 100%;
        margin-bottom: 15px;
    }
    #background #logiTeam .teamSet {
        margin-bottom: 15px;
    }
    #background #logiTeam .teamSet .textBox {
        margin-bottom: 0;
    }
    #background #logiTeam .textBox h4 ,
    #background #logiOffice .textBox h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    #background #logiTeam .textBox p ,
    #background #logiOffice .textBox p {
        margin-bottom: 15px;
    }
}
/*------------------------------------
  チーム紹介詳細設定　ここから
-------------------------------------*/
#background #logiTeam h3 {
    text-align: center;
    font-size: 30px;
    line-height: 1.2em;
    color: #7e5d95;
}
#background #logiTeam h3 span {
    display: inline-block;
    border-bottom: 2px solid #9c84ae;
}
#background #logiTeam .teamSet .textBox {
    margin-left: 0;
}
#background #logiTeam .teamSet ul ,
#background #logiTeam .teamSet figure {
    margin-right: 0;
}
/*-----------------------------------*/
#background #logiTeam .teamSet:first-child {
    margin-bottom: 30px;
}
#background #logiTeam .teamSet:first-child .textBox {
    margin-left: auto;
    margin-right: 0;
}
#background #logiTeam .teamSet:first-child figure ,
#background #logiTeam .teamSet figure:nth-child(3) {
    margin-left: 0;
    margin-right: auto;
}
#background #logiTeam .teamSet figcaption  {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1em;
}
#background #logiTeam .teamSet ul li {
    width: 230px;
    float: left;
}
#background #logiTeam .teamSet ul li:last-of-type {
    float: right;
}
#background #logiTeam .teamSet ul li figure {
    width: 230px;
    margin: 0 0 0 0;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #logiTeam h3 {
        font-size: 18px;
        margin-bottom: 18px;
    }
    #background #logiTeam .teamSet:first-child {
        margin-bottom: 0;
    }
    #background #logiTeam .teamSet figcaption {
        margin-top: 10px;
        font-size: 12px;
    }
    #background #logiTeam .teamSet ul li {
        width: calc(50% - 7px);
    }
    #background #logiTeam .teamSet ul li figure {
        width: 100%;
    }
}
/*------------------------------------
  事務所詳細設定　ここから
-------------------------------------*/
#background #logiOffice {
    display: flex;
    flex-wrap: wrap;
}
#background #logiOffice h3 {
    width: 100%;
    font-size: 22px;
    line-height: 1em;
    padding: 25px;
    margin: 30px 0 40px;
    color: #7e5d95;
    border-top: 1px solid #7e5d95;
    border-bottom: 1px solid #7e5d95;
    text-align: center;
}
#background #logiOffice .textBox {
    margin-left: 0;
    margin-right: auto;
}
#background #logiOffice figure ,
#background #logiOffice .textBox:nth-of-type(2n) {
    margin-left: auto;
    margin-right: 0;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #logiOffice {
        display: block;
    }
    #background #logiOffice h3 {
        font-size: 18px;
        padding: 15px;
        margin: 10px 0 15px;
    }
}
/*-----------------------------------*/
#background #logiOffice .textBox dl {
    width: 100%;
    margin: 0 0 0 0;
}
#background #logiOffice .textBox dl dt {
    width: 90px;
    float: left;
    clear: both;
    font-size: 14px;
    color: #7e5d95;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
    position: relative;
}
#background #logiOffice .textBox dl dt:before {
    display: block;
    content: " ";
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background: #7e5d95;
    z-index: 10;
}
#background #logiOffice .textBox dl dd {
    width: 380px;
    float: right;
    font-size: 14px;
    margin-bottom: 10px;
}
#background #logiOffice .textBox dl span {
    display: inline-block;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #logiOffice .textBox dl dd {
        width: calc(100% - 100px);
    }
}
/*===========================================================================
-----------------------------------------------------------------------------
  部門紹介 介護 設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #careArea ,
#background #careArea section {
    margin-bottom: 40px;
    color: #666;
}
#background #careArea a[href^="tel:"] {
    color: #666;
}
#background #careArea h2 {
    text-align: center;
    margin-bottom: 50px;
}
#background #careArea h2 img {
    height: 80px;
    width: auto;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #careArea  {
        margin-bottom: 0;
    }
    #background #careArea section {
        margin: 0 0 15px 0;
        padding: 0 15px 0 15px;
    }
    #background #careArea h2 {
        margin-bottom: 15px;
    }
    #background #careArea h2 img {
        height: auto;
        width: 100%;
    }
}
/*------------------------------------
  メイン設定　ここから
-------------------------------------*/
#background #careMain figure {
    margin-bottom: 35px;
}
#background #careMain h3 {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.4em;
    color: #00a0e9;
    margin-bottom: 30px;
}
#background #careMain p {
    font-size: 15px;
    line-height: 2em;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #careMain figure {
        margin-bottom: 15px;
    }
    #background #careMain h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    #background #careMain h3 br {
        display: none;
    }
    #background #careMain p {
        font-size: 14px;
    }
}
/*------------------------------------
  事業所紹介 設定　ここから
-------------------------------------*/
#background .careOffice {
    padding-top: 41px;
    background: url(./images/under_line.png) repeat-x 0 0;
}
#background .careOffice .textBox.addPhoto {
    min-height: 292px;
}
#background .careOffice h3 {
    font-size: 30px;
    color: #fff;
    background: #3fa6ca;
    padding: 25px 20px 20px;
    line-height: 1em;
    margin-bottom: 40px;
    text-align: center;
}
#background .careOffice.careCenter h3 {
    color: #00a0e9;
    background: transparent;
    padding: 10px 0 0;
}
#background .careOffice.careCenter h3 span {
    border-bottom: 2px solid #3fb7ee;
}
#background .careOffice h4 {
    font-size: 22px;
    color: #00a0e9;
    padding: 20px;
    line-height: 1em;
    margin: 40px 0 40px;
    text-align: center;
    border-top: 1px solid #00a0e9;
    border-bottom: 1px solid #00a0e9;
}
#background .careOffice h5 {
    font-size: 20px;
    color: #00a0e9;
    margin-bottom: 20px;
}
#background .careOffice p {
    font-size: 14px;
    line-height: 2em;
}
#background .careOffice ul li {
    margin-left: 20px;
    list-style-type: square;
    font-size: 14px;
    line-height: 2em;
}
#background .careOffice figcaption {
    margin-top: 20px;
    font-size: 14px;
}
#background .careOffice .addPhoto h5 ,
#background .careOffice .addPhoto p ,
#background .careOffice .addPhoto ul ,
#background .careOffice .addPhoto figure {
    width: 480px;
    display: block;
    margin-left: 0;
}
#background .careOffice .addPhoto figure {
    position: absolute;
    top: 0;
    right: 0;
}
#background .careOffice .addPhoto figure.static {
    position: static;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #careArea section.careOffice {
        padding-top: 16px;
    }
    #background .careOffice .textBox.addPhoto {
        min-height: 0;
    }
    #background .careOffice h3 {
        font-size: 16px;
        line-height: 1.2em;
        padding: 10px 10px 10px;
        margin-bottom: 20px;
        text-align: left;
    }
    #background .careOffice.careCenter h3 {
        margin-bottom: 25px;
        text-align: center;
    }
    #background .careOffice h4 {
        font-size: 16px;
        padding: 10px;
        margin: 15px 0 20px;
    }
    #background .careOffice h5 {
        font-size: 16px;
        line-height: 1.4em;
        margin-bottom: 10px;
    }
    #background .careOffice ul li {
        margin-left: 16px;
    }
    #background .careOffice figcaption {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.4em;
    }
    #background .careOffice .addPhoto h5 ,
    #background .careOffice .addPhoto p ,
    #background .careOffice .addPhoto ul ,
    #background .careOffice .addPhoto figure {
        width: 100%;
        margin-bottom: 15px;
    }
    #background .careOffice .addPhoto h5 {
        margin-bottom: 10px;
    }
    #background .careOffice .addPhoto h5 br {
        display: none;
    }
    #background .careOffice .addPhoto figure ,
    #background .careOffice .addPhoto figure.static {
        position: static;
    }
}
/*-----------------------------------*/
#background .careOffice .textBox dl {
    width: 480px;
    margin: 0 0 20px 0;
}
#background .careOffice .textBox dl dt {
    width: 90px;
    float: left;
    clear: both;
    font-size: 14px;
    color: #00a0e9;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
    position: relative;
}
#background .careOffice .textBox dl dt:before {
    display: block;
    content: " ";
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background: #00a0e9;
    z-index: 10;
}
#background .careOffice .textBox dl dd {
    width: 380px;
    float: right;
    font-size: 14px;
    margin-bottom: 10px;
}
#background .careOffice .textBox dl span {
    display: inline-block;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background .careOffice .textBox dl {
        width: 100%;
        margin: 0 0 15px 0;
    }
    #background .careOffice .textBox dl dt {
        width: 80px;
    }
    #background .careOffice .textBox dl dd {
        width: calc(100% - 90px);
    }
}
/*------------------------------------
  施設料金 設定　ここから
-------------------------------------*/
#background .careOffice .priceBox {
    width: 480px;
    float: left;
}
#background .careOffice .priceBox:nth-of-type(2n) {
    float: right;
}
#background .careOffice .priceBox h5 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
#background .careOffice .priceBox h5 span {
    display: block;
    background: #00a0e9;
    color: #fff;
    padding: 5px 30px 5px 30px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1em;
}
#background .careOffice .priceBox h5 small {
    display: block;
    color: #00a0e9;
    padding: 5px 15px 5px 15px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1em;
}
#background .careOffice .priceBox h5 strong {
    display: block;
    width: 100%;
    line-height: 1em;
}
/*-----------------------------------*/
#background .careOffice .priceBox table {
    width: 100%;
    margin: 0;
}
#background .careOffice .priceBox table th ,
#background .careOffice .priceBox table td {
    border: 1px solid #d1dfdf;
    padding: 10px;
    font-size: 14px;
}
#background .careOffice .priceBox table th {
    padding: 10px 20px;
    background: #f5f8f8;
    width: 140px;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background .careOffice .priceBox ,
    #background .careOffice .priceBox:nth-of-type(2n) {
        width: 100%;
        float: none;
    }
    #background .careOffice .priceBox h5 {
        margin-bottom: 15px;
    }
    #background .careOffice .priceBox h5 span ,
    #background .careOffice .priceBox h5 small {
        padding: 5px 10px 5px 10px;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1em;
    }
    #background .careOffice .priceBox h5 strong {
        line-height: 1.6em;
    }
    /*-----------------------------------*/
    #background .careOffice .priceBox table {
        border-bottom: 1px solid #d1dfdf;
        margin-bottom: 15px;
    }
    #background .careOffice .priceBox table th ,
    #background .careOffice .priceBox table td {
        padding:  5px 10px;
        display: block;
        width: 100%;
        border-bottom: none;
    }
}
/*------------------------------------
  GoogleMap設定　ここから
-------------------------------------*/
#background .careOffice a span {
    display: inline-block;
    padding-left: 20px;
    position: relative;
}
#background .careOffice a span:before {
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    background: url(./images/icon05.png);
    background-size: cover;
    z-index: 10;
}
#background .careOffice iframe {
    width: 100%;
    height: 280px;
    clear: both;
    clear: both;
}
#background .careOffice p.more {
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-bottom: 0;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background .careOffice a span {
        padding-left: 15px;
    }
    #background .careOffice a span:before {
        top: 0.4em;
        margin-top: 0;
    }
    #background .careOffice a span {
        display: inline-block;
        padding-left: 20px;
        position: relative;
    }
    #background .careOffice iframe {
        height: calc(100vw -30px);
    }
    #background .careOffice p.more {
        text-align: left;
    }
}

/*===========================================================================
-----------------------------------------------------------------------------
  お問い合わせ 設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #contactArea ,
#background #contactArea section {
    margin-bottom: 40px;
    color: #4b4b4b;
}
#background #contactArea h2 {
    text-align: center;
    margin-bottom: 40px;
}
#background #contactArea h2 img {
    height: 80px;
    width: auto;
}
#background #contactArea h3 {
    text-align: center;
    margin-bottom: 10px;
}
#background #contactArea h3 img {
    height: 40px;
    width: auto;
}
#background #contactArea p.more {
    text-align: center;
}
#background #contactTitle p {
    margin-bottom: 50px;
}
#background #contactTitle p a {
    display: inline-block;
    font-size: 16px;
    color: #359297;
    padding-left: 20px;
    position: relative;
    text-decoration: underline;
}
#background #contactTitle p a:before {
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    background: url(./images/icon06.png);
    background-size: cover;
    z-index: 10;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #contactArea  {
        margin-bottom: 0;
    }
    #background #contactArea section {
        margin: 0 0 15px 0;
        padding: 0 15px 0 15px;
    }
    #background #contactArea h2 {
        margin-bottom: 15px;
    }
    #background #contactArea h2 img ,
    #background #contactArea h3 img {
        height: auto;
        width: 100%;
    }
    #background #contactTitle p {
        margin-bottom: 0;
    }
    #background #contactTitle p a {
        font-size: 14px;
    }
}
/*------------------------------------
  フォーム設定　ここから
-------------------------------------*/
#background #contactForm p:first-of-type {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
}
#background #contactForm table span {
    display: block;
    position: relative;
    padding-right: 80px;
}
#background #contactForm table th span:before {
    display: block;
    content: "必須";
    position: absolute;
    background: #da332d;
    color: #fff;
    font-size: 12px;
    line-height: 1em;
    padding: 5px 10px 3px;
    border-radius: 4px;
    top: 50%;
    right: 0;
    margin-top: -10px;
    z-index: 10;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #contactForm p:first-of-type {
        font-size: 12px;
        text-align: left;
    }
    #background #contactForm table span {
        display: inline-block;
        padding-right: 60px;
    }
}
/*-----------------------------------*/
#background #contactForm input[type='text'] ,
#background #contactForm input[type='tel'] ,
#background #contactForm input[type='email'] ,
#background #contactForm textarea {
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    padding: 0 10px;
    line-height: 2em;
}
#background #contactForm input[type='text'] ,
#background #contactForm input[type='tel'] ,
#background #contactForm input[type='email'] {
    width: 50%;
}
#background #contactForm textarea {
    width: 100%;
    height: 6em;
}
#background #contactForm select {
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
}
#background #contactForm input[type='submit'] {
    display: inline-block;
    cursor: pointer;
    background: #fff url(./images/icon07.png) no-repeat 95% 50%;
    background-size: 20px 20px;
    position: relative;
    padding: 15px 170px;
    text-decoration: underline;
    font-size: 16px;
    color: #00a0e9;
    border: 1px solid #7fcff4;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    box-sizing: border-box;
}
#background #contactForm input[type='submit']:hover {
    filter: Alpha(opacity=50);
    opacity: 0.5;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #contactForm input[type='text'] ,
    #background #contactForm input[type='tel'] ,
    #background #contactForm input[type='email'] ,
    #background #contactForm textarea {
        padding: 0 5px;
        width: 100%;
    }
    #background #contactForm input[type='submit'] {
        display: block;
        width: 100%;
        background: #fff url(./images/icon07.png) no-repeat 95% 50%;
        padding: 15px 50px;
        margin-bottom: 15px;
    }
}
/*-----------------------------------*/
#background #contactArea table {
    width: 100%;
    margin-bottom: 50px;
}
#background #contactArea table th ,
#background #contactArea table td {
    padding: 20px;
    font-size: 14px;
}
#background #contactArea table th {
    width: 300px;
    line-height: 2.1em;
}
#background #contactArea table tr:nth-of-type(2n) {
    background: #f3f3f3;
}
#background #contactArea table tr:first-of-type th {
    border-top: 4px solid #7fbf34;
}
#background #contactArea table tr:first-of-type td {
    border-top: 4px solid #dadada;
}
#background #contactArea table tr:last-of-type th ,
#background #contactArea table tr:last-of-type td {
    border-bottom: 4px solid #dadada;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #contactArea table {
        margin-bottom: 15px;
    }
    #background #contactArea table th ,
    #background #contactArea table td {
        padding: 10px 15px 5px;
        display: block;
        width: 100%;
    }
    #background #contactArea table td {
        padding: 0 15px 10px;
    }
    #background #contactArea table tr:first-of-type td {
        border-top: none;
    }
    #background #contactArea table tr:last-of-type th {
        border-bottom: none;
    }
}

/*===========================================================================
-----------------------------------------------------------------------------
  追加お知らせ一覧 設定　ここから
  @180712
-----------------------------------------------------------------------------
===========================================================================*/
#background #infoList {
    margin-bottom: 70px;
    width: 870px;
}
#background #infoList h2 {
    margin-bottom: 90px;
    text-align: center;
}
#background #infoList h2 img {
    width: auto;
    height: 40px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #infoList {
        margin-bottom: 20px;
        width: 100%;
        padding: 0 15px 0 15px;
    }
    #background #infoList h2 {
        margin-bottom: 20px;
    }
    #background #infoList h2 img {
        width: 100%;
        height: auto;
    }
}
/*-----------------------------------*/
#background #infoList ul {
    border-top: 2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
    margin-bottom: 0;
    font-size: 14px;
    color: #555;
}
#background #infoList ul li {
    padding: 16px 0 15px;
}
#background #infoList ul li:before {
    display: block;
    content: " ";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background:url(./images/under_line.png);
    z-index: 10;
}
#background #infoList ul li:last-of-type:before {
    display: none;
}
#background #infoList ul li span {
    display: block;
    width: 120px;
    float: left;
}
#background #infoList ul li a {
    display: block;
    width: 720px;
    text-decoration: underline;
    float: right;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #infoList ul li span ,
    #background #infoList ul li a {
        width: 100%;
        float: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #background #infoList ul li span {
        font-size: 12px;
    }
}
/*===========================================================================

  追加お知らせ一覧へ 設定　ここから

===========================================================================*/
#background .infoSetMore a {
    display: inline-block;
    padding: 15px 40px 15px 40px;
    border: 1px solid #7fcff2;
    position: relative;
    line-height: 1em;
    text-decoration: underline;
}
#background .infoSetMore a:before {
    display: block;
    content: " ";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
    background: url(./images/icon04.png);
    background-size: cover;
    z-index: 10;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background .infoSetMore a {
        display: block;
        font-size: 16px;
    }
}
/*-----------------------------------*/
#background #topContentsArea .infoSetMore p {
    text-align: center;
    margin: 0 0 0 0;
    padding: 5px 0 50px;
}
#background .editArea .infoSetMore p {
    text-align: center;
}
#background .editArea .infoSetMore a {
    padding: 15px 40px 15px 60px;
}
#background .editArea .infoSetMore a:before {
    right: auto;
    left: 10px;
    transform: rotate(180deg);
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
    #background #topContentsArea .infoSetMore p {
        padding: 0 15px 20px;
    }
}


/*===========================================================================

  設定　ここから

===========================================================================*/

/*------------------------------------
  設定　ここから
-------------------------------------*/

/*-----------------------------------*/

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
}