@charset "UTF-8";

/*==============================
common
================================*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    min-width: 320px;
}

body {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", 'Yu Gothic', YuGothic, sans-serif;
    font-size: 1.6rem;
    color: #343434;
}

a {
    color: #343434;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
    margin: auto;
    vertical-align: bottom;
}

input,
button,
textarea,
select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

ul {
    list-style: none;
}

.cf:after {
    content: "";
    display: block;
    clear: both;
}

.center {
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.pc {
    display: inherit;
}

.sp {
    display: none;
}

.inner {
    width: 1000px;
    margin: auto;
}

.inner_lrg {
    width: 1200px;
    margin: auto;
}

.text-left {
    text-align: left;
    margin: 5px 0 15px;
}

.text-right {
    text-align: right;
}

article {
    padding: 80px 0;
}

h1 {
    margin: auto;
    margin-bottom: 80px;
    text-align: center;
    font-size: 4rem;
    font-weight: normal;
    line-height: 1.5;
}

h2 {
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
}

h3 {
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
}

p {
    margin-bottom: 40px;
    line-height: 2;
}

p a {
    text-decoration: underline;
}

p a:hover {
    text-decoration: none;
}

.red {
    color: #ff0000;
}

.blue {
    color: #065496;
}

/* リンクカット */
a[tabindex="-1"] {
    pointer-events: none;
}
a.header_inquiry[tabindex="-1"],
a.footer_inquiry[tabindex="-1"] {
    opacity: 0.6 !important;
}
.sitemap_list li span {
    font-size: 0.8em;
}
.sitemap a[tabindex="-1"] {
    color: #aaa;
    pointer-events: none;
}



/*==============================
header
================================*/
header {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 1000;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

header.hide {
    top: -245px;
}

.header_inner {
    width: 90%;
    max-width: 1280px;
    min-width: 1220px;
    margin: auto;
}

.header_link {
    display: inline-block;
    margin: 0;
    margin-right: 20px;
    vertical-align: middle;
    font-size: 1.4rem;
}

.header_link:hover {
    opacity: .5;
}

.header_sitetop {
    height: 30px;
    padding: 0 20px;
    color: #fff;
    background: #29373d;
    line-height: 30px;
    border-radius: 15px;
}

.search_box {
    float: left;
    margin-top: 30px;
    width: 240px;
}

.gsc-search-button {
    margin-left: 0 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important;
}

.gsc-input-box {
    border: 2px solid #E7E7E7 !important;
}

.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
    padding: 6px 15px !important;
    cursor: pointer;
}

#fontsize {
    margin-top: 22px;
    margin-left: 15px;
    margin-right: 12px;
    float: left;
    text-align: center;
    line-height: 1.3;
}

#fontsize span {
    margin: 5px;
    font-weight: bold;
    cursor: pointer;
}

#fontsize .current {
    color: #009e41;
}

#fontsize #small {
    font-size: 16px;
}

#fontsize #middle {
    font-size: 18px;
}

#fontsize #large {
    font-size: 20px;
}

.header_inquiry {
    display: inline-block;
    margin: 0px;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    border: 2px solid #cbcbcb;
    vertical-align: bottom;
    height: 88px;
    width: 90px;
}

.header_inquiry:hover {
    opacity: .5;
}

.header_inquiry span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem;
    padding-top: 5px;
}

.header_inquiry i {
    font-size: 2.5rem;
}

#topic {
    padding: 18px 0;
    font-size: 1.2rem;
    color: #fff;
    background: #29373d;
}

#topic a {
    color: #fff;
}

#topic a:hover {
    opacity: .5;
}

.header_tbl {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.header_tbl th {
    position: relative;
    height: 90px;
    text-align: center;
    align-self: center;
    line-height: 1.2;
    font-size: 1.7rem;
    font-weight: bold;
}

.header_tbl th.approve {
    font-size: 2rem;
}

.header_tbl th .border {
    position: relative;
}

.header_tbl th .border::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 60px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #cbcbcb;
}

.header_tbl th:last-child .border::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 60px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #cbcbcb;
}

.header_tbl th .gray {
    color: #959595
}

.header_tbl th a:hover {
    opacity: .5;
}

.header_tbl .dropmenu {
    position: relative;
}

.header_tbl .dropmenu::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #d7000f;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 10;
}

.header_tbl .dropmenu::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-style: solid;
    border-width: 0 5px 0 5px;
    border-color: #d7000e transparent transparent transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 10;
}

.header_tbl .dropmenu:hover::before {
    height: 4px;
}

.header_tbl .dropmenu:hover::after {
    bottom: -5px;
    border-width: 5px 5px 0 5px;
}

.header_tbl .dropmenu ul {
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    min-width: 100%;
    height: 0;
    padding: 0 15px;
    text-align: left;
    font-weight: normal;
    top: 90px;
    left: 0;
    background: #efefef;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.header_tbl .dropmenu:hover ul {
    height: auto;
    padding: 20px 15px;
}

.header_tbl .dropmenu ul li {
    margin: 0;
    padding: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.header_tbl .dropmenu ul li:not(:last-child) {
    border-bottom: 2px solid #cbcbcb;
}

.header_tbl .dropmenu:hover ul li:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.nav_btn {
    position: absolute;
    width: 30px;
    height: 24px;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.nav_btn span {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background: #334349;
    position: absolute;
    top: 10px;
    right: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.active .nav_btn span {
    background: none;
}

.nav_btn span::before,
.nav_btn span::after {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background: #334349;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav_btn span::before {
    top: -10px;
}

.nav_btn span::after {
    top: 10px
}

.active .nav_btn span::before {
    top: 0;
    transform: rotate(135deg);
}

.active .nav_btn span::after {
    top: 0;
    transform: rotate(-135deg);
}

.sp_menu {
    position: fixed;
    width: 240px;
    right: -240px;
    top: 0;
    bottom: 0;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1000;
    overflow-y: auto;
}

.menu_lst li {
    position: relative;
    font-weight: bold;
    line-height: 1.2;
    background: #efefef;
    border-bottom: 2px solid #cbcbcb;
}

.menu_lst li.menu_ttl_link {
    background: #fff;
}

.menu_lst li .menu_link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    color: #334349;
    line-height: 1.5;
}

.menu_lst li span {
    display: block;
    padding: 10px;
}

.menu_lst li .gray {
    color: #959595;
}

.menu_lst li.menu_ttl {
    position: relative;
    padding: 15px 10px;
    color: #fff;
    background: #d7000e;
    border-bottom: 2px solid #d7000e;
}

.menu_lst li.menu_ttl::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #d7000e transparent transparent transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 10;
}

.active .sp_menu {
    right: 0;
}

.active main,
.active header,
.active footer {
    right: 240px;
}

.top_project a {
    text-decoration: underline;
    color: #065496;
}

.top_project a:hover {
    text-decoration: none;
    opacity: .5;
}

.custom-sel a {
    text-decoration: none;
    text-transform: uppercase;
    margin: 0;
    padding: 10px;
    text-align: left;
    font-family: 'Raleway';
    color: #546e7a;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    display: block;
}

.custom-sel a:hover {
    text-decoration: none;
    background-color: #546e7a;
    color: #ffffff;
}

.custom-sel a.selected {
    background-color: transparent;
}

.custom-sel a.selected:hover {
    background-color: transparent;
    color: #546e7a;
}

.hidden {
    display: none !important;
}

.lightblue {
    color: #03a9f4;
    margin-left: -4px;
}

.show-sel {
    background-color: #ffffff;
    box-shadow: -5px 0px 65px 0px rgba(0, 0, 0, 0.18);
}

.custom-sel {
    display: inline-block;
    z-index: 10;
    width: 130px;
}

/*==============================
main
================================*/
main {
    position: relative;
    right: 0;
    margin-top: 244px;
}

#main_visual {
    position: relative;
    height: 460px;
    background: url(./../img/top/main_img.jpg) no-repeat center center / cover;
}

#main_visual img {
    position: absolute;
    top: 15px;
    right: 15px;
}

#top_about {
    padding: 50px 0 60px;
    font-weight: bold;
    line-height: 1.5;
    color: #334349;
}

.top_about_ttl {
    margin-bottom: 5px;
    font-size: 2.4rem;
    color: #065496;
}

.top_about_ttl.large {
    margin-bottom: 20px;
    font-size: 3rem;
}

.top_about_ttl img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.top_about_box {
    display: inline-block;
    margin-bottom: 30px;
    padding: 20px;
    background: #e8e8f1;
}

.top_about_txt {
    display: inline-block;
    letter-spacing: .1em;
    line-height: 2;
}

.top_about_txt.large {
    margin-bottom: 20px;
    font-size: 2rem;
}

#top_about .left,
#top_about .right {
    width: 48%;
}

#top_plan {
    padding: 40px 0 0;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    text-indent: .1em;
    letter-spacing: .1em;
    color: #334349;
    background: #ffb23c;
}

.top_plan_lst {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.top_plan_lst li {
    position: relative;
    width: 50%;
    max-width: 540px;
}

.top_plan_ttl {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 2.4rem;
    border-bottom: 5px solid #ff0000;
}

.top_plan_ttl img {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 10px;
}

.top_plan_txt {
    line-height: 1.5;
}

.top_plan_txt.text-left {
    display: inline-block;
}

.top_plan_txt_center {
    margin-bottom: 20px;
    line-height: 1.5;
}

.top_plan_txt_center a {
    text-decoration: underline;
    color: #334349;
}

.top_plan_txt_center a:hover {
    text-decoration: none;
}

.top_plan_txt i {
    font-size: 4rem;
}

.top_plan_tbl {
    width: 100%;
    margin-bottom: 20px;
}

.top_plan_tbl th,
.top_plan_tbl td {
    vertical-align: top;
}

.top_plan_tbl th {
    width: 210px;
}

.top_inquiry_btn {
    position: relative;
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 20px 40px;
    font-size: 2rem;
    font-weight: bold;
    color: #334349;
    background: #fff;
    line-height: 1.1;
    border-radius: 20px;
    border: 3px solid #334349;
    box-shadow: 0px 5px 0px 0px #334349;
    min-width: 250px;
}

.top_plan_txt_center .top_inquiry_btn {
    display: block;
    text-decoration: none;
}

.top_inquiry_btn span {
    font-size: 1.4rem;
}

.top_inquiry_btn:hover,
.melmaga_btn:hover {
    bottom: -5px;
    box-shadow: 0px 0px 0px 0px #334349;
}

.top_inquiry_btn.top_banner_btn,
.melmaga_btn {
    margin-bottom: 10px;
}

.top_banner_btn {
    max-width: 97%;
}

.top_banner_box {
    margin: 0 auto 30px;
    width: 1130px;
    max-width: 100%;
    text-align: center;
}

.top_banner_box img {
    max-width: 270px;
}

.top_banner_box02 img {
    box-shadow: 5px 5px 5px darkgrey;
}

/**/
.top_btn_txt {
    margin: 10px 0;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.top_tdm_inquiry_btn {
    width: 540px;
    position: relative;
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 20px 11px 15px;
    font-size: 2rem;
    font-weight: bold;
    color: #334349;
    background: #fff;
    line-height: 1.2;
    border-radius: 20px;
    border: 3px solid #334349;
    box-shadow: 0px 5px 0px 0px #334349;
}

.top_tdm_inquiry_btn b {
    font-size: 2.2rem;
}

/**/
#top_info {
    position: relative;
    overflow: hidden;
    min-width: 1220px;
    height: 400px;
    color: #334349;
}

.top_info_inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50%;
    right: -50%;
    margin: auto;
}

.top_info_lst {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.top_info_center {
    max-width: 700px;
    padding: 15px;
    background: #fff;
}

.top_info_box {
    height: 370px;
    padding: 22px 5px 20px 15px;
    border: 6px solid #ff9700;
    overflow: auto;
}

.top_info_ttl {
    margin-bottom: 13px;
    padding-bottom: 0;
    padding-left: 5px;
    font-size: 2.5rem;
    font-style: italic;
    letter-spacing: .2em;
    line-height: 1;
    border-bottom: 2px dotted #999da0;
}

.top_info_tbl th {
    padding-right: 0;
    vertical-align: top;
    line-height: 2;
    min-width: 148px;
}

.top_info_tbl td {
    padding-top: 4px;
    padding-bottom: 11px;
    line-height: 1.5;
}

.top_info_tbl td a {
    font-weight: bold;
    color: #065496;
}

.top_info_tbl td a:hover {
    opacity: .5;
}

.top_info_tbl li {
    text-indent: -1em;
    /* padding-left: 1em; */
    word-wrap: break-word;
    font-weight: normal;
    font-size: 0.95em;
}


#top_cooperation {
    padding: 50px 0;
    text-align: center;
    font-weight: bold;
    color: #334349;
    background: #e8e8f1;
}

#top_cooperation .header_inner {
    position: relative;
    min-height: 300px;
}

.top_cooperation_ttl {
    margin-bottom: 50px;
    font-size: 3.6rem;
    letter-spacing: .1em;
    text-indent: .1em;
    line-height: 1.2;
}

.top_cooperation_ttl2 {
    font-size: 2.4rem;
    letter-spacing: .1em;
    text-indent: .1em;
    color: #065496;
}

