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.mv-glossary {
	background: #dbf5f8 url("../img/glossary/mv_glossary.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,
header.mv-glossary 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_movie {
	max-width: 100%;
}
.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;
	bottom: 50px;
	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_explanation figure {
	margin-right: 30px;
}
.trade-chart_explanation figure img {
	width: 260px;
	height: auto;
}
.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-item figure img {
	width: 282px;
}
.chart-top figure {
	margin-top: 40px;
}
.chart-top figure img {
	width: 697px;
}
.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;
}

/*用語集*/
.glossary{
margin-top: 50px;
}

.glossary table{
  border-collapse:separate;
  border-spacing: 5px;
	background-color: #b0dfe7;
	border-radius: 15px;
	padding: 20px;
  width: 80%;
	margin-top: 15px;
	text-align: center;
	margin: 0 auto;
}

.glossary table th, .shark-check table td{
  border-radius: 5px;
  text-align: center;
  padding: 10px 0;
}

.glossary table th{
  background-color: #406eef;
  color: white;
  border:solid 0px;
	padding: 15px 10px 3px 10px;
	vertical-align: middle;
}

.glossary table td{
	border-radius: 10px;
  background-color: #FFFFFF;
  border:solid 0px;
	text-align: left;
	padding: 10px;
	vertical-align: middle;
	line-height: 1.5em;
}

/* 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;
}
.trade-flow-list_list video {
	width: 100%;
}

.trade-flow-list_list-2 {
	margin-left: 280px;
	display: grid;
	grid-gap: 30px 40px;
	grid-template-columns: 1fr 1fr 1fr;
}

.trade-flow-list_list-2 li {
	width: 245px;
}

.trade-flow-list_list-2 li img {
	display: block;
	margin: 0 auto 10px;
}

.trade-flow-list_list-2 li img + img {
	width: 100%;
	height: auto;
}

.trade-flow-list_list-2 video {
	width: 100%;
}

/* 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, 
.footer-inner_link ul li.link06 a::after,
.footer-inner_link ul li.link06 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, 
.footer-inner_link ul li.link06 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;}


/* .cta-popup-box
------------------------------------------------*/

.cta-popup-box {
	position: fixed;
	bottom: 100px;
	right: -350px;
	z-index: 1000;
	max-width: 300px;
	border: 4px solid #1e2082;
	border-right: none;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background: #fff;
	transition: .4s ease;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.cta-popup-box {
		position: fixed;
		bottom: 80px;
	}
}

.cta-popup-box--on {
	right: -20px;
}

.cta-popup-box--close {
	right: -350px!important;
}

.cta-popup-box__close {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 2;
	height: 20px;
	width: 20px;
	padding: 16px;
	background: #1e2082;
	border-radius: 50%;
}

.cta-popup-box__close:hover {
	cursor: pointer;
}

.cta-popup-box__close::before, .cta-popup-box__close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 15px;
	background: #fff;
}

.cta-popup-box__close::before {
	transform: translate(-50%,-50%) rotate(45deg);
}

.cta-popup-box__close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

.cta-popup-box__link {
	display: block;
	color: #1e2082;
	font-size: 1.6rem;
	text-decoration: none;
	line-height: 1.4;
	transition-duration: 0.2s;
}

.cta-popup-box__link:hover {
	background: #1e2082;
	color: #fff;
}

.cta-popup-box__image {
	width: 100%;
}

.cta-popup-box__link:hover .cta-popup-box__image {
	opacity: .9;
}

.cta-popup-box__text-area {
	padding: 10px 80px 10px 10px;
	position: relative;
}

.cta-popup-box__text-area::before {
	background: url("../img/trade/img_popup_arrow.png");
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 30px;
	padding: 4px;
	z-index: 1;
	content: '';
	transform: translateY(-50%);
	transition-duration: 0.2s;
}

.cta-popup-box__link:hover .cta-popup-box__text-area::before  {
	right: 26px;
}

.cta-popup-box__text {
	font-weight: bold;
	text-align: center;
}

.cta-popup-box__text-small {
	margin-top: 4px;
	font-size: .7em;
	text-align: center;
}

.cta-popup-box__btn {
	display: block!important;
	text-align: center;
}

/* animate
------------------------------------------------*/

:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1;
}
  .animate__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes bounceInRight {
	from,
	60%,
	75%,
	90%,
	to {
	-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
	transform: translate3d(3000px, 0, 0) scaleX(3);
	}

	60% {
	opacity: 1;
	-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
	transform: translate3d(-25px, 0, 0) scaleX(1);
	}

	75% {
	-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
	transform: translate3d(10px, 0, 0) scaleX(0.98);
	}

	90% {
	-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
	transform: translate3d(-5px, 0, 0) scaleX(0.995);
	}

	to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
}
@keyframes bounceInRight {
	from,
	60%,
	75%,
	90%,
	to {
	-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
	transform: translate3d(3000px, 0, 0) scaleX(3);
	}

	60% {
	opacity: 1;
	-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
	transform: translate3d(-25px, 0, 0) scaleX(1);
	}

	75% {
	-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
	transform: translate3d(10px, 0, 0) scaleX(0.98);
	}

	90% {
	-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
	transform: translate3d(-5px, 0, 0) scaleX(0.995);
	}

	to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
}
.animate__bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}