/**
 * ヘッダーメニュー
 */
.sub-menu li {
    /* display: none; */
}
.sub-menu li:not(:first-child) {
    display: block;
}
.sub-header-icons {
    display: none!important;
}
/**
 * 画面最下部ボタン
 */
.bottom_btn {
    display: none;
}
/**
 * 航路地図
 */
.sp_route_map {
    display: none;
}
/**
 * 共通
 */
.parent_content {
    width: 1105px;
    margin: 0 auto;
    padding: 0;
}

.info_title {
    font-size: 1.5em;
    margin: 0 0 20px;
    padding-left: 4px;
    padding-bottom: 7px;
    border-bottom: 1px solid #000;
}

.info_side_menu {
    margin: 4.4em 0 0;
}

.info_side_menu h1:not(:first-child) {
    margin-top: 2em;
}

/**
 * 会社案内
 */
.company-links {
    height: 300px;
    padding-top: 50px;
}

.company-link {
    margin: 0;
    padding: 2%;
    padding-left: 0;
    width: 20%;
    display: inline-flex;
}

.company-link:not(:last-child) {
    margin-right: 10px;
}

/*
 * 会社概要、沿革
 */
.company-list {
    font-size: 120%;
}

.company-list .list {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #DFE3EF;
}

.company-list dt {
    width: 20%;
    padding: 5px 0 0 8px;
    font-weight: bold;
}

.company-list dd {
    width: 80%;
    padding: 5px 0 5px 8px;
    margin-left: 5px;
}

/* 
 * 採用選考、入社手続きに関する個人情報の取り扱いについて
 */
.head_sentence {
    font-weight: 100;
}

.sentence_box {
    margin-top: 40px;
}

.sentence_box h2 {
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #1A436D;
}

.sentence_box p {
    font-weight: 100;
}

.sentence_box ul {
    font-size: 1.7rem;
    margin: 0 0 16px;
}

.sentence_box .sentence_box_inner {
    background-color: #DFE3EF;
    padding-left: 20px;
}

.sentence_box .sentence_box_inner p {
    margin: 0;
}

.end_phrase {
    text-align: right;
    margin: 30px 0;
}

/* 
 * グループ会社
 */
.shk_logo {
    width: 18%;
}

.copy {
    font-size: 155%;
    font-weight: bold;
}

.sea_route_img {
    width: 85%;
}

.group-list {
    overflow: hidden;
    margin: 25px 0 13px;
}

.group-list .wrap {
    display: flex;
}

.group-list .list {
    float: left;
    width: 198px;
    margin-right: 32px;
    padding-bottom: 15px;
    line-height: 1.6;
}

/*
 * 運送約款
 */
.inner-sec {
    padding-left: 10px;
}

.inner-sec p:not(:first-child) {
    font-size: 1.5rem;
}

.inner-sec ul {
    line-height: 1.6;
}

.inner-sec li {
    margin-top: 2px;
    text-indent: -1.5em;
    padding-left: 1.5em;
}

.inner-sec li .num {
    display: inline-block;
    font-weight: bold;
    width: 1.5em;
    padding: 0;
    text-indent: 0;
}

.list-number li .parentheses_num {
    text-align: right;
    font-weight: normal;
    width: 2em;
    padding: 0 .5em 0 0;
}

.chapter_title {
    padding: 10px 20px;
    background-color: #DFE3EF;
}

.section_title {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #000;
}

.paragraph {
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 0.5em;
}

/**
 * 安全運航の取り組み
 */
.safety_section {
    font-size: 1.5rem;
}

.safety_section ul {
    text-indent: 1em;
    line-height: 2;
    margin: 1em 0;
    font-size: 1.7rem;
}

.safety_section .inner-sec {
    margin: 30px 10px;
}

.safety_section .section_title {
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: solid 1px #000;
    margin-bottom: 20px;
}

.safety_section .box {
    margin-right: 2em;
}

.safety_section .notes {
    text-indent: 1em;
    line-height: 2;
    margin: 1em 0;
    font-size: 1.7rem;
    margin-bottom: 2em;
}

.safety-img {
    padding: 4px;
    border: solid 1px #DFE3EF;
}

/**
 * 個人情報の取り扱い
 */
.privacy_section {
    margin-bottom: 2em;
}

.privacy_section .inner-sec li {
    list-style: inside;
}

.privacy_section .inner-sec p {
    font-weight: 100;
    margin-bottom: 0;
}

.privacy_section .sec {
    margin-bottom: 1em;
}

.privacy_section .sec h4 {
    margin-bottom: 0.5em;
}

.privacy_section .sec p {
    padding-left: 1em;
}

/**
 * 共通
 */
/* 矢印アイコンリンク */
.reservation_section .link {
    margin: 0.5em 0;
    position: relative;
    padding-left: 2.3em;
    padding-top: 0.1em;
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.reservation_section .link:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 8px;
    border-radius: 50% !important;
    background: #1A436D;
}