.top_cooperation_txt {
    display: inline-block;
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.5;
}

.top_cooperation_right {
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    width: 278px;
}

.top_companies,
.top_collaborator {
    display: block;
    width: 250px;
    position: absolute;
    color: #29373d;
}

.top_companies:hover,
.top_collaborator:hover {
    opacity: .8;
}

.top_companies {
    bottom: 0;
    left: 0;
}

.top_collaborator {
    top: 0;
    left: 0;
}

.top_companies_ttl {
    margin: 0;
    padding: 5px;
    font-size: 1.8rem;
    color: #fff;
    background: #065496;
}

.top_companies_box {
    padding: 10px;
    background: #fff;
}

.top_companies_num {
    font-size: 1.8rem;
    font-weight: bold;
}

.top_companies_num span {
    font-style: italic;
    font-size: 4.8rem;
    color: #065496;
}

.top_companies_date {
    font-size: 1.8rem;
    font-weight: normal;
}

#top_banner {
    padding: 60px 0 80px;
}

.top_banner_ttl {
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 3rem;
    font-style: italic;
    letter-spacing: .2em;
    line-height: 1;
    border-bottom: 2px dotted #999da0;
}

.top_banner_h2 {
    margin: 120px 0 10px;
    text-align: center;
    font-size: 2.4rem;
}

.top_banner_lst {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 40px;
}

.top_banner_lst a {
    display: block;
    margin: 0 10px;
}

.top_banner_lst a:hover {
    opacity: .5;
}

.top_banner_lst.dls {
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px;
}

.top_banner_lst.dls p {
    margin: auto 10px;
}

.top_banner_txt {
    margin-bottom: 100px;
    text-indent: -1em;
    padding-left: 1em;
    margin: 10px auto;
    line-height: 1.5;
    max-width: 100%;
}

.top_banner_txt2 {
    height: 40px;
    margin: 10px 10px 15px;
}

.top_banner_txt2 p {
    font-size: 0.8em;
    margin-bottom: 7px;
    line-height: 1.4;
    text-align-last: left;
}

.butsuryu_ttl {
    margin: auto;
    padding: 30px 0 25px;
    text-align: center;
    line-height: 1;
    font-size: 2.4rem;
    background: #dcdcdc;
}

.butsuryu_box {
    padding: 30px;
    border: 5px solid #dcdcdc;
}

.butsuryu_box dt,
.butsuryu_box dd {
    margin-bottom: 15px;
}

.butsuryu_box dt {
    font-weight: bold;
}

.butsuryu_box dd {
    margin-left: 15px;
    line-height: 2;
}

.butsuryu_inquiry {
    display: inline-block;
    margin-bottom: 30px;
    padding: 10px;
    font-weight: bold;
    border: 2px solid #dcdcdc;
}

.butsuryu_inquiry i {
    font-size: 2.6rem;
    vertical-align: middle;
}

.butsuryu_inquiry:hover {
    opacity: .5;
}

.um-s1 {
    display: block !important;
    padding: 10px;
    border: 2px solid #ddd !important;
    box-sizing: border-box !important;
}

.companies_content {
    padding: 0;
}

.companies_content.bg {
    background: #f5f5f6;
}

.companies_ttl {
    padding: 80px 10px;
    /* background: #ffb33d; */
    background: #002063;
}

.companies_ttl h1 {
    margin: 0;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
}

.companies_ttl h1 span {
    position: relative;
    color: #F0B7D7;
    border-bottom: 2px solid #F0B7D7;
}

.companies_ttl h1 span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 2px;
    background: #F0B7D7;
}

.companies_ttl h1 .red {
    color: #ff0000;
    border-bottom: none;
}

.companies_ttl h1 .red::before {
    display: none;
}

.companies_border h1 {
    display: inline-block;
    padding: 0;
    border-bottom: 5px solid #E40583;
}

.companies_num {
    color: #29373d;
}

.companies_num p {
    display: inline-block;
    margin-bottom: 10px;
    padding: 20px 20px 5px;
    font-size: 1.8rem;
    font-weight: bold;
    /* border-bottom: dotted 4px #29373d;
    color: #29373d; */
    border-bottom: dotted 4px #fff;
    color: #fff;
}

.count_num {
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
}

.count_num #accept_count {
    font-size: 6rem;
    font-style: italic;
    color: #F0B7D7;
}

.companies_ttl b {
    color: #fff;
}

.companies_nav ul {
    display: flex;
    justify-content: space-around;
    font-weight: bold;
    background-color: #FFF;
    background-image: radial-gradient(#F2F2F2 22%, transparent 0), radial-gradient(#F2F2F2 22%, transparent 0);
    background-position: 0 0, 18px 18px;
    background-size: 36px 36px;
    padding: 30px;
    text-align: center;
}

.companies_nav ul li {
    font-size: 2rem;
    position: relative;
}

.companies_nav ul li a {
    color: #27333b;
    padding-left: 10px;
}

.companies_nav ul li a:hover {
    opacity: .5;
}

.companies_nav ul li a::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #004bac transparent transparent transparent;
    position: absolute;
    top: 6px;
    left: -15px;
    right: 0;
}

.companies_group {
    margin: auto;
    padding: 70px 0;
}

.companies_group h2 {
    margin-bottom: 40px;
    text-align: center;
    font-size: 3rem;
    line-height: 1.2em;
}

.companies_link {
    color: #065496;
    text-decoration: none;
}

.companies_link:hover {
    opacity: .5;
}

.companies_industry {
    font-size: 1.3rem;
    color: #29373d;
}

.companies_group ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: 100px;
    padding-top: 70px;
    text-align: left;
    width: 900px;
    box-sizing: border-box;
}

.companies_group ul li {
    padding-bottom: 40px;
    line-height: 1.3;
    position: relative;
    width: 48%;
    box-sizing: border-box;
    word-break: keep-all;
    word-wrap: break-word;
}

.map_left,
.map_right {
    margin-top: 20px;
}

.map_content {
    padding: 0 0 80px;
}

.map_ttl {
    margin-bottom: 40px;
    text-align: center;
    font-size: 2.7rem;
    color: #065496;
}

.map_content_ttl h3 {
    display: inline-block;
    margin: 70px 0 50px;
    font-size: 3.6rem;
    line-height: 1;
    border-bottom: 5px solid #ff0000;
}

.map_box {
    margin-bottom: 20px;
}

.map_tbl,
.taken_map_tbl {
    width: 2200px;
    margin: auto;
    font-weight: bold;
    border-collapse: collapse;
}

.map_left {
    text-align: left;
    font-size: 0.8em;
    margin: 5px auto 0;
    width: 375px;
    max-width: 100%;
}

.map_left p {
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.3;
    margin: 0 auto;
    white-space: normal;
}

/* taken_map ここから**********************/
.taken_map_tbl {
    width: 1000px;
}

.taken_map_box {
    margin-bottom: 100px;
}

.placetime span {
    font-size: 75%;
    white-space: nowrap;
}

/* taken_map ここまで**********************/
/*----------------map_tbl改--------------------*/
.map_tbl_re {
    width: 1219px;
    /*margin: auto;*/
    font-weight: bold;
    border-collapse: collapse;
}

.map_tbl_re td {
    text-align: center;
    border: 2px solid #343434;
    padding: 5px;
}

.map_tbl_re th,
.map_tbl_re td {
    padding: 10px !important;
}

.map_tbl_re th {
    color: #fff;
}

.map_tbl_re th.kousoku_b {
    text-align: center;
    background: #ff5555;
    padding: 10px;
}

.map_tbl_re th.ippann_b {
    text-align: center;
    background: #4588ff;
    padding: 10px;
}

.map_tbl_re th.tetudou_ekitoshin_b {
    text-align: center;
    background: #29cc82;
    padding: 10px;
}

.map_tbl_re a {
    display: inline-block;
    width: 106px;
    height: 42px;
    margin: 0 5px;
    padding: 5px;
    vertical-align: middle;
    line-height: 1;
    background: #ffae43;
}

.map_tbl_re a:hover {
    opacity: .5;
}

.map_tbl_re a.video {
    color: #fff;
    line-height: 42px;
    padding: 0;
    background: #ff5555;
}

.map_tbl_re a span {
    font-size: 1.2rem;
}

.map_tbl_re a.hr {
    width: auto;
    height: auto;
    margin: auto;
    padding-bottom: 0;
    text-decoration: underline;
    font-size: 1.2rem;
    line-height: 1.2;
    background: none;
}

.btn_ippan_l {
    display: inline-block;
    /*max-width: 250px !important;*/
    width: 220px !important;
    text-align: center;
    background-color: #4588ff !important;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 15px 16px 8px 16px !important;
    border-radius: 4px;
    position: relative;
}

.btn_tetsudou_l {
    display: inline-block;
    /*max-width: 250px !important;*/
    width: 220px !important;
    text-align: center;
    background-color: #29cc82 !important;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 15px 16px 8px 16px !important;
    border-radius: 4px;
    position: relative;
}

/*----------------map_tbl改ココマデ----------------*/
/*  旧スタイル */
.map_tbl.tetudou {
    width: 1600px;
}

.map_tbl.place {
    width: 3000px;
}

.map_tbl_02.place {
    width: 2400px;
}

.map_tbl th,
.map_tbl td,
.taken_map_tbl th,
.taken_map_tbl td {
    padding: 5px;
}

.map_tbl th,
.taken_map_tbl th {
    color: #fff;
}

.map_tbl th.kousoku {
    background: #ff5555;
    border-right: 2px solid #898989;
}

.map_tbl th.ippann {
    text-align: center;
    background: #4588ff;
}

.map_tbl th.tetudou_rosen {
    text-align: left;
    padding-left: 470px;
    background: #ffae43;
}

.map_tbl th.tetudou {
    text-align: left;
    padding-left: 410px;
    background: #ff4545;
}

.map_tbl th.tetudou_eki {
    text-align: left;
    padding-left: 470px;
    background: #9d52ff;
}

.map_tbl th.tetudou_ekitoshin {
    text-align: center;
    background: #29cc82;
}

.map_tbl th.place,
.taken_map_tbl th.place {
    text-align: left;
    padding-left: 445px;
    background: #15adea;
}

.map_tbl td,
.taken_map_tbl td {
    text-align: center;
    border: 2px solid #898989;
}

.map_tbl td.time,
.taken_map_tbl td.time {
    background: #dcf7ff;
}

.map_tbl td.date,
.taken_map_tbl td.date {
    width: 110px;
    background: #f4f4f4;
}

.map_tbl td.all,
.taken_map_tbl td.all {
    width: 260px;
}

.map_tbl td.tetudou_rosentime {
    background: #fff9d9;
}

.map_tbl td.tetudou_toshintime {
    background: #ffdcdc;
}

.map_tbl td.tetudou_ekitime {
    background: #f3deff;
}

.map_tbl td.tetudou_ekitoshintime {
    background: #e5ffe3;
}

.map_tbl td.placetime,
.taken_map_tbl td.placetime {
    background: #e6f5ff;
}

.map_tbl_02 td.placetime {
    height: 60px;
}

.map_tbl a,
.taken_map_tbl a {
    display: inline-block;
    width: 106px;
    height: 42px;
    margin: 0 5px;
    padding: 5px;
    vertical-align: middle;
    line-height: 1;
    background: #ffae43;
}

/*5/31修正部分*/
.map_tbl_dotetu {
    width: 1000px;
    margin: auto;
    font-weight: bold;
    border-collapse: collapse;
    border: 2px solid #898989;
}

.map_tbl_dotetu th.kousoku_dotetu_th {
    font-size: 1em;
    width: 150px;
    background: #fff;
    text-align: center;
    border-right: 2px solid #898989;
}

.map_tbl_dotetu th.ippann_dotetu_th {
    color: #fff;
    text-align: center;
    background: #4588ff;
    height: 126px !important;
    vertical-align: middle;
    border-top: 2px solid #898989;
    border-right: 2px solid #898989;
}

.map_tbl_dotetu th.rinkai_dotetu_th {
    color: #fff;
    text-align: center;
    background: #9DC3E6;
    height: 126px !important;
    vertical-align: middle;
    border-top: 2px solid #898989;
    border-right: 2px solid #898989;
}

.map_tbl_dotetu th.tetudou_ekitoshin_dotetu_th {
    color: #fff;
    text-align: center;
    background: #29cc82;
    height: 126px !important;
    vertical-align: middle;
    border: 2px solid #898989;
}

.map_tbl_dotetu th.kousoku_dotetu_th span,
.map_tbl_dotetu th.rinkai_dotetu_th span,
.map_tbl_dotetu th.tetudou_ekitoshin_dotetu_th span,
.map_tbl_dotetu th.ippann_dotetu_th span,
.map_tbl_dotetu th.kyogi_th span {
    display: block;
    white-space: nowrap;
    margin-top: 5px;
    font-size: 75%;
    line-height: 1.4;
    padding: 0 10px
}

.map_tbl_dotetu th.tetudou_ekitoshin_dotetu_th span.ekitoshin_box {
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 70%;
    line-height: 100%;
}

