html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video, address {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent
}
body {
 line-height: 1
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, address {
 display: block
}
ul, ol {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
}
img {
    vertical-align: bottom;
}
input[type="text"], input[type="submit"], textarea {
    -webkit-appearance: none;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 62.5%;
}
body {
    font-family: 'M PLUS Rounded 1c', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 2.0rem;
    font-weight: 500;
    background: #fff;
    color: #333;
    line-height: 2;
    -webkit-text-size-adjust: 100%;
    letter-spacing: 0.03em;
    margin: 0;
    padding: 0;
}
header {
    width: 1366px;
    margin: 0 auto;
    position: relative;
}
header.mv-top {
    background: #dbf5f8 url("../img/top/mv_top.svg") no-repeat 0 0;
    height: 716px;
}
header.mv-about {
    background: #dbf5f8 url("../img/about/mv_about.svg") no-repeat 0 0;
    height: 450px;
}
header.mv-trade {
    background: #dbf5f8 url("../img/trade/mv_trade.svg") no-repeat 0 0;
    height: 450px;
}
header.mv-container {
    background: #dbf5f8 url("../img/container/mv_container.svg") no-repeat 0 0;
    height: 450px;
}
header.mv-history {
    background: #dbf5f8 url("../img/history/mv_history.svg") no-repeat 0 0;
    height: 450px;
}
header h1 {
    position: absolute;
}
header.mv-top h1 {
    top: 33px;
    left: 0;
}
header.mv-top p {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    top: 20px;
    right: 20px;
}
header.mv-about h1,
header.mv-trade h1,
header.mv-container h1,
header.mv-history h1 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
main {
    background: #dbf5f8;
    width: 1366px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 120px;
}
main.about-main,
main.trade-main,
main.history-main {
    background-color: #dbf5f8;
    position: relative;
}
main.about-main::before {
    background: url("../img/about/bg_left.png") repeat-y left top;
    content: "";
    width: 245px;
    height: 90%;
    position: absolute;
    top: 200px;
    left: 0;
}
main.about-main::after {
    background: url("../img/about/bg_right.png") repeat-y right top;
    content: "";
    width: 245px;
    height: 92%;
    position: absolute;
    top: 200px;
    right: 0;
}
.kawasaki-map {
    text-align: center;
}
.kawasaki-map figure {
    width: 717px;
    height: 416px;
    margin: auto;
}
.kawasaki-map p {
    margin-top: 100px;
}
.top-about {
    margin-top: 80px;
}
.top-about_balloon {
    background: url(../img/top/top_balloon.svg) no-repeat 0 0;
    width: 1130px;
    height: 423px;
    margin: auto;
}
.top-about_balloon p {
    text-align: center;
    padding-top: 60px;
}
.top-about_container {
    height: 420px;
    margin-top: 20px;
    position: relative;
}
.top-about_container figure {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.top-about_slider {
    width: 600px;
    overflow: hidden;
    z-index: 1;
}
.slick-list {
    padding-top: 186px !important;
}
.slick-initialized .slick-slide img {
/*    width: 670px;
    height: 115px;*/
    margin: 0 30px;
}
.top-about_link {
    width: 1100px;
    margin: 120px auto 0;
}
.top-about_link ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.top-about_link ul li {
    margin-bottom: 20px;
}
.top-about_link ul li:nth-child(3 + n) {
    margin-bottom: 0;
}

/* common */
h2.common-title_h2 {
    font-size: 4.0rem;
    font-weight: 800;
    background: #409eef;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding-top: 30px;
    padding-bottom: 30px;
}
h3.common-title_h3 {
    font-size: 3.0rem;
    font-weight: 800;
    background: #abd6fc;
    color: #000;
    text-align: center;
    line-height: 1;
    padding: 20px 0;
}
h3.common-title_h3 span {
    font-size: 2.0rem;
}
h3.common-title_h3.radius {
    border-radius: 5px;
}

/* about */
.about-lead {
    padding-top: 80px;
    padding-bottom: 200px;
    position: relative;
}
.about-lead sup {
    font-size: 1.0rem;
    vertical-align:text-top;
}
.about-lead figure {
    width: 750px;
    margin: auto;
}
.about-lead_text {
    text-align: center;
    margin-top: 40px;
}
.about-lead_boy {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 750px;
    margin: 30px auto 0;
}
.about-lead_boy figure {
    width: 101px;
    height: 137px;
    margin: 0;
}
.about-lead_balloon {
    background: #fff;
    width: 600px;
    padding: 14px 20px;
    border-radius: 10px;
    position: relative;
}
.about-lead_balloon::before {
    content: "";
    margin-top: -15px;
    border-top: 12px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 50%;
    left: -20px;
    z-index: 0;
}
.about-lead_comment {
    font-size: 1.6rem;
}
.about-lead_comment a {
    color: #ff671f;
}
.about-fixed {
    font-size: 1.6rem;
    position: absolute;
    right: 220px;
    bottom: 120px;
}
.kawasakiport-map {
    position: relative;
    z-index: 1;
}
.kawasakiport-map_shark {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 750px;
    margin: 40px auto 0;
}
.kawasakiport-map_shark figure {
    width: 146px;
    height: 160px;
}
.kawasakiport-map_shark .kawasakiport-map_balloon {
    background: #fff;
    text-align: center;
    width: 548px;
    height: 85px;
    padding: 32px 24px;
    border-radius: 10px;
    position: relative;
}
.kawasakiport-map_shark .kawasakiport-map_balloon::before {
    content: "";
    margin-top: -15px;
    border-top: 12px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 50%;
    left: -20px;
    z-index: 0;
}
.kawasakiport-map_shark .kawasakiport-map_balloon p {
    font-weight: 600;
    line-height: 1;
}
.kawasakiport-map_point {
    background: url("../img/about/kawasakiport_map.svg") no-repeat 0 0;
    height: 650px;
    position: relative;
}
.kawasakiport-map_point .point01 {
    position: absolute;
    top: 166px;
    right: 521px;
}
.kawasakiport-map_point .point02 {
    position: absolute;
    top: 353px;
    left: 460px;
}
.kawasakiport-map_point .point03 {
    position: absolute;
    top: 388px;
    left: 603px;
}
.kawasakiport-map_point .point04 {
    position: absolute;
    top: 305px;
    right: 550px;
}
.kawasakiport-map_point .point05 {
    position: absolute;
    top: 294px;
    right: 367px;
}
.kawasakiport-map_point .point06 {
    position: absolute;
    top: 280px;
    right: 78px;
}
.kawasakiport-map_point a img {
    object-fit: cover;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.kawasakiport-map_point a:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.featherlight-box {
    display: none;
}
.featherlight-box_inner {
    background: #fff;
    width: 750px;
    padding: 40px 60px;
    border-radius: 20px;
}
.featherlight-inner h3 {
    font-size: 2.4rem;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #406eef;
}
.featherlight-inner figure img {
    display: block;
    margin: auto;
}
.featherlight-inner p {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 20px;
}
.kawasakiport-column {
    margin-top: 60px;
}
.kawasakiport-column_girl {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 750px;
    margin: 30px auto 0;
}
.kawasakiport-column_girl  figure {
    width: 101px;
    height: 137px;
    margin: 0;
}
.kawasakiport-column_balloon {
    background: #fff;
    width: 600px;
    padding: 14px 20px;
    border-radius: 10px;
    position: relative;
}
.kawasakiport-column_balloon::before {
    content: "";
    margin-top: -15px;
    border-top: 12px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 50%;
    left: -20px;
    z-index: 0;
}
.kawasakiport-column_comment {
    font-size: 1.6rem;
}
.kawasakiport-column_box {
    background: #abd6fc;
    color: #000;
    width: 1100px;
    margin: 80px auto;
    padding: 40px 0 90px;
    border-radius: 90px;
    position: relative;
    z-index: 1;
}
.kawasakiport-column_box.lng-box {
    padding: 40px 0;
}
.kawasakiport-column_box.car-box {
    padding: 40px 0 60px;;
}
.kawasakiport-column_box h3.column-title {
    font-size: 3.0rem;
    font-weight: 800;
    text-align: center;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 60px;
}
.kawasakiport-column_box h3.column-title sup {
    font-size: 1.4rem;
    vertical-align:text-top;
}
.kawasakiport-column_box.lng-box h3.column-title {
    padding-bottom: 40px;
}
.kawasakiport-column_box h3::after {
    background-size: auto auto;
    background-color: rgba(171, 214, 252, 1);
    background-image: repeating-linear-gradient(120deg, transparent, transparent 2px, rgba(64, 158, 239, 1) 2px, rgba(64, 158, 239, 1) 10px );
    content: "";
    display: block;
    height: 12px;
    margin-top: 15px;
}
.kawasakiport-column_box figure {
    width: 560px;
    height: 269px;
    margin: auto;
    padding-left: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.kawasakiport-column_box.lng-box figure {
     width: 530px;
     height: 297px;
     padding-left: 0;
     right: unset;
     left: 146px;
}
.kawasakiport-column_box.car-box figure {
     width: 478px;
     height: 276px;
     padding-left: 0;
}
.kawasakiport-column_box .fixed {
    font-size: 1.6rem;
    position: absolute;
    right: 70px;
    bottom: 20px;
}
.kawasakiport-column_text {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 60px;
}
.kawasakiport-column_paragraph {
    width: 240px;
}
.lng-box .kawasakiport-column_paragraph {
    width: 340px;
}
.kawasakiport-column_paragraph p {
    font-size: 1.6rem;
    line-height: 1.8;
}
.kawasakiport-column_paragraph p sup {
    font-size: 1.0rem;
    vertical-align:text-top;
}
.kawasakiport-column_paragraph p + p {
    margin-top: 30px;
}
.kawasakiport-column_paragraph p a {
    color: #ff671f;
}
.kawasakiport-column_paragraph p strong {
    font-size: 2.0rem;
    font-weight: 800;
}
.kawasakiport-movie {
    width: 750px;
    margin: 80px auto 0;
}
.kawasakiport-movie_text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.kawasakiport-movie_text figure {
    width: 84px;
    height: 92px;
    margin-right: 20px;
}
.kawasakiport-movie_text p {
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 1;
}
.kawasakiport-movie_btn {
    width: 750;
    height: 120px;
}
.kawasakiport-movie_btn a {
    font-size: 3.0rem;
    font-weight: 800;
    background: #fff;
    color: #333;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: .3s;
    position: relative;
}
.kawasakiport-movie_btn a:hover {
    color: #fff;
    background: #21bed0;
}
.kawasakiport-movie_btn a::before {
    content: url("../img/common/btn_arrow.svg");
    position: absolute;
    top: 33px;
    right: 10px;
    z-index: 1;
}
.kawasakiport-movie_btn a::after {
    background: #21bed0;
    content: "";
    width: 37px;
    height: 100%;
    border-radius: 0 10px 10px 0;
    position: absolute;
    right: 0;
}
.featherlight-box video {
    width: 630px;
}

/* trade */
.trade-lead {
    text-align: center;
}
.trade-lead_text {
    text-align: center;
    margin-top: 40px;
}
.trade-chart {
    display: flex;
    justify-content: space-between;
    width: 1100px;
    margin: 60px auto 0;
}
.trade-chart_box {
    width: 530px;
}
.trade-chart_title h3 {
    font-size: 3.0rem;
    font-weight: 800;
    background: #abd6fc;
    line-height: 1;
    padding: 10px 0;
    border-radius: 5px;
}
.trade-chart_title p {
    font-size: 1.6rem;
    line-height: 1;
    margin-top: 10px;
}
.trade-chart_explanation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 30px;
}
.trade-chart_comment .trade-chart_balloon {
    background: #fff;
    width: 240px;
    margin-bottom: 20px;
    padding: 10px 20px;
    border-radius: 10px;
    position: relative;
}
.trade-chart_comment .trade-chart_balloon::before {
    content: "";
    border-top: 20px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 98%;
    left: 64px;
    z-index: 0;
}
.trade-chart_comment .trade-chart_balloon p {
    font-size: 1.6rem;
    text-align: left;
}
.trade-chart_comment.girl figure {
    width: 74px;
    margin-left: 100px;
}
.trade-chart_comment.boy figure {
    width: 90px;
    margin-left: 90px;
}
.trade-chart_comment figure img {
    width: 100%;
    height: auto;
}
.trade-chart_source {
    font-size: 1.3rem;
    line-height: 1.4;
    margin-top: 20px;
}
.kawasakiport-connect {
    margin-top: 200px;
}
.kawasakiport-connect_lead {
    text-align: center;
    margin-top: 40px;
}
.kawasakiport-connect_panel {
    width: 1100px;
    margin: 100px auto 60px;
}
.kawasakiport-connect_panel .tab-group {
    display: flex;
    justify-content: space-between;
    margin: 0;
}
.kawasakiport-connect_panel .tab {
    font-size: 3.0rem;
    font-weight: 800;
    background: #fff;
    color: #000;
    text-align: center;
    letter-spacing: 0.25em;
    width: 540px;    
    border-width: 5px 5px 0 5px;
    border-radius: 10px 10px 0 0;
    border-style: solid;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}
.kawasakiport-connect_panel .tab.tab-import {
    border-color: #ffcb3b;
}
.kawasakiport-connect_panel .tab.tab-export {
    border-color: #5dc79b;
}
.kawasakiport-connect_panel .tab.tab-import:hover,
.kawasakiport-connect_panel .tab.tab-import.active {
    background: #ffcb3b;
    position: relative;
}
.kawasakiport-connect_panel .tab.tab-import:hover::before,
.kawasakiport-connect_panel .tab.tab-import.active::before,
.kawasakiport-connect_panel .tab.tab-export:hover::before,
.kawasakiport-connect_panel .tab.tab-export.active::before {
    background: url("../img/common/img_shark02.svg") no-repeat 0 0/100%;
    display: block;
    content: "";
    width: 88px;
    height: 96px;
    position: absolute;
    bottom: 0;
    left: 34px;
}
.kawasakiport-connect_panel .tab.tab-export:hover,
.kawasakiport-connect_panel .tab.tab-export.active {
    background: #5dc79b;
    position: relative;
}
.kawasakiport-connect_panel .panel-group {
    width: 1100px;
    height: 553px;
    position: relative;
}
.kawasakiport-connect_panel .panel-group .import-map,
.kawasakiport-connect_panel .panel-group .import-item,
.kawasakiport-connect_panel .panel-group .import-root,
.kawasakiport-connect_panel .panel-group .export-map,
.kawasakiport-connect_panel .panel-group .export-item,
.kawasakiport-connect_panel .panel-group .export-root {
    position: absolute;
    top: 0;
    left: 0;
}
.kawasakiport-connect_panel .panel {
    opacity: 0;
}
.kawasakiport-connect_panel .panel.active {
    opacity: 1;
}
/*.kawasakiport-connect_panel .panel .item,
.kawasakiport-connect_panel .panel .item2 {
    opacity: 0;
    transition : all 1s;
}*/
.kawasakiport-connect_panel .panel .item.panel-active,
.kawasakiport-connect_panel .panel .item2.panel-active {
    opacity : 1;
}
.kawasakiport-explanation {
    margin: 120px auto 0;
}
.kawasakiport-explanation_inner {
    width: 1100px;
    margin: auto;
}
.kawasakiport-explanation h2 {
    font-size: 3.0rem;
    font-weight: 800;
    text-align: center;
    line-height: 1;
    padding: 20px 0;
    border-radius: 5px;
}
.kawasakiport-explanation h2.import-title {
    background: #ffcb3b;
    color: #000;
}
.kawasakiport-explanation h2.export-title {
    background: #5dc79b;
    color: #333;
}
.kawasakiport-explanation_lead {
    font-size: 2.0rem;
    text-align: center;
    line-height: 1;
    margin-top: 40px;
}
.chart-box {
    text-align: center;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.chart-box p {
    font-size: 2.0rem;
    font-weight: 800;
    color: #000;
    line-height: 1;
}
.chart-box img {
    display: block;
    margin: auto;
}
.chart-item {
    width: calc(100% - 697px);
}
.chart-item figure {
    margin-top: 70px;
}
.chart-top figure {
    margin-top: 40px;
}
.chart-source {
    font-size: 1.3rem;
    text-align: center;
    line-height: 1;
    margin-top: 20px;
}
.kawasakiport-slider {
    margin-bottom: 120px;
    border-bottom: 25px solid #b85339;
}
.kawasakiport-slider .slick-list {
    padding-top: 80px !important;
}

/* Dr. Shark */
.shark-check {
    background: #409eef;
    padding-top: 40px;
}
.shark-check h3 {
    font-size: 3.0rem;
    font-weight: 800;
    color: #fff;
    text-align: center;
    line-height: 1;
}
.shark-check_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 750px;
    margin: 25px auto 0;
    position: relative;
}
.shark-check_box figure {}
.shark-check_box .shark-check_balloon {
    background: #fff;
    width: 560px;
    margin-bottom: 40px;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}
.shark-check_box .shark-check_balloon::before {
    content: "";
    margin-top: -15px;
    border-top: 12px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 50%;
    left: -20px;
    z-index: 0;
}
.shark-check_box .shark-check_balloon .shark-check_comment {
    font-size: 3.0rem;
    font-weight: 800;
    line-height: 1.5;
}
.shark-check_box .shark-check_balloon .shark-check_comment_middle {
    font-size: 2.0rem;
    font-weight: 800;
    text-align: left;
    line-height: 2;
}
.shark-check_box .shark-check_balloon .shark-check_comment_small {
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.8;
}
.shark-check_notes {
    font-size: 1.3rem;
    line-height: 1;
    margin-top: 10px;
    position: absolute;
    top: 100%;
    left: 190px;
}

/* girl check */
.girl-check {
    background: #5dc79b;
    margin-top: 60px;
    padding-top: 45px;
    padding-bottom: 45px;
}
.girl-check h3 {
    font-size: 3.0rem;
    font-weight: 800;
    color: #fff;
    text-align: left;
    line-height: 1;
}
.girl-check_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 750px;
    margin: 0 auto;
}
.girl-check_box .girl-check_balloon {
    background: #fff;
    width: 610px;
    margin-top: 25px;
    margin-bottom: 0;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}
.girl-check_box .girl-check_balloon::before {
    content: "";
    margin-top: -15px;
    border-top: 12px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 54%;
    left: -20px;
    z-index: 0;
}
.girl-check_box .girl-check_balloon .girl-check_comment {
    font-size: 2.0rem;
    font-weight: 800;
    text-align: left;
    line-height: 1.5;
}
/* gude shark */
.guide-shark {
    width: 750px;
    margin: 80px auto 0;
}
.guide-shark_box {}
.guide-shark_balloon {
    background: #fff;
    width: 750px;
    margin-bottom: 0;
    padding: 35px 20px;
    border-radius: 10px;
    position: relative;
}
.guide-shark_balloon::after {
    content: "";
    margin-top: -15px;
    border-top: 20px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 110%;
    left: 48%;
    z-index: 0;
}
.guide-shark_comment {
    font-size: 2.0rem;
    font-weight: 800;
    text-align: left;
    line-height: 1.5;
}
.guide-shark_box figure {
    width: 126px;
    height: 118px;
    margin: 30px auto 0;
}
.guide-shark_box figure img {
    display: block;
    width: 100%;
    height: auto;
}

/* flow */
.trade-flow {
    width: 1100px;
    margin: 120px auto 0;
}
.trade-flow h2 {
    font-size: 3.0rem;
    font-weight: 800;
    text-align: center;
    line-height: 1;
    padding: 20px 0;
    border-radius: 5px;
}
.trade-flow h2.import-title {
    background: #ffcb3b;
    color: #000;
}
.trade-flow h2.export-title {
    background: #5dc79b;
    color: #333;
}
.trade-flow_lead {
    font-size: 2.0rem;
    text-align: center;
    line-height: 2;
    margin-top: 40px;
}
.trade-flow-list {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    position: relative;
}
.trade-flow-list_head {
    position: absolute;
    top: 0;
    left: 0;
}
.trade-flow-list_list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.trade-flow-list_list.flow2 {
    margin-left: 280px;
}
.trade-flow-list_list li {
    width: 245px;
    margin-right: 40px;
    margin-bottom: 30px;
}
.trade-flow-list_list li:first-child {
    margin-left: 280px;
}
.trade-flow-list_list.flow2 li:first-child {
    margin-left: 0;
}
.trade-flow-list_list li:nth-child(3),
.trade-flow-list_list li:nth-child(7),
.trade-flow-list_list.flow2 li:nth-child(6) {
    margin-right: 0;
}
.trade-flow-list_list li img {
    display: block;
    margin: 0 auto 10px;
}
.trade-flow-list_list li img + img {
    width: 100%;
    height: auto;
}
.trade-flow-list_list li p {
    font-size: 1.6rem;
    line-height: 1.4;
}
.trade-flow-list_list li p a {
    color: #ff671f;
}

/* history */
.old-tale {
    width: 1100px;
    margin: 50px auto 0;
}
.old-tale_box {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.old-tale_box > figure {
    width: 490px;
    height: auto;
}
.old-tale_box figure img {
    display: block;
    width: 100%;
    height: auto;
}
.old-tale_box figure figcaption {
    font-size: 1.3rem;
    line-height: 1;
    margin-top: 10px;
}
.old-tale_text,
.old-tale_box .about-lead_boy {
    width: 550px;
}
.old-tale_box .about-lead_balloon {
    width: 400px;
}
.more-old-tale {
    width: 1100px;
    margin: 90px auto 0;
}
.more-old-tale_box {
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 40px;
}
.more-old-tale_text {
    width: 520px;
}
.more-old-tale_text p:first-child {
    margin-bottom: 40px;
}
.more-old-tale_box figure {
    width: 400px;
}
.more-old-tale_box figure img {
    display: block;
    width: 100%;
    height: auto;
}
.landfill-history {
    margin-top: 200px;
}
.landfill-wrapper {
    width: 1100px;
    margin: auto;
}
.landfill-lead {
    color: #000;
    text-align: center;
    margin-top: 60px;
}
.landfill-lead .lead-title_h3 {
    font-size: 3.0rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 30px;
}
.asano-introduce {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.asano-introduce-text {
    width: 788px;
}
.asano-introduce figure {
    width: 234px;
    height: auto;
}
.asano-introduce figure img {
    display: block;
    width: 100%;
    height: auto;
}
.landfill-situation {
    margin-top: 60px;
}
.landfill-situation_shark {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 925px;
    margin: 40px auto 0;
}
.landfill-situation_shark figure {
    width: 146px;
    height: 160px;
}
.landfill-situation_balloon {
    background: #fff;
    width: 722px;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}
.landfill-situation_balloon::before {
    content: "";
    margin-top: -15px;
    border-top: 12px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 50%;
    left: -20px;
    z-index: 0;
}
.landfill-situation_balloon p {
    font-weight: 600;
    line-height: 1.2;
}
.landfill-situation_panel {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    width: 750px;
    height: 502px;
    margin: 25px auto 0;
    position: relative;
}
.landfill-situation_panel .tab-group {
    width: 173px;
}
.landfill-situation_panel .tab-group .tab {
    font-size: 1.5rem;
    background: #fff;
    text-align: center;
    line-height: 1;
    margin-top: 10px;
    padding: 10px 0;
    border-top: 5px solid #5dc79b;
    border-right: 5px solid #5dc79b;
    border-bottom: 5px solid #5dc79b;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.landfill-situation_panel .tab-group .tab strong {
    font-size: 2.0rem;
}
.landfill-situation_panel .tab-group .tab span {
    font-size: 1.2rem;
    display: block;
}
.landfill-situation_panel .tab-group .tab:hover,
.landfill-situation_panel .tab-group .tab.active {
    background: #5dc79b;
}
.landfill-situation_panel .panel-group {
    width: 577px;
    height: 502px;
    position: relative;
}
.landfill-situation_panel .panel-group .panel {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.landfill-situation_panel .panel-group .panel.active {
    opacity: 1;
}
.landfill-situation_panel p {
    color: #5dc79b;
    position: absolute;
    bottom: -40px;
    left: 0;
}
.landfill-situation_panel p a {
    color: #5dc79b;
    transition: .3s ease-in-out;
}
.landfill-situation_panel p a:hover {
    text-decoration: none;
}
.landfill-situation_picture {
    margin-top: 100px;
}
.landfill-situation_picture ul {
    display: flex;
    justify-content: space-between;
}
.landfill-situation_picture ul li {
    text-align: center;
    width: 340px;
}
.landfill-situation_picture ul li img {
    display: block;
    width: 100%;
    height: auto;
}
.landfill-situation_picture ul li p {
    line-height: 1;
    margin-top: 30px;
}
.landfill-sharkbox {
    background: #abd6fc;
    color: #000;
    width: 1100px;
    margin: 80px auto;
    padding: 40px 0 0;
    border-radius: 90px;
    position: relative;
    z-index: 1;
}
.landfill-sharkbox h2.column-title {
    font-size: 3.0rem;
    font-weight: 800;
    text-align: center;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 30px;
}
.landfill-sharkbox h2::after {
    background-size: auto auto;
    background-color: rgba(171, 214, 252, 1);
    background-image: repeating-linear-gradient(120deg, transparent, transparent 2px, rgba(64, 158, 239, 1) 2px, rgba(64, 158, 239, 1) 10px );
    content: "";
    display: block;
    height: 12px;
    margin-top: 15px;
}
.landfill-sharkbox_inner {
    display: flex;
    justify-content: center;
}
.landfill-sharkbox_inner figure {
    width: 504px;
    height: 269px;
    margin-right: 40px;
}
.landfill-sharkbox_paragraph {
    width: 434px;
    margin-top: 20px;
}
.landfill-sharkbox_paragraph p {
    font-size: 1.6rem;
    line-height: 1.8;
}
.landfill-sharkbox_paragraph p:first-child {
    margin-bottom: 40px;
}
.landfill-column_box {
    background: #abd6fc;
    color: #000;
    width: 1100px;
    margin: 60px auto;
    padding: 40px 0 70px;
    border-radius: 90px;
    position: relative;
    z-index: 1;
}
.landfill-column_box.box02 {
    padding-bottom: 98px;
}
.landfill-column_box.box03 {
    margin-bottom: 130px;
    padding-bottom: 42px;
}
.landfill-column_box h3.column-title {
    font-size: 3.0rem;
    font-weight: 800;
    text-align: center;
    line-height: 1;
    margin-bottom: 37px;
    padding-top: 0;
}
.landfill-column_box h3::after {
    background-size: auto auto;
    background-color: rgba(171, 214, 252, 1);
    background-image: repeating-linear-gradient(120deg, transparent, transparent 2px, rgba(64, 158, 239, 1) 2px, rgba(64, 158, 239, 1) 10px );
    content: "";
    display: block;
    height: 12px;
    margin-top: 15px;
}
.landfill-column_box figure {
    width: 506px;
    height: 280px;
    margin: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.landfill-column_box figure img {
    display: block;
    width: 100%;
    height: auto;
}
.landfill-column_text {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px 40px 0;
}
.landfill-column_box.box03 .landfill-column_text {
    align-items: center;
    padding-top: 10px;
}
.landfill-column_paragraph {
    width: 260px;
}
.landfill-column_box.box01 .landfill-column_paragraph:last-child {
    padding-left: 15px;
}
.landfill-column_box.box02 .landfill-column_paragraph:last-child {
    padding-left: 15px;
}
.landfill-column_paragraph p {
    font-size: 1.6rem;
    line-height: 1.8;
}
.landfill-column_paragraph p strong {
    font-size: 2.0rem;
    font-weight: 800;
}
.landfill-column_paragraph p sup {
    font-size: 1.0rem;
    vertical-align: text-top;
}
.landfill-column_box .img-credit {
    font-size: 1.2rem;
    position: absolute;
}

/* container */
.container-size {
    width: 100%;
}
.container-size_box {
    width: 1100px;
    margin: 120px auto 0;
    text-align: center;
}
.container-size_useful .shark-header {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 60px;
}
.container-size_useful .shark-header figure {
    margin-right: 10px;
}
.container-size_useful .shark-header p {
    font-weight: 800;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 10px;
}
.container-size_list {
    background: #fff;
    width: 750px;
    margin: 0 auto 10px;
    padding: 20px;
    border-radius: 5px;
}
.container-size_list p {
    font-weight: 800;
    text-align: left;
    padding-left: 60px;
}
.container-size_list p span {
    font-size: 1.6rem;
}
.container-size_list p.num01 {
    background: url("../img/container/ung_number01.svg") no-repeat left center;
}
.container-size_list p.num02 {
    background: url("../img/container/ung_number02.svg") no-repeat left center;
}
.container-size_list p.num03 {
    background: url("../img/container/ung_number03.svg") no-repeat left center;
}
.container-lead {
    text-align: center;
    margin-top: 40px;
}
.container-type_wapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.container-type_box {
    width: 520px;
    margin-bottom: 60px;
}
.container-type_box:nth-child(n + 3) {
    margin-bottom: 0;
}
.container-type_box h4 {
    font-size: 3.0rem;
    font-weight: 800;
    background: #5dc79b;
    text-align: center;
    line-height: 1;
    padding: 15px 0;
    border-radius: 5px 5px 0 0;
}
.container-type_text {
    background: #fff;
    padding: 40px;
    border-radius: 0 0 5px 5px;
}
.container-type_text p {
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.8;
    min-height: 90px;
}
.container-type_text figure {
    margin-top: 20px;
}
.container-role {
    margin-top: 200px;
}
.terminal-map {
    background: url("../img/container/terminal_map.png") no-repeat 0 0;
    width: 1100px;
    height: 680px;
    margin: auto;
    position: relative;
}
.terminal-map_point {
    position: absolute;
}
.terminal-map_point.point01 {
    top: 160px;
    left: 60px;
    z-index: 4;
}
.terminal-map_point.point02 {
    top: 36px;
    right: 300px;
    z-index: 3;
}
.terminal-map_point.point03 {
    bottom: 16px;
    left: 169px;
    z-index: 2;
}
.terminal-map_point.point04 {
    right: 0;
    bottom: 30px;
}
.terminal-map_point img {
    display: block;
}
.terminal-section {
    background: #fff;
    width: 1100px;
    margin: 80px auto 0;
    padding: 40px;
    border-radius: 5px;
}
.terminal-section_header h3 {
    font-size: 2.0rem;
    font-weight: 800;
    background: #5dc79b;
    display: flex;
    align-items: center;
}
#operation .terminal-section_header h3 {
    height: 85px;
    padding-left: 35px;
}
.terminal-section_header h3 strong {
    font-size: 3.0rem;
    font-weight: 800;
}
.terminal-section_header h3::before {
    content: "";
    display: inline-block;
    width: 85px;
    height: 85px;
    margin-right: 35px;
}
#operation .terminal-section_header h3::before {
    content: none;
}
.terminal-section_header h3.con01::before {
    background: url("../img/container/terminal_num01.svg") no-repeat 0 0;
}
.terminal-section_header h3.con02::before {
    background: url("../img/container/terminal_num02.svg") no-repeat 0 0;
}
.terminal-section_header h3.con03::before {
    background: url("../img/container/terminal_num03.svg") no-repeat 0 0;
}
.terminal-section_header h3.con04::before {
    background: url("../img/container/terminal_num04.svg") no-repeat 0 0;
}
.terminal-return {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
    margin-right: 30px;
}
.terminal-return p {
    font-size: 2.0rem;
    font-weight: 800;
    width: 393px;    
    border-radius: 10px 0 0 10px;
}
.terminal-return a {
    background: #fff;
    color: #333;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
    border: 2px solid #409eef;
    border-radius: 10px 0 0 10px;
    position: relative;
    transition: .3s ease-in-out;
}
.terminal-return a:hover {
    background: #409eef;
    color: #fff;
}
.terminal-return a::before {
    background: #409eef;
    content: "";
    position: absolute;
    width: 37px;
    height: 90px;
    left: 100%;
    border-radius: 0 10px 10px 0;
}
.terminal-return a::after {
    background: url("../img/container/return-arrow.svg") no-repeat 0 0;
    content: "";
    width: 29px;
    height: 19px;
    position: absolute;
    left: 101%;
}
.profile-box {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 600px;
    height: 134px;
    margin: 40px auto 0;
    border: 1px solid #707070;
    border-radius: 5px;
}
.profile-box_text {
    margin-left: 30px;
}
.profile-box_text .name-head {
    font-size: 1.6rem;
    font-weight: 800;
    color: #409eef;
    line-height: 1;
    margin-bottom: 10px;
}
.profile-box_text h4 {
    font-size: 3.0rem;
    font-weight: 500;
    line-height: 1;
}
.profile-box_text h4 ruby rt {
    font-size: 1.3rem;
}
.profile-box_text h4 span {
    font-size: 1.6rem;
}
.profile-box figure {
    width: 225px;
}
.profile-box figure img {
    display: block;
    width: 100%;
    height: auto;
}
.interview-wrapper {
    margin-top: 40px;
}
.terminal-interview {
    display: flex;
    justify-content: flex-start;
    width: 880px;
    margin: auto;
}
.terminal-interview.reporter {
    align-items: flex-end;
}
.terminal-interview.target {
    flex-direction: row-reverse;
    margin-top: 20px;
}
.terminal-interview.balloon {
    width: 600px;
    margin-top: 10px;
}
.terminal-interview figure {
    width: 100px;
    height: 100px;
    margin-right: 40px;
    position: relative;
}
.terminal-interview.target figure {
    margin-right: 0;
    margin-left: 40px;
}
.terminal-interview figure img {
    display: block;
    width: 100%;
    height: auto;
}
.interview-balloon {
    width: 600px;
}
.interview-balloon p {
    font-size: 1.6rem;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}
.reporter .interview-balloon p {
    background: #e6f3ff;
}
.target .interview-balloon p {
    background: #cbe6ff;
}
.interview-balloon p::before {
    content: "";
    margin-top: -15px;
    position: absolute;
    z-index: 0;
}
.reporter .interview-balloon p::before {
    border-top: 12px solid transparent;
    border-right: 20px solid #e6f3ff;
    border-bottom: 12px solid transparent;
    top: 39px;
    left: -20px;
}
.target .interview-balloon p::before {
    border-top: 12px solid transparent;
    border-left: 20px solid #cbe6ff;
    border-bottom: 12px solid transparent;
    top: 53px;
    right: -20px;
}
.balloon .interview-balloon p::before {
    content: none;
}
.interview-img {
    width: 600px;
    margin: 40px auto 0;
}
.interview-img ul {
    display: block;
}
.interview-img ul li:first-child {
    margin-bottom: 20px;
}
.interview-img img {
    display: block;
    width: 100%;
    height: auto;
}

footer {
    background: #b0dfe7 url(../img/common/footer-bg.svg) no-repeat 0 0;
    width: 1366px;
    margin: 0 auto;
    padding-top: 180px;
    padding-bottom: 40px;
}
.footer-inner {
    width: 1100px;
    margin: auto;
}
.footer-inner_link {}
.footer-inner_link ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.footer-inner_link ul li {
    font-weight: 800;
    width: 350px;
    height: 90px;
    margin-right: 25px;
    margin-bottom: 25px;
}
.footer-inner_link ul li:nth-child(3n) {
    margin-right: 0;
}
.footer-inner_link ul li:nth-child(4 + n) {
    margin-bottom: 0;
}
.footer-inner_link ul li a {
    background: #fff;
    color: #333;
    text-align: center;
    text-decoration: none;
    text-indent: -33px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: .3s;
    position: relative;
}
.footer-inner_link ul li a:hover {
    color: #fff;
}
.footer-inner_link ul li a::before {
    content: url("../img/common/btn_arrow.svg");
    text-indent: 0;
    position: absolute;
    top: 30px;
    right: 10px;
    z-index: 1;
}
.footer-inner_link ul li a::after {
    text-indent: 0;
    content: "";
    width: 37px;
    height: 100%;
    border-radius: 0 10px 10px 0;
    position: absolute;
    right: 0;
}
.footer-inner_link ul li.link01 a::after,
.footer-inner_link ul li.link01 a:hover,
.footer-inner_link ul li.link04 a::after,
.footer-inner_link ul li.link04 a:hover{
    background: #406eef;
}
.footer-inner_link ul li.link02 a::after,
.footer-inner_link ul li.link02 a:hover,
.footer-inner_link ul li.link05 a::after,
.footer-inner_link ul li.link05 a:hover{
    background: #21bed0;
}
.footer-inner_link ul li.link03 a::after,
.footer-inner_link ul li.link03 a:hover {
    background: #5dc79b;
}
.footer-inner_link ul li.link01 a:hover::after,
.footer-inner_link ul li.link02 a:hover::after,
.footer-inner_link ul li.link03 a:hover::after,
.footer-inner_link ul li.link04 a:hover::after,
.footer-inner_link ul li.link05 a:hover::after {
    background: none;
    content: url(../img/common/img_shark01.svg);
    position: absolute;
    top: -130px;
    left: 115px;
}
.footer-inner_siteinfo {
    font-size: 1.6rem;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.footer-inner_siteinfo a {
    color: #333;
    text-decoration: underline;
    display: block;
    margin-bottom: 5px;
}
.footer-cooperation,
.footer-production,
.footer-banner {
    width: 350px;
}
.footer-banner ul {
    display: flex;
    justify-content: flex-end;
}
.footer-banner ul li {
    font-size: 1.2rem;
    line-height: 1.2;
    max-width: 125px;
    margin-left: 30px;
}
.copyright {
    font-size: 1.6rem;
    text-align: right;
    line-height: 1.4;
    margin-top: 20px;
}
.copyright span {
    font-size: 1.3rem;
}

/******
common parts
******/
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.pt0 {padding-top: 0 !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pb0 {padding-bottom: 0 !important;}