.reservation_section .link:after {
    content: "";
    margin-top: 5px;
    position: absolute;
    top: 3px;
    left: 15px;
    border: 5px solid transparent;
    border-left: 9px solid white;
}

/* 文中のリンク */
.link_under_line {
    color: #d0364f;
    text-decoration: underline;
}

/* ※付き */
.reservation_section .note {
    text-indent: -1em;
}

/* ・ 付きリスト */
.list-style li {
    list-style: inside;
    width: 100%;
    text-align: left;
    text-indent: -1em;
    padding-left: 1.5em;
    margin-bottom: 0.8em;
    font-size: 1.8rem;
}

.reservation_section .section_title {
    font-weight: bold;
    margin-top: 2.5em;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #000;
}

/**
 * 4画面共通
 * ご予約について、インターネット、電話・窓口、旅行会社
 */
.reservation_section {
    margin-bottom: 1em;
}

.reservation_section p,
.reservation_section ul,
.reservation_section span {
    font-size: 1.5rem !important;
    font-weight: 100;
}

/* 下向き矢印 */
.reservation_section .arrow {
    width: 3%;
    margin: 0 auto;
    display: inherit;
}

/* 枠 */
.reservation_section ._has-frame {
    border: solid 5px #DFE3EF;
    margin-bottom: 1em;
    padding: 2em;
}

/* 支払い方法リンク */
.payment_way,
.payment_way_tel,
.ship_introduction {
    margin: 1em 0 3em;
}

.payment_way ul,
.payment_way_tel ul,
.ship_introduction ul {
    display: flex;
    width: 100%;
}

.payment_way li,
.ship_introduction li {
    width: 30%;
    border: solid 2px #609AE4;
    padding: 1em;
    margin-right: 35px !important;
    border-radius: 10px;
    font-size: 1.8rem;
}

.payment_way_tel li {
    width: 30%;
    border: solid 2px #609AE4;
    padding: 1em;
    margin-right: 15px !important;
    border-radius: 10px;
    font-size: 1.8rem;
}

.payment_way li:last-child,
.payment_way_tel li:last-child,
.ship_introduction li:last-child {
    margin-right: 0;
}

.payment_way .link,
.payment_way_tel .link {
    padding-top: 13px;
}

.payment_way .link:before,
.payment_way_tel .link:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50% !important;
    background: #1A436D;
    top: 0;
    left: 8px;
    bottom: 0;
    margin: auto;
}

.payment_way .link:after,
.payment_way_tel .link:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    border: 5px solid transparent;
    border-left: 9px solid white;
    margin: auto;
    bottom: 50%;
}

/*　テーブル　*/
.reservation_section table {
    width: 90%;
    margin: 0 auto 3em;
    text-align: center;
}

.reservation_section th {
    color: #fff;
    background-color: #609AE4;
}

.reservation_section th,
.reservation_section td {
    border: solid 1px #609AE4;
    height: 3em;
}

/* テーブル下の注意書き */
.reservation_section .payment_attention {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 2em;
}

/* 青い枠 */
.inline-frame {
    border: double 5px #609AE4;
    padding: 1em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}

.inline-frame p {
    margin: 0;
}

/**
 * ご予約について
 */

.reservation-links {
    text-align: center;
    margin-bottom: 3em;
    padding-top: 50px;
}

.reservation-link {
    margin: 0;
    padding: 2%;
    width: 23%;
    display: inline-flex;
}

.reservation-link:not(:last-child) {
    margin-right: 7%;
}

.reservation-other-links {
    width: 80%;
    margin: 0 auto 3em;
}

.reservation-other-link {
    display: inline-block;
    width: 49%;
}

.reservation_section_box {
    width: 90%;
    margin: 0 auto;
}


/**
 * 4画面共通
 * 窓口購入、コンビニ支払い、銀行ATM支払い、クレジットカード決済
 */

.icon-wrap div {
    display: inline-block;
}

.refund-way {
    margin-bottom: 2em;
}

.sec-payment .comments,
.sec-cancel .comments,
.refund-way .comments,
.sec-reservation .comments {
    display: inline-block;
    margin: 0 0 2em 1em;
    padding-left: 1em;
}

/* 払戻し手数料の表 */
.commission_table table {
    margin-bottom: 0.5em;
}

.commission_table table tr:not(:first-child) {
    height: 5em;
}

.commission_table p {
    width: 90%;
    margin: 0 auto 2em;
}

/**
 * クレジットカード決済
 */
.card-image {
    margin: 3em 0;
}

.card-image div {
    display: inline-block;
    vertical-align: bottom;
}

.box-style {
    padding: 30px 12px;
    border: 2px solid #d0364f;
    background: #fff;
    width: 57%;
}

/**
 * はじめてのお客様へ
 */
.sec-jump p {
    margin: 0;
}

.reservation_section .box {
    width: 44%;
    display: inline-table;
    border: solid 2px #609AE4;
    border-radius: 5px;
    position: relative;
    margin-top: 3em;
}

.reservation_section .box:first-child {
    margin-right: 10%;
}