.map_tbl_dotetu th.tetudou_ekitoshin_dotetu_th span.ekitoshin_box span.ekitoshin {
    display: inline-block;
    text-align: left !important;
    line-height: 100% !important;
    margin: 0px !important;
    padding: 0px 45px 0px 0px !important;
}

.map_tbl_dotetu th,
.map_tbl_dotetu td {
    padding: 5px;
}

.map_tbl_dotetu td {
    text-align: center;
    padding: 15px 0;
}

.map_tbl_dotetu td.kousoku_dotetu span {
    display: inline-block;
    width: 845px;
    text-align: left;
    margin: 0 0 10px;
    max-width: 100%;
}

.map_tbl_dotetu td.ippann_dotetu,
.map_tbl_dotetu td.tetudou_ekitoshin_dotetu {
    text-align: center;
    padding: 30px 0px 30px;
    /*    border: 2px solid #ffffff;*/
}

.map_tbl_dotetu td.ippann_dotetu,
.map_tbl_dotetu td.tetudou_ekitoshin_dotetu {
    border-top: 2px solid #898989;
}

.map_tbl_dotetu td.kousoku_dotetu a.day_btn {
    display: inline-block;
    width: 94px;
    height: 40px;
    margin: 0 2px;
    padding: 5px 5px;
    vertical-align: middle;
    line-height: 1;
    font-size: 1.0em !important;
    text-align: center;
    background: #ffae43;
}

.map_tbl_dotetu td.kousoku_dotetu a.day_btn:hover {
    opacity: 0.5;
}

.map_tbl_dotetu td.kousoku_dotetu a.day_btn span {
    font-size: .9em !important;
}

.border_left {
    border-left: 2px solid #898989;
}

.kyogi_th {
    color: #fff;
    text-align: center;
    background: #15adea;
    border-top: 2px solid #898989;
    border-right: 2px solid #898989;
}

td.ippann_dotetu,
td.tetudou_ekitoshin_dotetu,
td.kousoku_dotetu {
    display: table-cell;
}

.cf h2 {
    font-size: 1.5em;
    margin-bottom: 0;
}

/*==============================
テーブルボタン（仮）
================================*/
.btn {
    display: block;
    text-align: center;
}

.btn a.dou {
    text-align: center;
    display: inline-block;
    width: auto;
    font-size: 1em !important;
    font-weight: normal;
    margin: 10px 3px 20px;
    padding: 10px 20px;
    text-decoration: none;
    color: #FFF;
    background: #4588ff;
    /*色*/
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn a.rin {
    text-align: center;
    display: inline-block;
    width: auto;
    font-size: 1em !important;
    font-weight: normal;
    margin: 10px 3px 20px;
    padding: 16px 20px;
    text-decoration: none;
    color: #FFF;
    background: #9DC3E6;
    /*色*/
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn a.kyogi {
    text-align: center;
    display: inline-block;
    width: auto;
    font-size: 1em !important;
    font-weight: normal;
    margin: 10px 3px 20px;
    padding: 10px 20px;
    text-decoration: none;
    color: #FFF;
    background: #15adea;
    /*色*/
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn a.dou:hover,
.btn a.time_slider:hover {
    /*押したとき*/
    background: #2053ea;
    /*色*/
    box-shadow: none;
    text-shadow: none;
}

.btn a.rin:hover {
    /*押したとき*/
    background: #6AA2CC;
    /*色*/
    box-shadow: none;
    text-shadow: none;
}

.btn a.tetu_eki {
    text-align: center;
    display: inline-block;
    width: auto;
    font-size: 1em !important;
    font-weight: normal;
    margin: 10px 3px 20px;
    padding: 10px 20px;
    text-decoration: none;
    color: #FFF;
    background: #29cc82;
    /*色*/
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn a.tetu_eki:hover,
.btn a.time_slider02:hover {
    /*押したとき*/
    background: #08a53f;
    /*色*/
    box-shadow: none;
    text-shadow: none;
}

.btn a.kyogi:hover {
    /*押したとき*/
    background: #0082B6;
    /*色*/
    box-shadow: none;
    text-shadow: none;
}

.map_tbl #douro a {
    margin: 0;
    width: 90px;
}

.map_tbl #douro th {
    width: 180px;
}

.map_tbl th.tetudou_ekitoshin span span {
    position: relative;
    left: -50px;
}

.map_tbl a:hover,
.taken_map_tbl a:hover {
    opacity: .5;
}

.map_tbl a.video {
    color: #fff;
    line-height: 42px;
    padding: 0;
    background: #ff5555;
}

.map_tbl a span,
.taken_map_tbl a span {
    font-size: 1.2rem;
}

.map_tbl a.hr {
    width: auto;
    height: auto;
    margin: auto;
    padding-bottom: 0;
    text-decoration: underline;
    font-size: 1.2rem;
    line-height: 1.2;
    background: none;
}

.map_tbl .all a.hr {
    float: right;
}

.map_tbl a.hr:hover {
    text-decoration: none;
}

.map_tbl2 {
    width: 2200px;
    margin: auto;
    font-weight: bold;
    border-collapse: collapse;
}

.map_tbl2.tetudou {
    width: 1400px;
}

.map_tbl2.place {
    width: 4400px;
}

.map_tbl2 th,
.map_tbl2 td {
    padding: 5px;
}

.map_tbl2 th {
    color: #fff;
}

.map_tbl2 th.kousoku {
    background: #ff5555;
    border-right: 2px solid #343434;
}

.map_tbl2 th.ippann {
    text-align: center;
    background: #4588ff;
}

.map_tbl2 th.tetudou_rosen {
    text-align: left;
    padding-left: 470px;
    background: #ffae43;
}

.map_tbl2 th.tetudou {
    text-align: left;
    padding-left: 410px;
    background: #ff4545;
}

.map_tbl2 th.stationall {
    text-align: left;
    padding-left: 420px;
    background: #9d52ff;
}

.map_tbl2 th.station {
    text-align: left;
    padding-left: 420px;
    background: #29cc82;
}

.map_tbl2 th.place {
    text-align: left;
    padding-left: 445px;
    background: #15adea;
}

.map_tbl2 td {
    text-align: center;
    border: 2px solid #343434;
}

.map_tbl2 td.time {
    background: #dcf7ff;
}

.map_tbl2 td.date {
    background: #f4f4f4;
}

.map_tbl2 td.tetudou_rosentime {
    background: #fff9d9;
}

.map_tbl2 td.tetudou_toshintime {
    background: #ffdcdc;
}

.map_tbl2 td.stationalltime {
    background: #f3deff;
}

.map_tbl2 td.stationtime {
    background: #e5ffe3;
}

.map_tbl2 td.placetime {
    background: #e6f5ff;
}

.map_tbl2 a {
    display: inline-block;
    width: 106px;
    height: 42px;
    margin: 0 5px;
    padding: 5px;
    vertical-align: middle;
    line-height: 1;
    background: #ffae43;
}

.map_tbl2 a:hover {
    opacity: .5;
}

.map_tbl2 a.video {
    color: #fff;
    line-height: 42px;
    padding: 0;
    background: #ff5555;
}

.map_tbl2 a span {
    font-size: 1.2rem;
}

.video_wrap {
    position: relative;
    width: 90%;
    max-width: 720px;
    margin: auto;
}

.mfp-close,
.mfp-close:active {
    top: -44px;
    right: -44px;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
}

.map_dl_box {
    max-width: 800px;
    margin: auto;
    margin-bottom: 110px;
}

.map_dl_lst {
    margin-bottom: 40px;
}

.map_dl_ttl {
    margin-right: 10px;
    font-size: 2rem;
    font-weight: bold;
}

.map_dl_btn {
    display: inline-block;
    width: 126px;
    margin: 0 5px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    border: 2px solid #003366;
    color: #ffffff;
    background: #4472c4;
}

.map_dl_btn:hover {
    opacity: .5;
}

.map_dl_btn span {
    font-size: 1.2rem;
}

.kyougikaijyo_img {
    margin-bottom: 40px;
}

.magazine_ttl h1 {
    padding: 0;
}

.inquiry_btn {
    position: relative;
    display: inline-block;
    width: 500px;
    margin: auto;
    padding: 20px;
    text-decoration: none;
    font-size: 2rem;
    font-weight: bold;
    color: #334349;
    background: #fff;
    line-height: 1.2;
    border-radius: 20px;
    border: 3px solid #334349;
    box-shadow: 0px 5px 0px 0px #334349;
}

.inquiry_btn span {
    position: relative;
}

.inquiry_btn:hover {
    bottom: -5px;
    box-shadow: 0px 0px 0px 0px #334349;
}

.magazine_lst {
    width: 100%;
    font-size: 1.8rem;
    border-bottom: 4px dotted #999da0;
}

.magazine_lst li {
    display: table-cell;
    padding: 50px 0 40px;
}

.magazine_lst_data {
    width: 200px;
    font-weight: bold;
    vertical-align: top;
    line-height: 1.5;
}

.magazine_lst_ttl {
    width: 800px;
}

.magazine_lst_ttl a {
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    color: #065496;
}

.magazine_lst_ttl a:hover {
    opacity: .5;
}

.magazine_lst_txt {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: normal;
}

.magazine_page_ttl {
    margin-bottom: 40px;
    text-align: center;
    font-size: 2.7rem;
    color: #065496;
}

.magazine_page_txt {
    margin-bottom: 50px;
}

.magazine_page_txt p {
    margin-bottom: 0;
}

.event_ttl {
    margin-bottom: 40px;
    text-align: center;
    font-size: 2.7rem;
    color: #065496;
}

.event_tbl {
    width: 100%;
    max-width: 700px;
    margin: auto auto 40px;
    border-collapse: collapse;
    line-height: 2;
}

.event_tbl th,
.event_tbl td {
    vertical-align: top;
}

/*.siryou_tbl tr:not(:last-child) td {
	border-bottom: 2px solid #cbcbcb;
}*/
/*20190606修正元コードはコメントアウトした上記*/
.siryou_tbl tr td {
    border-bottom: 2px solid #cbcbcb;
}

/*修正ここまで*/
.event_tbl th {
    padding-bottom: 15px;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
    white-space: nowrap;
    padding-right: 10px;
}

.event_tbl td {
    padding-bottom: 60px;
    vertical-align: middle;
}

.siryou_tbl td {
    padding: 15px 0;
}

.event_tbl td:nth-child(1) {
    max-width: 300px;
}

.siryou_tbl td:nth-child(1) {
    width: 300px;
}

.event_dl_lst {
    margin-bottom: 20px;
    font-weight: bold;
}

.event_dl_btn {
    display: inline-block;
    width: 126px;
    margin: 0 5px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    background: #ffae43;
}

.event_dl_btn.video {
    color: #fff;
    background: #ff5555;
}

.event_dl_btn:hover {
    opacity: .5;
}

.event_dl_btn span {
    font-size: 1.2rem;
}

.event_box {
    margin-bottom: 80px;
}

.event_img {
    width: 49%;
}

.action_content_ttl h2 {
    display: inline-block;
    margin: 100px 0 40px;
    font-size: 3.2rem;
    line-height: 1.4;
    color: #065496;
    text-decoration: underline;
    text-decoration-color: #065496;
}

.action_txt_sp {
    margin: 0 10px 40px;
    font-size: x-small;
    word-break: keep-all;
}

.qa_ttl {
    display: inline-block;
    margin: 80px auto 50px;
    font-size: 3.6rem;
    line-height: 1.5;
    border-bottom: 5px solid #ff0000;
}

.qa_list a {
    font-weight: bold;
    color: #065496;
}

.qa_list ul {
    font-size: 2rem;
}

.qa_q,
.qa_a {
    padding: 20px 30px;
}

.qa_q {
    font-weight: bold;
    color: #065496;
    background: #f2f2f2;
}

.qa_a {
    margin-left: 20px;
    padding-bottom: 40px;
}

.qa_a:not(:last-child) {
    margin-bottom: 20px;
}

.qa_q span,
.qa_a span {
    display: inline-block;
}

.qa_q .qa,
.qa_a .qa {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    vertical-align: top;
    line-height: 40px;
}

.qa_q .qa {
    vertical-align: middle;
    color: #fff;
    background: #065496;
}

.qa_a .qa {
    color: #fff;
    background: #ffb33d;
}

.qa_txt {
    max-width: calc(100% - 50px);
    line-height: 2;
    vertical-align: middle;
}

.qa_txt a {
    text-decoration: underline;
    font-weight: bold;
    color: #065496;
}

.qa_txt a:hover {
    text-decoration: none;
}

.juten_map {
    position: relative;
    margin-bottom: 20px;
}

.juten_box {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 20px;
    font-size: 1.2rem;
    line-height: 2;
    background: #fff;
    border: 2px solid #cbcbcb;
}

.juten_ttl,
.juten_txt {
    font-weight: bold;
}

.juten_ttl {
    font-size: 1.6rem;
}

.juten_ttl span {
    display: inline-block;
    width: 36px;
    height: 16px;
    margin-left: 5px;
    vertical-align: middle;
    background: #b4e0be;
    border-radius: 50%;
}

.juten_txt {
    font-size: 1.4rem;
}

.juten_txt.heritage,
.juten_link.heritage span {
    color: #ff0000;
}

.juten_txt.bay,
.juten_link.bay span {
    color: #065496;
}

.juten_txt.other,
.juten_link.other span {
    color: #29cc82;
}

.juten_txt.bay,
.juten_txt.other {
    margin-top: 10px;
}

#tooltip {
    position: absolute;
    padding: 10px;
    font-size: 1.2rem;
    line-height: 1.5;
    background: #fff;
    border: 2px solid #cbcbcb;
    white-space: pre-line;
}

#tooltip:first-line {
    font-weight: bold;
}

.juten_dl {
    font-size: 2.2rem;
    font-weight: bold;
    text-decoration: none;
    color: #065496;
}

.juten_dl:hover {
    text-decoration: underline;
}

.movie {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    width: 800px;
}

/******FAQページここから******/
.faq_menu,
.faq_list {
    width: 920px;
    margin: 0 auto;
    padding: 0 10px 100px;
    max-width: 100%;
}

.faq_menu p,
.faq_list p {
    font-size: 19px;
    font-weight: bold;
    margin: 25px 5px -5px;
}

.faq_menu a {
    display: block;
    padding: 1em 1em 1em 3.7em;
    text-decoration: none;
    color: #000;
    line-height: 1.5;
    text-indent: -2.6em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.faq_label {
    display: block;
    margin: 10px 0;
    padding: 1em 1em 1em 3.7em;
    line-height: 1.4;
    color: #fff;
    background: #4471C4;
    cursor: pointer;
    text-indent: -2.7em;
}

.accordion {
    display: none;
}

.faq_menu ul {
    margin: 0;
    padding: 0;
    background: #f4f4f4;
    list-style: none;
}

.faq_menu li {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar01:checked~#links01 li {
    max-height: 1500px;
    opacity: 1;
}

object a:hover {
    text-decoration: underline;
}


.faq_list ul {
    margin: 0;
    padding: 0;
    background: #f4f4f4;
    list-style: none;
    max-width: 100%;
}

.faq_q {
    display: block;
    margin: 10px 0 20px;
    text-indent: -3em;
    padding: 1em 0 1em 5em;
    line-height: 1.4;
    color: #fff;
    background: #4471C4;
    cursor: pointer;
}

.faq_a {
    display: none;
    padding: 0.5em 3em 1.5em 4.5em;
    margin-bottom: 20px;
    line-height: 1.5;
    text-indent: -2.6em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.faq_a_02 {
    text-indent: -3.3em;
    padding: 0.5em 3em 1.5em 5.3em;
}

.faq_q::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    float: right;
    /* display: table; */
}

.faq_q.open::after {
    content: "\f106";
}

.faq_list object a {
    line-height: 3;
    padding-left: 1em;
    color: #065496;
    text-decoration: underline;
}

.faq_list object a:hover {
    text-decoration: none;
}

/******FAQページここまで******/
/******trafficページここから******/
.inner_traffic {
    width: 1110px;
    margin: auto;
}

.traffic_txt {
    width: auto;
    max-width: 630px;
    margin: 60px auto;
    border-collapse: collapse;
    line-height: 2;
}

.traffic_txt section {
    max-width: 500px;
    margin: 50px auto;
    border-collapse: collapse;
    line-height: 2;
}

.traffic_txt02 h2 {
    line-height: 1;
    display: inline-block;
    font-size: 1.8em;
    padding: 0 15px;
    color: #065496;
}

.traffic_txt03 h2 {
    font-size: 1.8rem;
}

.traffic_list {
    width: 650px;
    max-width: 100%;
    margin: 0 auto 50px;
    text-align-last: left;
    font-weight: bold;
}

.traffic_list i {
    font-size: 0.6em;
    vertical-align: middle;
}

.traffic_list ul {
    line-height: 1.8;
    text-indent: -1em;
    padding-left: 2em;
    font-size: 1.3em;
}

.traffic_list ul font {
    font-size: 0.7em;
}

.traffic_list ul li {
    text-indent: -1em;
    padding-left: 1em;
    line-height: 2.2;
    margin-left: 1em;
}

.traffic_list a {
    text-decoration: underline;
}

.traffic_list a:hover {
    background-color: #DBE5F2;
    color: #065496;
}

.traffic_txt04 {
    width: 935px;
}

.traffic_txt04 p {
    line-height: 1.5;
    font-size: 1.1em;
    font-weight: bold;
}

.traffic_txt02 b {
    line-height: 2;
    min-width: 600px;
}

.traffic_hover:hover {
    opacity: 0.5;
}

.traffic_txt00 {
    white-space: nowrap;
}


.traffic_txt05 h2 {
    font-size: 0.9em;
    display: inline-block;
    margin: 20px 0 2px;
}

.traffic_inquiry_btn {
    margin: 30px auto;
    display: block;
    width: 460px;
    max-width: 100%;
    background: #DBE5F2;
}

.traffic_inquiry_btn span {
    text-align: right;
    margin-left: 30px;
    display: -webkit-inline-box;
}

.traffic_inquiry_plan {
    background: whitesmoke;
    width: 550px;
    max-width: 100%;
    margin: 130px auto 20px;
}

/* .traffic_list ul:nth-last-of-type(1) {
    font-size: 1em;
} */

.traffic_inquiry {
    font-weight: bold;
    padding: 10px 20px 35px 18px;
    line-height: 1;
    max-width: 100%;
    margin: 40px auto 0;
}


.traffic_inquiry a i {
    font-size: 1.5em;
    vertical-align: text-top;
}

.traffic_inquiry a {
    text-align: center;
    max-width: 100%;
    width: 220px;
    border: 2px solid #343434;
    background: #fff;
    font-size: 0.8em;
    padding: 8px 20px;
    display: inline-block;
    margin: 0 auto;
}

.traffic_inquiry a:hover {
    opacity: .5;
}

.traffic_inquiry p {
    border: 2px solid #343434;
    width: 415px;
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 10px 5px;
    background: #fff;
    font-size: 0.8em;
}

.traffic_plan01 {
    display: flex;
    padding: 30px 60px;
    background: whitesmoke;
    justify-content: space-between;
    align-items: center;
    margin-top: 70px;
    border: 2px solid gainsboro;

}

.footer_inquiry i {
    font-size: 1.2em;
    vertical-align: bottom;
}

.traffic_construction {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 50px;
    max-width: 100%;
    letter-spacing: .1em;
}

.traffic_construction_txt00 {
    margin: 30px auto 50px;
    max-width: 100%;
    text-align: left;
}

.traffic_construction_txt01 {
    margin: 50px auto;
    padding: 20px 40px;
    background: cornflowerblue;
    max-width: 100%;
    color: cornsilk;
    font-size: 1.2em;
    letter-spacing: 0em;
    width: 600px;
    border-radius: 10px;
}

.traffic_construction_txt03 {
    width: 700px;
    margin: 0 auto 25px;
    max-width: 100%;
}

.traffic_construction_txt03 h3 {
    font-size: 1.5em;
    text-align: center;
    background: linear-gradient(transparent 80%, rgba(255, 140, 0, .2) 0%);
}

.traffic_construction img {
    margin: 5px auto 60px;
    width: 950px;
}

.traffic_construction a,
.construction_link a {
    color: #065496;
    text-decoration: underline;
}

.traffic_construction_ttl h2 {
    margin: 130px auto 60px;
    font-size: 3rem;
    line-height: 1.2;
    border-bottom: 5px solid #ff0000;
    text-align: center;
    width: 930px;
}

.traffic_construction_txt02 {
    text-align-last: center;
    width: 1000px;
    margin: 0 auto;
    max-width: 100%;
}

.traffic_construction_txt02 h3 {
    width: 620px;
}

.traffic_construction_txt02 img {
    width: 1000px;
}

.traffic_base {
    background: cornsilk;
    padding: 20px 17px;
    margin: 0 auto 50px;
    width: 720px;
    max-width: 100%;
    border-radius: 7px;
}

.traffic_base02 {
    background: #FBE5D6;
    padding: 25px 13px;
    margin: 0 auto 80px;
    width: 900px;
    max-width: 100%;
    font-size: 1.3em;
    border-radius: 10px;
    color: brown;
}

.traffic_base03 {
    background: cornsilk;
    padding: 20px 13px;
    margin: 0 auto 80px;
    width: 800px;
    max-width: 100%;
}

.traffic_base04 {
    padding: 30px 40px;
    margin: 0 auto 80px;
    width: 720px;
    max-width: 100%;
    text-align: left;
}

.traffic_base04 p {
    text-indent: -1em;
    padding-left: 1em;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
}

.traffic_base05 {
    padding: 30px 25px;
    margin: 0 auto 50px;
    max-width: 100%;
    border-radius: 7px;
    width: 550px;
    font-weight: bold;
}

.traffic_base05 p {
    margin-bottom: 0;
}

.traffic_box h3 {
    border: 2px solid #000;
    padding: 10px;
    width: 420px;
    margin: 10px auto;
    max-width: 100%;
}

.traffic_refrain_list {
    width: 700px;
}

.traffic_refrain_list ul {
    font-size: 1.1em;
}

.traffic_refrain_list02 {
    width: 730px;
    max-width: 100%;
    margin: 0 auto 50px;
    text-align: left;
    font-weight: bold;
}

.traffic_refrain_list02 h2 {
    text-align: center;
}

.traffic_refrain_list02 h2 span {
    font-size: 0.7em;
}

.traffic_refrain_list02 ul {
    font-size: 1em;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 20px;

}

.traffic_refrain_list02 ul li {
    margin-left: 2em;
    font-size: 0.9em;
    line-height: 2;
}

.traffic_refrain_list02 li li {
    text-indent: -7em;
    padding-left: 6em;
}

.traffic_refrain_list02 a:hover {
    background-color: #DBE5F2;
    opacity: 1;
    text-decoration: none;
}

.traffic_action2 {
    line-height: 2;
    margin: 20px auto 7px;
    letter-spacing: .1em;
    text-align: left;
    width: 200px;

}

.top_contents_list ul li {
    margin-left: 1.5em;
    line-height: 0.5;
    padding-bottom: 5px;
    text-indent: -1em;
    padding-left: 1em;
}

.top_contents_list a {
    font-size: 1.6rem;
    font-weight: bold;
    color: #065496;
    text-decoration: underline;
    line-height: 1.6;
}

.top_contents_list a:hover,
.logistics_txt02 a:hover,
.logistics_ttl a:hover,
.traffic_action2 a:hover {
    text-decoration: none;
}



/******trafficページここまで******/
.q5_box {
    border: 1px solid #000;
    padding: 5px;
    color: #000;
    pointer-events: none;
}

/******summerページここから******/
.summer_inner {
    margin: 50px auto;
    width: 950px;
    max-width: 100%;
    word-break: break-all;
}

.summer_txt {
    width: 100%;
    max-width: 630px;
    margin: 30px auto;
    border-collapse: collapse;
    line-height: 2;
    background: #ffb33d;
    padding: 15px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    word-break: break-all;
}

.summer_txt2 {
    font-size: 1.8rem;
    background: #70AD47;
    max-width: 900px;
    margin-bottom: 40px;
}

.summer_txt2 span {
    font-size: 1.4em;
    color: #FFF700;
}

.summer_txt3 h2 {
    margin-bottom: 30px;
    display: inline-block;
    font-size: 1.8rem;
    line-height: 1.3;
    color: #065496;
    padding: 0 10px 0 5px;
    font-weight: inherit;
    white-space: nowrap;
    font-weight: bold;
}

.summer_txt_spn {
    font-weight: normal;
    padding-left: 1em;
}

.summer_txt_spn li {
    padding: 0.3rem 1rem 0.5rem 2em;
    text-decoration: none;
    line-height: 1.7;
    text-indent: -2em;
    margin-left: 1em;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -ms-word-break: break-all;
}

.summer_txt_spn li a {
    text-decoration: underline;
}

.summer_txt_step {
    border: 1.5px solid #000;
    padding: 7px 15px 5px;
    border-radius: 12px;
    width: 360px;
    margin: 18px 0 10px;
    background: darksalmon;
    font-size: 1.2em;
}

.summer_txt_step02,
.summer_txt_step03 {
    border: 1.5px solid #000;
    padding: 8px 70px 5px;
    border-radius: 12px;
    width: 360px;
    margin: 0 10px 35px;
    font-size: 1.2em;
    background: lightblue;
}

.summer_txt_sanko_ul li,
.summer_txt_sanko_ul2 {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 0.9em;
    padding-top: 5px;
}

.summer_txt_sanko {
    max-width: 900px;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 auto;
    line-height: 1.7;

}

.summer_txt_sanko h2 {
    font-size: 2.5rem;
    text-align: left;
    margin-bottom: 15px;
    line-height: 1.4;
    font-weight: bold;
}

.summer_txt_sanko a {
    font-weight: bold;
    color: #065496;
    text-decoration: underline;
}

.summer_txt_top h2 {
    padding: 0 10px;
    display: inline-block;
    margin: 100px 0 40px;
    font-size: 3.2rem;
    line-height: 1.2;
    border-bottom: 5px solid #ff0000;

}

.line {
    background: url(../img/summer/line02.png) 0 bottom repeat-x;
    max-width: 100%;
    width: 1000px;
    text-align: center;
    margin: 100px auto 0;
}

.summer_text_list {
    margin: -20px 0 0 50px;
    line-height: 1.5;
    font-size: 1.5rem;
}

.summer_list {
    margin-top: -30px;
    width: 500px;
    margin: 0 auto;
    max-width: 100%;
}

.summer_list li {
    margin-left: 20px;
    list-style: none;
    font-weight: normal;
    font-size: 1.6rem;
}

.summer_list li a {
    text-decoration: underline;
}

.summer_list ul {
    font-size: 1.8rem;
}

.summer_test_btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin: 10px 0 100px;
}