.reservation_section .box div {
    padding: 1em;
    border-top: solid 1px #609AE4;
}

.reservation_section .box .box-title {
    font-weight: bold;
    padding: 1em;
}

.reservation_section .box .arrow {
    position: absolute;
    width: 7%;
    left: 43%;
    top: -46px;
}

.stroke-area {
    width: 93%;
    /* margin-top: 6em; */
    padding-left: 20%;
    position: relative;
    padding-top: 44px;
    background: url(/cms/wp-content/themes/godios-child/images/first/ico_flow03_rp.png) repeat-y 120px 0;
}

.stroke-area:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 120px;
    width: 31px;
    height: 10px;
    background: url(/cms/wp-content/themes/godios-child/images/first/ico_flow03_tp.png) no-repeat;
}

.stroke-area:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    left: 120px;
    width: 31px;
    height: 34px;
    background: url(/cms/wp-content/themes/godios-child/images/first/ico_flow03_bt.png) no-repeat;
}

.reservation_section .img01 {
    width: 437px;
    margin: 0 auto;
}

.reservation_section .img02,
.reservation_section .img03 {
    width: 660px;
    margin: 0 auto;
}

.flow01 ul {
    display: block;
    padding: 1em;
    margin-top: 20px;
    background: #F0F0F0;
}

.flow01 li {
    text-align: left;
    width: 100%;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 0.5em;
}

.flow03 {
    padding: 1em;
    margin-top: 20px;
    border: solid 2px #d0364f;
}

.reservation_section .box-inner {
    width: 80%;
    margin: 2em auto 0.5em;
    padding: 2em;
    text-align: center;
    border: solid 1px #1A436D;
}

.reservation_section .box-inner p:last-child {
    margin: 0;
}


/**
 * 旅客、トラック
 */
.sec-reserve-car .section_title {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: solid 1px #000;
}

.sec:not(:first-child) {
    margin-top: 45px;
}

.right-parts {
    width: 40%;
    display: inline-block;
}

.left-parts {
    width: 58%;
    display: inline-block;
    vertical-align: top;
}

.right-parts p {
    font-size: 79%;
    font-weight: 100;
}

.sec table {
    width: 100%;
}

.sec table th,
.sec table td {
    padding: 8px 25px;
    border: solid 1px white;
}

.sec table th {
    background: #F1F8FC;
    font-size: 93%;
    vertical-align: top;
    text-align: left;
    width: 28%;
}

.sec .bg-color {
    padding: 1.5em 2em;
    background-color: #F0F0F0;
    margin-top: 2em;
}

.sec .bg-color dl,
.sec .bg-color dd {
    margin: 0;
}

.sec .bg-color p,
.sec .bg-color li {
    font-size: 1.7rem;
    font-weight: 100;
    margin: 0;
}

.link_to_terminal {
    margin: 5em 0;
}

.link_to_terminal li {
    width: 49%;
    display: inline-block;
    font-size: 1.7rem;
}

.link_to_terminal .link,
.sec-faq .link,
.sec-car .link,
.sec-trac .link {
    margin: 1em 0;
    position: relative;
    padding-left: 2.3em;
    padding-top: 0.1em;
}

.link_to_terminal .link:before,
.sec-faq .link:before,
.sec-car .link:before,
.sec-trac .link:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 8px;
    border-radius: 50% !important;
    background: #1A436D;
}

.link_to_terminal .link:after,
.sec-faq .link:after,
.sec-car .link:after,
.sec-trac .link:after {
    content: "";
    margin-top: 5px;
    position: absolute;
    top: 3px;
    left: 15px;
    border: 5px solid transparent;
    border-left: 9px solid white;
}

.sec-faq .chapter_title,
.sec-car .chapter_title,
.sec-trac .chapter_title {
    position: relative;
}

.sec-faq .chapter_title p,
.sec-car .chapter_title p,
.sec-trac .chapter_title p {
    position: absolute;
    top: 10px;
    right: 30px;
    margin: 0;
}

.section_title span {
    font-size: 13px;
    font-weight: 100;
}

.tbl-style {
    margin-top: 1em;
}

/**
 * お問い合わせ
 */
.sec-faq,
.sec-car,
.sec-trac {
    margin-bottom: 3em;
}

.top_faq_list {
    width: 95%;
    margin: 0 auto;
}

.question {
    font-size: 1.7rem;
    padding-left: 3px;
}

.car_contact_list,
.terminal_contact_list,
.trac_contact_list {
    width: 80%;
    margin: 0 auto;
    font-weight: bold;
}

.car_contact_list li,
.terminal_contact_list li,
.trac_contact_list li {
    font-size: 1.7rem;
    width: 45%;
    display: inline-block;
    border: solid 2px #328AD1;
    border-radius: 5px;
    margin: 1em 0;
    padding: 1em;
}

.car_contact_list li:nth-child(2n+1),
.terminal_contact_list li:nth-child(2n+1),
.trac_contact_list li:nth-child(2n+1) {
    margin-right: 9%;
}

.tel_num {
    color: #F7A814;
}