.summer_list02 ul {
    margin-top: 13px;
}

.summer_txt_event {
    margin: 10px 0 10px;
    padding-left: 60px;
}

.summer_txt_event b {
    font-size: 1.9rem;
}

.summer_qa_list a {
    font-size: 2rem;
    font-weight: bold;
    color: #065496;
    text-decoration: underline;
    line-height: 1.6;
}

.summer_qa_list2 a {
    font-size: 1.6rem;
    font-weight: bold;
    color: #065496;
    text-decoration: underline;
    line-height: 1.6;
}

.summer_qa_list ul {
    max-width: 1000px;
    margin: auto;
    width: auto;
    word-break: break-word;
    line-height: 2.1;
    text-indent: -1em;
    padding-left: 1em;
}

.summer_qa_list ul li {
    margin-left: 1.5em;
    line-height: 0.5;
    padding-bottom: 5px;
    text-indent: -1em;
    padding-left: 1em;

}

.summer_txt a:hover,
.summer_txt_sanko a:hover {
    opacity: 0.5;
}

.summer_event {
    background: #EDF7F1;
}

.summer_base {
    padding: 0 0 50px 60px;
}

.summer_inner ul {
    text-indent: -1em;
    padding-left: 2em;
    margin: 17px 0 40px;
}

.summer_inner h2 {
    font-size: 1.2em;
}

.summer_list02 {
    padding: 30px 0 50px 50px;
    width: 500px;
}

.summer_approach {
    display: flex;
}

.summer_gray h2 {
    background: gainsboro;
    padding: 10px 10px 5px;
}

.summer_test {
    margin-left: 1em;
    margin-top: 15px;
}

.summer_test li {
    margin: 10px 0;
}

.summer_inner2 ul,
.summer_inner2 ul li,
.summer_txt_sanko_ul2,
.summer_txt_spn2 li {
    line-height: 1.6;

}

.summer_inner2 ul {
    margin: 0 auto 10px;
}

.summer_txt_sanko_ul2 {
    margin-bottom: 10px;
}

.summer_list02_2 {
    padding: 10px 0 0 50px;
}


/******summerページここまで******/
/*********** event_acoここから **************/
.eve_a {
    display: none;
}

.eve_q,
.eve_label {
    display: block;
    margin: 10px 0;
    padding: 0.9em 1em;
    color: #fff;
    background: #002063;
    width: auto;
}

.eve_q {
    cursor: pointer;
}

.eve_q::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    float: right;
    display: table;
}

.eve_q.open::after {
    content: "\f106";
}

.eve_menu {
    width: 700px;
    margin: 0 auto;
    max-width: 100%;
}

.eve_menu p {
    font-size: 19px;
    font-weight: bold;
    margin: 25px 5px -5px;
}

.eve_menu a {
    display: block;
    padding: 1em 1em 1em 3.7em;
    text-decoration: none;
    color: #000;
    line-height: 1.5;
    text-indent: -2.7em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.eve_q:hover {
    background: #00509A;
}

.eve_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*********** event_acoここまで **************/

/******approachページここから******/
.inner_app4 {
    width: 1000px;
    /* 4列 */
    margin: auto;
}

.inner_app,
.inner_app5 {
    width: 1200px;
    /* 5列 */
    margin: auto;
}

.approach_tbl_container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.approach_tbl {
    font-size: 1.25em;
    width: 100%;
    font-weight: bold;
    border-collapse: collapse;
    border: 1px solid #D1D0D0;
}

.approach_tbl a {
    text-decoration: underline;
    color: dodgerblue;
    line-height: 1.5;
}

.approach_tbl a:hover {
    opacity: 0.5;
}

.approach_tbl_tr th {
    width: 200px;
    text-align: center;
    height: 70px;
    vertical-align: middle;
    border-right: 1px solid #D1D0D0;
    -ms-word-wrap: break-all;
    word-break: break-all;
    width: 20%;
}

.approach_tbl_tr03 th {
    border-top: 1px solid #D1D0D0;
    font-weight: normal;
    font-size: 0.7em;
    padding: 7px 0;
}

.approach_tbl img {
    width: 100%;
    padding: 50px 20px 25px;
}

.approach_txt li {
    line-height: 1.5;
    padding-top: 15px;
    text-indent: -1em;
    padding-left: 1em;
}

.approach_txt {
    max-width: 920px;
    width: auto;
    margin: 0 auto 50px;
    border-collapse: collapse;
    line-height: 1.5;
    font-weight: bold;
}

.approach_txt h2 {
    font-size: 1.5em;
    margin: 0 auto 50px;
}

.approach_txt b {
    font-size: 1.2em;
}

.approach_smooth_box {
    padding: 30px 70px 10px;
    background: rgba(0, 157, 133, 0.05);
    border-radius: 10px;
    margin: 100px auto;
    border: 2px solid #009d85;
    width: 900px;
    max-width: 100%;
}

.approach_smooth_txt p {
    text-indent: 1em;
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: normal;
}

.approach_smooth_ttl {
    border-bottom: 2px solid #009d85;
    width: fit-content;
    margin: 0 auto;
}


.approach_box {
    padding: 30px 60px;
    background: linen;
    border-radius: 10px;
    margin-bottom: 70px;
}

.approach_smooth {
    padding: 30px 70px;
    background: rgba(0, 157, 133, 0.1);
    border-radius: 10px;
    margin: 0 auto 70px;
    text-align: center;
}

.approach_smooth p {
    margin: 0 auto;
    line-height: 1.5;
}

.approach_smooth a {
    color: #009d85;
    text-decoration: underline;
}

.approach_smooth a:hover {
    text-decoration: none;
}

.approach_smooth section {
    text-align: left;
    margin: 40px 0;
}

.approach_btn {
    line-height: 1.15;
    max-width: 100%;
    width: 310px;
    padding: 10px 40px 7px;
}

.approach_center {
    text-align: center;
    display: flex;
    width: auto;
    max-width: 700px;
    margin: 0 auto;
}

.approach_center span {
    font-size: 60%;
}

/*  */
.list_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid #D1D0D0;
    background: #D1D0D0;
}

.approach_company {
    padding: 0 0 13px;
    margin: 1px;
    background: #fff;
    text-align: center;
    width: 24.78%;
    max-width: 100%;
}

.list_img img {
    object-fit: cover;
    width: auto;
    height: 80px;
    margin: 70px auto 30px;
}

.approach_name h4 {
    font-size: 1.25em;
    display: table-cell;
    height: 75px;
    vertical-align: middle;
}

.approach_list {
    display: table;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 13px;
    border-top: 1px solid #D1D0D0;
    height: 70px;
}

.approach_list p {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.35rem;
    line-height: 1.5;
    margin: 0;
}

.approach_list a {
    color: dodgerblue;
}

h2.approach_ttl {
    font-size: 3.4rem;
    margin-top: 150px;
}

.approach_name {
    display: table;
    width: 90%;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}

.approach_company_tbl h2 {
    font-size: 3.4rem;
    margin-top: 100px;
}

/******approachページここまで******/

/******companiesページここから******/
.companies_menu {
    width: 1000px;
    padding: 0 0 100px 0;
}

.companies_label {
    text-align: center;
    position: relative;
    margin-bottom: 0;
}

.companies_label::before {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background-color: #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 40px;
    top: 50%;
}

.companies_label::after {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background-color: #fff;
    transform: rotate(-45deg);
    position: absolute;
    right: 30px;
    top: 50%;
}

#menu_bar01:checked+.companies_label::before {
    transform: rotate(135deg);
}

#menu_bar01:checked+.companies_label::after {
    transform: rotate(-135deg);
}

.faq_menu .accordion_inner {
    background-color: #fff;
}

.faq_menu .accordion_inner_list {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}

.faq_menu .accordion_inner_list li {
    width: calc(100% / 3);
    position: relative;
    padding-left: 1em;
    margin-bottom: 14px;
}

.faq_menu .accordion_inner_list li input[type="checkbox"] {
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
}

.faq_menu .accordion_inner_txt {
    margin: 20px 0;
}

.faq_menu .accordion_inner_btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.crear_button,
.search_button {
    width: 250px;
    background: #4471C4;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    margin-right: 15px;
}

.reset_button {
    width: 250px;
    background: #ffb33d;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
}

/******companiesページここまで******/
/******TOPページ左上シンボルマーク追加ここから******/
.header_simbolmark_pc {
    position: absolute;
    width: 95px;
    top: 8px;
    margin: 0 -110px;
}

.left {
    margin-top: 20px;
}

.header_nav {
    margin-top: 15px;
    height: 90px;
}

.header_simbolmark_pc:hover {
    opacity: inherit;
}

.header_simbolmark_pc img {
    width: 100%;
    height: auto;
}

/******TOPページ左上シンボルマーク追加ここまで******/
.action_tool_btn {
    width: 300px;
    font-size: 1.8rem;
    padding: 20px;
    margin: 0 15px;
    line-height: 1.5;
}

.inner_action_tool {
    width: auto;
}

.action_tool_color {
    width: 100%;
    margin: 70px auto;
    max-width: 1000px;
    border-collapse: collapse;
    line-height: 2;
    background: #065496;
    padding: 15px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    word-break: break-word;
}

.action_tool_color1 {
    padding: 8px 20px;
    border-radius: 7px;
    color: #000;
    font-size: 2rem;
}

.action_tool_txt2 {
    font-size: 2em;
    color: #065496;
    text-decoration: underline;
    margin: 80px auto 50px;
}

.action_tool_ul {
    text-align: left;
    max-width: 1000px;
    margin: 50px auto;
    font-size: 2rem;
    width: auto;
}

.action_tool_ul li {
    padding: 10px;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.5;
    text-indent: -1.5em;
}

.action_tool_ul a {
    font-weight: bold;
    color: #065496;
    text-decoration: underline
}

.action_tool_ul span {
    font-size: 1.5rem;
}

.action_tool_plan_lst {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    margin: 80px auto;
    max-width: 1000px;
}

.action_tool_step {
    max-width: 1000px;
    text-align: left;
    margin: 50px auto;
    display: flex;
    align-items: baseline;
}

.action_tool_step span {
    font-weight: normal;
}

.action_tool_list {
    max-width: 1000px;
    margin: 50px auto;
}

.action_tool_list section {
    text-align: left;
    display: flex;
    justify-content: space-around;
    line-height: 1.5;
}

.action_tool_list_sec span {
    font-weight: bold;
    text-decoration: underline;
}

.action_tool_list_sec b li {
    padding: 10px 0 5px;
    margin: 0;
}

.action_tool_list_sec {
    display: flex;
}

.action_tool_list_indent {
    margin-left: 2em;
    padding-top: 0;
}

.inner_action_tool img {
    width: 900px;
    margin: 50px auto;
}

.via {
    width: 970px;
    margin: 0 auto;
    max-width: 100%;
}

.via_btn {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.6;
    -ms-word-break: break-all;
    word-break: break-all;
    background-color: #ed7d31;
    margin: 100px auto;
}

.via img {
    width: 65px;
    display: inline-block;
    vertical-align: text-bottom;
}

.via h2 {
    font-size: 1.65em;
    margin-top: 30px;
    line-height: 2;
}

.via p {
    font-size: 1.4em;
    text-align: left;
    margin-bottom: 0;
}

.event_log {
    max-width: 700px;
    width: auto;
    margin: 0 auto;
}

.event_log p {
    padding-top: 5px;
    width: auto;
    margin-bottom: 0;
    font-weight: bold;
}

.event_log section {
    padding: 8px;
    width: 700px;
    background: #f4f4f4;
    max-width: 100%;
}

.event_log section a {
    font-weight: bold;
    color: #065496;
    text-decoration: underline;
    padding: 0 8px;
    display: inline;
}

.event_tbl p {
    margin-bottom: 15px;
}

.linen {
    background: linen;
    padding: 20px;
    width: 350px;
    max-width: 100%;
}

.melmaga_btn {
    width: 890px;
    display: inline-block;
    margin: 20px auto;
    padding: 12px 30px;
    font-weight: normal;
    color: #334349;
    background: rgba(181, 219, 230, .4);
    border-radius: 20px;
    border: 3px solid #334349;
    box-shadow: 0px 5px 0px 0px #334349;
    line-height: 1.5;
    font-size: 1em;
    text-align: left;
}

.melmaga_btn span {
    font-size: 1.1em;
    font-weight: bold;
}

.melmaga_lst {
    max-width: 810px;
    width: auto;
    margin: 0 auto 100px;
    -ms-align-items: center;
    align-items: center;
}

.melmaga_lst li {
    text-indent: -1em;
    padding-left: 2em;
}

/* accordionここから  */
.faq_menu label:after,
.eve_menu label:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    /*   content: "\f107"; */
    float: right;
}

.accordion:checked+label:after {
    /*   content: "\f106";   */
}

/* accordionここまで  */

.top_txt_tdm {
    font-size: 1.05em;
    line-height: 1.4;
    color: #009C84;
    padding-bottom: 10px;
}

.top_flyer {
    display: inline-flex;
    margin: 20px auto 90px;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    max-width: 100%;
}

.top_flyer_2 {
    width: 900px;
    margin: 0 auto 20px;
}

.top_flyer section {
    width: auto;
    max-width: 100%;
    margin: 0 30px;
}

.siryou_eng_01 {
    line-height: 1.4;
}

.siryou_eng_02 {
    line-height: 2.5;
}

.margin-top150 {
    margin-top: 150px;
}

.margin-top100 {
    margin-top: 100px;
}

.eve_qa_list {
    margin-left: 140px;
}

.event_txt {
    width: 100%;
    max-width: 350px;
    margin: 20px auto;
    line-height: 1.5;
}

.event_txt h2 {
    text-align: center;
    color: #065496;
    text-decoration: underline;
    margin-bottom: 20px;
    font-size: 1.6em;
}

.event_txt a {
    color: #065496;
    text-decoration: underline;
}

.event_txt a:hover {
    text-decoration: none;
}

.event_txt_right {
    max-width: 700px;
    width: auto;
    margin: 0 auto -40px;
    text-align: right;
}

.project_txt figure {
    text-align: center;
    font-size: 1.2em;
    margin: 0 auto;
}

.project_txt img {
    width: 700px;
    margin: 20px auto 10px;
}

.enquete {
    color: #065496;
}

.enquete h2 {
    font-size: 2.5rem;
    border: 1px solid #065496;
    padding: 10px 25px 5px;
    width: 630px;
    margin: 10px auto 45px;
    background: #065496;
    color: #fff;
}

.enquete p span {
    text-decoration: underline;
    font-size: 1.2em;
}

.enquete_link_txt {
    max-width: 100%;
    word-break: break-word;
    margin: 0 auto 120px;
    font-weight: bold;
}

.enquete_link_txt h2 {
    font-size: 1.7em;
    margin: 0 auto 50px;
    line-height: 2;
}

.enquete_link_txt span {
    padding: 0 3px;
    background: linear-gradient(transparent 70%, lightpink 0);
}

.enquete_link_txt section {
    background: linen;
    padding: 90px 30px;
    margin-bottom: 40px;
}

.enquete_link_txt p {
    margin: 10px auto;
    padding: 0 5px;
    font-size: 1.5em;
    max-width: 100%;
}

.enquete_link_txt a:hover {
    background: #065496;
    color: #fff;
}

.enquete_btn a {
    background: cornflowerblue;
    width: 700px;
    padding: 25px;
    font-size: 1.1em;
}

.enquete_btn b {
    color: #fff;
}

.enquete_btn p {
    line-height: 0.5;
    font-size: 1.2em;
    margin-top: 20px;
    line-height: 2;
    font-size: 1.2em;
    margin: 0 auto 15px;
}

.enquete_btn {
    margin-top: 50px;
}

.inner_enquete_link {
    width: 1300px;
    margin: auto;

}

h2.anchor {
    padding-top: 250px;
    margin-top: -150px;
}

/* sitemapここから */
.inner_sitemap {
    width: 1180px;
}

.sitemap {
    width: 1180px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.sitemap_list {
    margin-bottom: 40px;
}

.sitemap section {
    width: 560px;
    max-width: 100%;
}

.sitemap_list h2 {
    background: #065496;
    margin: 0 0 20px;
    padding: .5em 1em;
    font-size: 0.9em;
    color: #fff;
    min-width: 100%;
}

.sitemap ul {
    margin: 0 5px;
    text-indent: -1em;
    padding-left: 1.5em;
    font-weight: bold;
}

.sitemap a {
    color: #065496;
    font-size: 0.8em;
    line-height: 2;
}

.sitemap_list2 a {
    color: #000;
}

.sitemap a:hover {
    text-decoration: underline;
    color: #065496;
}

.sitemap li:before {
    font-size: 0.8em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f14a";
    color: #065496;
    padding-right: 0.8em;
}

.sitemap_list2 li:before {
    display: none;
}

ul.sitemap_list2 {
    padding-left: 1.3em;
    font-weight: normal;
}

/* sitemapここまで */
.anchor_link {
    margin-top: -20px;
    padding-top: 10px;
}

.header_inquiry_wrap {
    display: flex;
    justify-content: flex-end;
}

.header_inquiry_wrap a {
    align-items: center;
    margin: 0 3px;
}

.header_inquiry_wrap p {
    font-size: 0.7em;
    line-height: 1.2;
    margin: 11px 0;
}

.approve_btn a {
    display: inline-block;
    padding: 9px 15px;
    margin: 0 30px 10px;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
    color: #065496;
    border-color: #337ab7;
    box-shadow: 0 0 black;
    min-width: 140px;
}

.approve_btn a:hover {
    background-color: #337ab7;
    color: #fff;
}

.route_list {
    font-size: 1em;
    line-height: 1.9;
    width: 800px;
    margin: 80px auto 50px;
    max-width: 100%;
    text-indent: -1em;
    padding-left: 1em;
}

.route_list a {
    font-weight: bold;
    color: #065496;
    text-decoration: underline;

}

.route_list a:hover {
    text-decoration: none;
}

.route_ttl {
    margin-bottom: 100px;
    text-align: center;
    font-size: 1.5em;
    color: #065496;
}

.route_tbl {
    width: 400px;
    max-width: 100%;
    margin: auto auto 40px;
    border-collapse: collapse;
    line-height: 2;
    font-size: 1.2em;
}

.route_tbl td {
    padding-bottom: 50px;
}

ul.top_cooperation_txt {
    width: 325px;
}

.top_cooperation_txt li {
    text-indent: -1em;
    padding-left: 1em;
}

.top_cooperation_txt a {
    text-decoration: underline;
}

.top_cooperation_txt a:hover {
    text-decoration: none;
}

.top_traffic_btn {
    padding: 20px 40px 10px;
}

.contact {
    display: flex;
    position: relative;
    justify-content: flex-end;
}

.phone {
    border: 2px solid #cbcbcb;
    width: 353px;
    font-size: 0.7em;
    padding: 10px 10px 5px;
    margin: 5px 0 5px 8px;
    background: #fff;
    text-align: center;
}

.phone span {
    font-size: 1.3em;
    font-weight: bold;
}

.phone section {
    text-align: right;
    width: 230px;
    margin: 5px auto;
}

.phone p {
    margin-bottom: 3px;
    font-weight: bold;
}


#preview {
    position: absolute;
    display: none;
}

.top_contents_list {
    margin-bottom: 70px;
}

.top_contents_list ul {
    max-width: 900px;
    margin: auto;
    width: auto;
    word-break: break-word;
    line-height: 2.1;
    text-indent: -1em;
    padding-left: 1em;

}

.content_ttl h2 {
    margin: 60px auto 40px;
    font-size: 3rem;
    line-height: 1.2;
    text-decoration: underline;
    text-decoration-color: #ff0000;
    text-align: center;
    width: 800px;
    max-width: 100%;
}

.action_txt_list p {
    font-weight: bold;
    line-height: 2;
    margin-bottom: 0;
}

.action_txt_list p a {
    color: #065496;
    text-decoration: underline;
}

.action_txt_list p a:hover {
    text-decoration: none;
}

.action_txt_list02 {
    width: 840px;
}

.action_txt_list02 p {
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 15px;
}

.action_txt_list {
    width: 840px;
    margin: 0 auto;
    max-width: 100%
}

.action_txt01 p {
    font-size: 2em;
    text-align: center;
    color: #065496;
    font-weight: bold;
    margin: 60px auto 10px;
}

.action_txt03 p {
    font-size: 1em;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 15px;
}

.action_txt00 {
    margin: 60px auto 20px;
    text-align: center;
    font-size: 1.3em;
}

.action_txt00 a {
    text-decoration: underline;
    color: #065496;
}

.action_txt00 a:hover {
    text-decoration: none;
}

.action_plan_img img {
    width: 980px;
    margin: 0 auto 50px;
    max-width: 100%;
}

.action_txt_list001 {
    width: 950px;
}

.action_txt_list001 p {
    line-height: 1.5;
    margin-bottom: 10px;
    text-indent: -1.3em;
    padding-left: 1.3em;
}

.action_txt_list002 {
    width: 900px;
}

.action_txt_list002 li {
    text-indent: -6em;
    padding-left: 8em;
    line-height: 1.5;
}

/* アクションページのスクロール */
.action_print000 img {
    margin: 0 auto;
    margin-right: 18.5px;
}

.action_print001 {
    overflow: auto;
    height: 530px
}

.action_print001 {
    margin: 0 auto;
}

.action_plan_print {
    display: none;
}

.link_hover a {
    color: #065496;
    text-decoration: underline;
}

.link_hover a:hover {
    text-decoration: none;
}

/* アクションページのスクロールここまで */

/*==============================
footerS
================================*/
footer {
    position: relative;
    padding: 100px 0 60px;
    font-size: 1.4rem;
    color: #fff;
    background: #34434a;
    right: 0;
}

footer .inner,
footer .header_inner {
    position: relative;
}

.footer_inquiry {
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 5px;
    padding: 10px;
    font-weight: bold;
    border: 2px solid #fff;
    min-width: 100px;
}

footer a {
    text-decoration: none;
    color: #fff;
}

footer a:hover {
    opacity: .5;
}

footer i {
    font-size: 2.6rem;
    vertical-align: middle;
}

.footer_logo {
    position: absolute;
    top: 0;
    right: 0;
}

.pagetop {
    position: absolute;
    display: block;
    height: 40px;
    top: -140px;
    right: 0;
    padding: 0 20px;
    font-weight: bold;
    line-height: 40px;
    background: #34434a;
}

.project_txt {
    width: 800px;
    max-width: 100%;
    word-break: break-word;
    margin: 0 auto 120px;
}

.project_txt02 {
    width: 600px;
}

.project_txt03 {
    width: 780px;
}

.project_txt04 {
    width: 500px;
}

.project_ttl h3 {
    display: inline-block;
    margin: 20px 0 50px;
    font-size: 2em;
    line-height: 1;
    border-bottom: 5px solid #ff0000;
    padding: 0 10px;
}

.project_txt p {
    line-height: 1.8;
    text-indent: 1em;
    margin: 5px 0;
    font-weight: bold;
}

.project_txt02 ul {
    line-height: 2.5;
    padding-left: 4em;
    font-weight: bold;
    text-indent: -4em;
}

.project_txt a {
    color: #065496;
    text-decoration: underline;
}

.project_lst {
    display: inline-flex;
    align-items: baseline;
}

.project_lst li {
    margin-left: 2em;
    line-height: 1.7;
    width: 100%;
}

.project_txt03 ul {
    line-height: 2.5;
    font-weight: bold;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 1.2em;
    margin-bottom: 12px;
}

.project_txt03 li {
    font-weight: normal;
    line-height: 1.8;
    font-size: 0.8em;
}

.project_base {
    padding: 25px 20px 20px 70px;
    background: beige;
    margin-bottom: 70px;
}

.project_txt04 p {
    text-indent: -1.5em;
    padding-left: 1.5em;
    line-height: 1.5;
}

.navitime_list ul {
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 30px;

}

.navitime_list ul li {
    font-weight: normal;
    font-size: 0.8em;
    text-indent: 1em;
    margin-left: 1em;
    line-height: 1.45;
    margin-bottom: 10px;
}

.navitime_list {
    margin-top: -30px;
    margin-bottom: 120px;
}

.navitime_txt_box {
    width: 926px;
    background: beige;
    padding: 40px 50px 35px;
    margin: 0 auto;
}

.navitime_txt_box02 {
    display: flex;
    width: 850px;
    margin: 30px auto 30px;
    justify-content: space-around;
}

.navitime_txt_box03 {
    width: 640px;
    font-size: 0.9em;
    font-weight: bold;
    max-width: 100%;
    margin: 40px auto 0;
}

.navitime_txt_box03 p {
    line-height: 1.5;
    color: #343434;
    margin-bottom: 25px;
}

.navitime_txt_box02 ul {
    width: 45%;
}

.navitime_txt_box02 li {
    font-weight: bold;
    padding-top: 7px;
}

.navitime_btn {
    margin: 0px 45px;
    padding: 12px 40px;
    background-color: rgba(102, 205, 170, .5);
    text-align: center;
}

.batch_sp {
    display: none;
}

.search_content {
    width: 670px;
    margin: 30px auto;
    max-width: 100%;
    font-size: 0.9em;
}

.batch_search_content {
    width: 830px;
    margin: 0 auto 30px;
    max-width: 100%;
    font-size: 0.9em;
}

.search_content ul:nth-of-type(1) {
    font-size: 1.1em;
    margin-bottom: 15px;
    font-weight: bold;

}

.search_content li {
    text-indent: -3.3em;
    padding-left: 5em;
    margin-top: 5px;
    line-height: 1.3;
}

.search_content li span,
.batch_search_content li span {
    font-weight: bold;
}

.batch_search_content li {
    text-indent: -5em;
    padding-left: 5em;
    margin-top: 5px;
    line-height: 1.3;
}

.batch_search_content ul:nth-of-type(1) {
    margin-bottom: 12px;
    font-weight: bold;
}

.individual {
    width: 1300px;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.individual iframe {
    width: 1300px;
}

/* 物流ページここから */
.logistics_list {
    text-align: left;
    margin: 0 auto;
    width: 820px;
    font-size: 0.95em;
    max-width: 100%;
    background: lightgoldenrodyellow;
    padding: 50px 50px;
    border-radius: 10px;
}

.logistics_list ul {
    margin-bottom: 8px;
}

.logistics_list li {
    text-indent: -1em;
    padding-left: 1em;
    margin-left: 1.5em;
    margin-bottom: 8px;
    font-weight: bold;
}

.logistics_list span {
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: underline;
    color: darkblue;
}

.logistics_ttl {
    width: 890px;
    margin: 0 auto 30px;
    display: flex;
    max-width: 100%;
}

.logistics_ttl00 {
    width: 850px;
    margin: 0 auto 30px;
    display: flex;
    max-width: 100%;

}

.logistics_ttl h2 {
    margin-bottom: 20px;
    font-size: 3rem;
    color: #010101;
    text-align: left;
    max-width: 100%;
    margin: 70px auto 0;
}

.logistics_ttl img {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin: 55px 20px 0 20px;
}

.logistics_ttl00 p {
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0;
    margin-top: 5px;
}

.logistics_ttl p {
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0;
    margin-top: 5px;
    line-height: 1.3;
    text-indent: -1.2em;
    padding-left: 1.2em;
}

.logistics_ttl p a,
.logistics_txt02 a {
    color: #065496;
    font-weight: bold;
    text-decoration: underline;
}

.logistics_txt01 {
    width: 810px;
    margin: 0 auto;
    text-align: left;
    max-width: 100%;
}

.logistics_txt01 p {
    text-indent: 1em;
    margin-bottom: 10px;
    line-height: 1.6;
}

.logistics_txt04 {
    width: 680px;
    margin: 0 auto;
    text-align: left;
    max-width: 100%;
}

.logistics_txt04 p {
    margin-bottom: 10px;
    line-height: 1.6;

}

.logistics_txt02 p {
    color: #FF0000;
    font-size: 1.3em;
    font-weight: bold;
    text-indent: 1em;
    margin-bottom: 10px;

}

.logistics_txt02 ul {
    font-weight: bold;
    line-height: 1.6;
    font-size: 1.3em;
    padding: 10px 30px;
}

.logistics_txt02 li {
    font-size: 0.8em;
    padding: 8px 0 0 35px;
    line-height: 1.5;

}

.logistics_txt02 {
    width: 820px;
    margin: 70px auto 40px;
    text-align: left;
    max-width: 100%;
    border: 4px solid powderblue;
    padding: 35px 0 40px;
    border-radius: 10px;
}

.logistics_inner {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 50px;
    max-width: 100%;
    letter-spacing: .1em;
}

.logistics_ttl_sp {
    display: none;
}

.logistics_txt03 {
    text-align: left;
    font-size: 1.1em;
    font-weight: normal;
    text-align: left;
    margin-bottom: 0;
    margin-top: 5px;
    line-height: 1.3;
    text-indent: 1em;
}

.logistics_box {
    width: 820px;
    margin: 50px auto 30px;
    max-width: 100%;
    border: 3px solid gray;
    padding: 0 40px 30px;
    word-break: break-all;
}

.logistics_box h2 {
    margin: 0;
}

/* 物流ページここまで */

.construction_base01 {
    background: cornsilk;
    padding: 30px 25px;
    margin: 0 auto 50px;
    max-width: 100%;
    border-radius: 7px;
    width: 550px;
}

.construction_base02 {
    margin: 0 auto 50px;
    max-width: 100%;
    width: 550px;
    border-radius: 7px;
    padding: 30px 35px;
}

.construction_base02 span {
    font-size: 0.8em;

}

.box {
    margin: 0 auto;
    max-width: 100%;
}

.indent {
    text-indent: -1em;
    padding-left: 1em;
}


.btn a.time_slider {
    margin: 10px 3px 20px;
}

.time_slider {
    border: 4px solid rgb(251, 133, 113)
}

.map_txt {
    width: 455px;
}

.map_txt p {
    margin-bottom: 0px;
    font-size: 1.4rem;
    line-height: 1.3;
}

.map_txt01 p {
    line-height: 1.7;
    text-indent: 1em;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.map_txt02 p {
    line-height: 1.7;
    text-indent: 1em;
    margin-bottom: 0px;
    padding-bottom: 0;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.flex {
    display: flex;
}

.stripe {
    position: relative;
    padding: 0.3em;
    width: 600px;
    margin: 100px auto 0;
    max-width: 100%;
}

.stripe:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    height: 7px;
    background: repeating-linear-gradient(-45deg, rgb(235, 172, 135), rgb(235, 172, 135) 2px, white 2px, white 4px);
    margin-bottom: 50px;
}

/* TOPへ戻るボタンここから */
.topBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    background-color: #34434a;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 22px;
    border-radius: 30px;
    padding-top: 30px;
    box-sizing: border-box;
}

.topBtn:before {
    content: '\f106';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.topBtn:hover {
    opacity: 0.7;
}

/* TOPへ戻るボタンここまで */

/* headerここから */
#___gcse_0 {
    width: 205px;
    margin: 10px 0;
}

.search_box {
    margin-top: 5px;
}

.header_inquiry_wrap {
    width: 520px;
}

#fontsize {
    margin-left: 5px;
}

/* headerここまで */

/* 調整中文言 */
.attention {
    width: 950px;
    text-align: center;
    margin-top: -50px;
    margin-bottom:30px;
}

.attention p {
    font-size: 1.3em;
    margin: 0px auto 30px;
    font-weight: bold;
    line-height: 1.3;
    color: red;
    background: #F8CBAD;
    padding: 15px 0 10px;
}

#pre_link {
    color: lightgray;
    pointer-events: none;
}

/* 調整中文言 */
.attention_text_top{
    text-align: left;
    margin: 0px auto 0;
    font-weight: bold;
    line-height: 1.4;
    color: red;
}
.attention_text_top a{
    text-align: left;
    font-size: 1.1em;
    margin: 0px auto 0;
    font-weight: bold;
    line-height: 1.4;
    color: red;
}
.attention_text_top p{
    text-align: left;
    font-size: 1.1em;
    margin: 0px auto 0;
    font-weight: bold;
    line-height: 1.4;
    color: red;
}
.attention_text_top span{
    text-align: left;
    margin: 0px auto 0;
    font-weight: bold;
    line-height: 1.4;
    color: red;
}



.attention_text{
    color: red;
    background: #F8CBAD;
    padding: 10px;
    text-align: left;
    margin: 0px auto 0;
    font-weight: bold;
    line-height: 1.4;
    color: red;
}
.attention_text p{
    text-align: left;
    font-size: 1.1em;
    margin: 0px auto 0;
    font-weight: bold;
    line-height: 1.4;
    color: red;
}
.attention_text span{
    text-align: left;
    margin: 0px auto 0;
    font-weight: bold;
    line-height: 1.4;
    color: red;
}



/*IEのみ ここから*/
@media all and (-ms-high-contrast: none) {
    .top_btn_ie {
        width: 100%;
    }
}

/*IEのみ ここまで*/
/*==============================
breakpoint 768px
================================*/
@media screen and (max-width: 768px) {
    html {
        font-size: 62.5% !important;
    }

    body {
        font-size: 1.4rem;
    }

    main {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    article {
        padding: 40px 0 80px;
    }

    h1 {
        margin-bottom: 30px;
        font-size: 2.4rem;
    }

    h2 {
        font-size: 2rem;
    }

    p {
        margin-bottom: 20px;
    }

    .pc {
        display: none;
    }

    .sp {
        display: inherit;
    }

    .left,
    .right {
        float: none;
    }

    .inner,
    .inner_lrg,
    .summer_txt_sanko {
        width: 94%;
        margin: auto;
        padding: 0;
    }

    .header_inner {
        width: 94%;
        min-width: auto;
    }

    .header_link {
        margin: 50px auto 10px;
    }

    main {
        margin-top: 116px;
    }

    #main_visual {
        height: 120px;
    }

    .kounin {
        /* margin-bottom: 20px;
        border: 1px solid #999da0; */
        margin-top: -20px;
        margin-bottom: 10px;
        border: 1px solid #999da0;
        width: 40%;
    }

    #top_about {
        padding: 30px 0;
    }

    .top_about_ttl {
        font-size: 2rem;
    }

    .top_about_ttl.large {
        font-size: 2rem;
    }

    #top_about .top_about_ttl img {
        width: 18px;
        height: auto;
    }

    #top_about .top_about_ttl img {
        width: 35px;
        height: auto;
    }

    .top_about_txt.large {
        font-size: 1.6rem;
    }

    #top_plan {
        padding: 20px 0;
        font-size: 1.4rem;
    }

    .top_plan_lst {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .top_plan_lst li {
        width: 100%;
        margin-bottom: 40px;
    }

    .top_plan_txt {
        margin-bottom: 0;
    }

    .top_plan_ttl {
        font-size: 2rem;
    }

    .top_plan_ttl img {
        width: 17px;
        height: auto;
    }

    .top_plan_tbl th,
    .top_plan_tbl td {
        display: block;
        width: 100%;
    }

    .top_inquiry_btn {
        position: relative;
        width: 100%;
        padding: 10px 30px;
        font-size: 1.6rem;
    }

    #top_info {
        min-width: auto;
        height: auto;
    }

    .top_info_inner {
        position: static;
    }

    .top_info_center {
        padding: 10px
    }

    .top_info_box {
        padding: 10px;
        height: 320px;
    }

    .top_info_ttl {
        margin-bottom: 10px;
        font-size: 2rem;
    }

    .top_info_tbl th {
        padding-right: 10px;
        font-size: smaller;
    }

    #top_cooperation {
        padding: 30px 0;
    }

    .top_cooperation_ttl {
        margin-bottom: 20px;
        font-size: 2rem;
    }

    .top_cooperation_ttl2 {
        font-size: 1.6rem;
    }

    .top_cooperation_txt {
        font-size: 1.4rem;
    }

    .top_cooperation_right {
        margin-top: 40px;
        position: relative;
    }

    .top_companies,
    .top_collaborator {
        position: relative;
        margin: 20px auto;
    }

    .top_companies_ttl {
        font-size: 1.6rem;
    }

    .top_companies_num {
        font-size: 1.6rem;
    }

    .top_companies_num span {
        font-size: 3.2rem;
    }

    .top_companies_date {
        font-size: 1.4rem;
    }

    #top_banner {
        padding: 30px 0 60px;
    }

    .top_banner_h2 {
        font-size: 1.6rem;
        margin: 50px 0 10px;
    }

    .top_banner_lst {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .top_banner_lst a {
        margin: auto;
        margin-bottom: 30px;
    }

    .top_tdm_inquiry_btn {
        width: auto;
    }

    .companies_ttl {
        padding: 60px 10px 40px;
    }

    .companies_nav ul {
        flex-wrap: wrap;
        margin: auto;
        padding: 20px 10px 0px 10px;
    }

    .companies_nav ul li {
        font-size: 1.6rem;
        width: 20%;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .companies_nav ul li a::before {
        top: 4px;
        left: 5px;
    }

    .companies_group {
        padding: 50px 0;
        min-width: auto;
    }

    .companies_group h2 {
        font-size: 2rem;
        margin-bottom: 20px;
    }

    .companies_group ul {
        width: 100%;
        margin: auto;
    }

    .companies_group ul li {
        width: 100%;
    }

    .map_content h3 {
        font-size: 3rem;
    }

    .map_ttl {
        margin-bottom: 20px;
        font-size: 2rem;
    }

    .map_tbl td.date,
    .taken_map_tbl td.date {
        width: 70px;
    }

    .map_dl_ttl {
        font-size: 1.6rem;
    }

    .kyogi_th th.date .inquiry_btn {
        position: relative;
        width: 100%;
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 1.6rem;
    }

    .magazine_lst li {
        display: block;
        padding: 0;
    }

    .magazine_lst li.magazine_lst_data {
        width: 100%;
        padding: 15px 0 0;
    }

    .magazine_lst li.magazine_lst_ttl {
        width: 100%;
        padding: 0 0 10px;
    }

    .magazine_page_ttl {
        font-size: 2rem;
    }

    .event_tbl {
        margin: auto auto 20px;
    }

    .event_tbl th,
    .event_tbl td {
        display: block;
        white-space: inherit;
    }

    .event_tbl td:nth-child(1) {
        max-width: none;
    }

    .siryou_tbl td:nth-child(1) {
        width: auto;
    }

    .event_ttl {
        margin-bottom: 20px;
        font-size: 2rem;
    }

    .event_box {
        margin-bottom: 40px;
    }

    .event_img {
        width: 100%;
        margin-bottom: 10px;
    }

    .action_content_ttl h2 {
        font-size: 1.8rem;
        margin: 10px 0 20px;
    }

    .qa_ttl {
        margin: 40px auto 25px;
        font-size: 2.4rem;
    }

    .qa_q,
    .qa_a {
        padding: 10px;
    }

    .qa_a {
        margin-left: 10px;
        padding-bottom: 20px;
    }

    .juten_box {
        position: static;
    }

    footer {
        padding: 50px 0 30px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .footer_logo {
        position: static;
    }

    .footer_logo img {
        margin-bottom: 10px;
    }

    .pagetop {
        top: -90px;
    }

    .taken_map_tbl,
    .map_tbl_dotetu {
        width: 80%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .q3_sp {
        display: grid;
        margin-bottom: 15px;
    }

    .q3_sp td {
        display: -ms-grid;
    }


    .traffic_txt00 {
        white-space: normal;
    }

    .summer_txt3 h2 {
        white-space: normal;
        word-break: break-word;
    }

    .summer_txt4 {
        width: auto;
        margin-bottom: 50px;
    }

    .siryou_tbl tr {
        height: 100px;
    }

    .approach_tbl {
        font-size: smaller;
        width: auto;
    }

    .approach_tbl th {
        height: 50px;
        font-size: 0.7em;
        word-break: break-word;
        -ms-word-break: break-all;
    }

    .approach_tbl img {
        padding: 2px;
        width: 80%;
        margin-top: 10px;
    }

    .movie iframe {
        max-width: 100%;
        height: 190px;
    }


    /******TOPシンボルマークSPここから*******/
    .header_simbolmark_pc {
        /*		display: none;*/
        width: 50px;
        margin: 0;
    }

    .header_nav {
        margin-top: -20px;
        height: auto;
    }

    #topic {
        padding: 10px 0;
    }

    .left img:nth-last-of-type(1) {
        width: 100%;
    }

    /******TOPシンボルマークSPここまで*******/
    #menu_bar01:checked~#links01 li {
        max-height: 1000px;
    }

    .faq_menu .accordion_inner_list li {
        width: 100%;
    }

    .faq_menu .accordion_inner_btn {
        display: block;
    }

    .crear_button,
    .search_button,
    .reset_button {
        display: block;
        margin: 0 auto 10px;
    }

    .summer_test_btn {
        display: block;
    }

    .summer_txt_spn,
    .summer_txt_event li {
        padding: 0 0 0 1rem;
    }

    .summer_txt_event b {
        font-size: 1.5rem;
    }

    .action_tool_plan_lst {
        display: block;
        margin: 30px auto;
    }

    .action_tool_plan_lst a {
        margin: 10px auto;
    }

    .action_tool_ul,
    .action_tool_ul li {
        font-size: 1.2rem;
        padding-left: 5px;
        word-break: break-word;
        margin: 0 0 0 5px;
        text-indent: -1.5em;
    }

    .action_tool_ul span {
        font-size: 1.2rem;
    }

    .inner_action_tool img {
        margin: 40px 0;
    }

    .btn a.map_btn_pc {
        display: none;
    }

    .ippann_dotetu span,
    .tetudou_ekitoshin_dotetu span {
        font-size: 1rem;
        padding: 0 5px;
    }

    .action_tool_color {
        font-size: 1.3rem;
        margin: 0 auto;
    }

    .action_tool_txt2 {
        font-size: 1.5rem;
        margin: 50px auto 0;
    }

    .traffic_txt03 h2 {
        font-size: 1.2rem;
        word-break: break-word;
    }

    .approach_txt {
        font-size: 1.2rem;
        margin: 10px auto;
        line-height: 1.5;
        padding: 10px;
    }

    .approach_txt li {
        margin-left: 1em;
    }

    .approach_txt h2 {
        margin: 0 auto;
    }

    .summer_txt2,
    .summer_txt2 span {
        font-size: 1em;
    }

    .qa_list,
    .summer_qa_list a {
        font-size: 1.4rem;
    }

    .summer_qa_list ul {
        line-height: 1;
        margin-bottom: 10px;
    }

    .summer_qa_list ul li {
        margin-left: 0.5em;
    }

    .summer_event {
        padding: 25px;
        max-width: 100%;
    }

    .melmaga_btn {
        position: relative;
        width: 100%;
        padding: 10px 20px;
        font-size: 1.2rem;
        word-break: break-word;
    }

    .top_txt_tdm {
        font-size: 0.9em;
    }

    .approach_center {
        display: block;
    }

    .approach_center a {
        margin-bottom: 15px;
        height: 80px;
    }

    .eve_qa_list {
        margin-left: 0;
    }

    .event_txt_right p {
        margin: 0 auto 40px;
        font-size: smaller;
        text-align: left;
    }

    .summer_approach {
        display: block;
    }

    .summer_list02,
    .summer_txt_step {
        max-width: 100%;
        font-size: 1em;
    }

    .summer_list02 {
        padding: 15px 0;

    }

    .summer_base {
        padding: 0;
    }

    .summer_inner ul {
        padding-left: 1em;
    }

    .summer_txt_step02,
    .summer_txt_step03 {
        max-width: 100%;
        margin: 0 auto 35px;
        padding: 5px 50px;
    }

    .summer_gray h2 {
        font-size: 1em;
    }

    .project_base {
        padding: 10px 10px 10px 25px;
    }

    .project_txt ul {
        line-height: 1.5;
    }

    .project_txt {
        margin: 0 auto 30px;
    }

    .enquete {
        font-size: 1em;
    }

    .enquete h2 {
        width: 100%;
        font-size: 1.2em;
    }

    .enquete_link_txt section {
        padding: 20px 10px;
        margin: 0 10px;
    }

    .faq_q {
        padding: 1em 1em 1em 3.5em;
    }

    .faq_q::after {
        display: none;
    }

    .faq_a {
        padding: 0 1em 1em 3em;
    }

    .sitemap {
        display: block;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }

    ul.sitemap_list2 {
        padding-left: 0;
    }

    .faq_list object a {
        line-height: 1;
    }

    .faq_a_02 {
        text-indent: -3.5em;
        padding: 0em 1em 1em 4em;
    }

    .footer_inquiry_sitemap {
        display: grid;
        margin-bottom: 30px;
        text-align: center;
    }

    .footer_inquiry_sitemap a {
        margin-bottom: 10px;
        max-width: 220px;
        margin-right: 0;
    }

    .top_flyer {
        display: block;
    }

    .enquete_link_txt p {
        margin: 30px auto;
    }

    .enquete_btn a {
        width: auto;
    }

    .enquete_btn a,
    .enquete p span,
    .enquete p {
        font-size: 1.5rem;
    }

    .inner_enquete_link {
        max-width: 100%;
        font-size: 0.5em;
    }

    .top_banner_txt2 {
        margin: 10px 40px;
    }

    .top_banner_txt {
        font-size: 0.8em;
    }

    .top_flyer section {
        margin: 0 auto;
    }

    .top_banner_box img {
        margin-bottom: 60px;
        max-width: 100%;
    }

    .route_list {
        margin: 0 auto;
        font-size: 0.8em;
    }

    .route_ttl {
        margin-bottom: 50px;
        font-size: 1em;
    }

    /******TOPシンボルマーク*******/
    .header_inquiry_sp {
        position: absolute;
        top: 8px;
        padding: 2px 5px;
        margin: 0;
        display: flex;
        align-items: center;
        height: 32px;
        text-align: center;
        font-weight: bold;
        border: 2px solid #cbcbcb;
        vertical-align: bottom;
    }

    .header_inquiry_sp i {
        margin-right: 5px;
        font-size: 2.4rem;
    }

    .header_inquiry_sp span {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.2rem;
        padding: 0 5px;
    }

    /******TOPシンボルマーク*******/
    .route_tbl {
        width: auto;
    }

    .route_tbl td {
        padding: 20px;
    }

    .summer_txt_sanko_ul2 {
        padding-left: 0;
    }

    ul.top_cooperation_txt {
        width: 252px;
        max-width: 100%;
    }

    .phone p:nth-last-child(1) {
        text-align: center;
    }

    .phone {
        width: 260px;
        max-width: 100%;
        padding: 13px 7px 7px;
        margin: 0;
    }

    .contact {
        display: grid;
        max-width: 100%;
    }

    .via_btn {
        margin: 40px 0;
    }

    .via h2 {
        font-size: 1.4em;
    }

    .traffic_inquiry_btn span {
        margin: 7px 0 0;
    }

    .traffic_inquiry_btn {
        margin: 20px auto;
        text-align: center;
        padding: 12px 10px 10px;
        height: 65px;
    }

    .traffic_list ul font {
        display: block;
        margin-left: -1em;
        line-height: 1.8;
    }

    .traffic_list ul li {
        padding-left: 0;
        margin-left: -1em;
        line-height: 2.2;
        margin-left: 0;
    }

    .traffic_plan01 {
        display: block;
        padding: 10px;
        margin-top: 30px;
    }

    .inner_traffic {
        max-width: 90%;
    }

    .traffic_inquiry {
        margin: 0 auto 30px;
    }

    .traffic_inquiry span {
        display: block;
    }

    .traffic_construction_txt01 {
        padding: 20px 30px;
        margin: 0 auto;
    }

    .content_ttl h2 {
        font-size: 1.5em;
        margin: 0 auto 20px;
    }

    .traffic_refrain_list02 ul {
        padding-left: 0;
        margin-left: 1em;
    }

    .traffic_refrain_list02 ul li {
        margin-left: 0;
    }

    .top_contents_list a {
        font-size: small;
    }

    .traffic_refrain_list02 h2 {
        font-size: 1em;
    }

    .traffic_base04 {
        padding: 30px 20px;
        margin: 0 auto;
    }

    .approach_company {
        width: 49.3%;
    }

    .approach_company_pc {
        display: none;
    }

    .approach_smooth p {
        max-width: 100%;
    }

    .navitime_txt_box {
        padding: 20px 10px;
        margin: 10px auto;
        max-width: 100%;
    }

    .navitime_txt_box02 {
        display: block;
        max-width: 100%;
        width: auto;
    }

    .navitime_txt_box02 ul {
        width: auto;
    }

    .navitime_btn {
        margin: 0 auto 20px;
        max-width: 100%;
    }

    h2.approach_ttl {
        margin-top: 0;
    }

    .batch iframe {
        display: none;
    }

    .individual {
        width: 94%;
        margin: auto;
        padding: 0;
    }

    .individual iframe {
        max-width: 100%;
    }

    .action_txt_list {
        font-size: 0.8em;
    }

    .logistics_ttl h2 {
        font-size: 1.5em;
    }

    .logistics_list {
        padding: 50px 20px;
    }

    .logistics_ttl_sp {
        display: block;
    }

    .logistics_txt02 li {
        padding: 8px 0 0 0;
    }

    .traffic_construction img {
        margin: 5px auto 10px;
    }

    .traffic_construction_txt00 {
        margin: 30px auto 20px;
    }

    .attention {
        margin-top: -20px;
    }

    .attention p {
        font-size: 0.9em;
        padding: 15px 5px 10px;
    }


}


/*==============================
breakpoint 500px
================================*/
@media screen and (max-width: 500px) {
    .list_img img {
        margin: 50px auto 15px;
        height: 17vw;
        padding: 0 5px;
    }

    .approach_list p {
        font-size: 1.1rem;
    }

    .approach_name h4 {
        font-size: 1em;
        height: 50px;
    }

    .logistics_list li {
        margin-left: 0;

    }

    .logistics_ttl img {
        margin: 55px 10px 0 0px;
    }

    .logistics_txt02 ul {
        padding: 10px;
    }

    .logistics_txt02 {
        padding: 35px 10px 40px;
    }

    .logistics_txt02 p {
        font-size: 1.1em;
    }

    .logistics_box {
        padding: 0 20px 30px;
    }

    .action_txt_list002 li {
        padding-left: 6em;
    }

    .traffic_box h3 {
        font-size: 1.4rem;
    }

    .traffic_base02 {
        margin: 0 auto 50px;
    }

    .traffic_base03 {
        margin: 0 auto 30px;
    }

    .action_txt_list001 h3 {
        font-size: small;
    }

    .action_txt01 p {
        margin: 10px auto 10px;
    }

    .approach_company_tbl h2 {
        margin-top: 0;
    }

    .traffic_construction_txt02 h3 {
        font-size: 0.8em;
    }

    .construction_base02 {
        padding: 30px 15px;
    }

    .stripe {
        margin: 80px auto 0;
    }


}



/*==============================
breakpoint 400px
================================*/
@media screen and (max-width: 400px) {
    .top_info_tbl th {
        min-width: 100px;
    }

    .traffic_inquiry p {
        width: 270px;
    }
}

/*==============================
print
================================*/
/* アクションプランページ */
@media print {
    .action_plan {
        display: none;
    }

    .action_plan_print {
        display: block;
    }
}

/*  */

@media print {
    header {
        display: none;
    }

    main {
        margin-top: 0;
    }

    .pagetop {
        display: none;
    }

    footer {
        padding: 100px 30px 60px;
    }

    .footer_logo {
        padding: 0 30px;
    }
}