@charset "utf-8";
/* ===================================================
	Home CSS
====================================================== */
.lazyload-bg-url {
    --url: none;
}
/* ---------------------------------------------------
main_img
------------------------------------------------------ */
#main_img { position: relative;}
#main_img .slick,
#main_img .slick .ofi,
#main_img h1 { width: 100%; max-width: 100%; height: 100vh;}
#main_img .slick { min-width: 1200px;}
#main_img .slick .ofi { transform: scale(1); transition: transform 8s linear; -webkit-backface-visibility: hidden;}
#main_img .slick .active img { transform: scale(1.1);}
#main_img #main_logo,
#main_img #main_logo h1{ display: flex; justify-content: center; align-items: center;}
#main_img #main_logo{ padding: 0; width: 100%; height: 100%; top: 0; left: 0; position: absolute;}
#main_img #main_logo h1{ flex-direction: column;}
#main_img #main_logo h1 img {
	margin-bottom: 20px;
	filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25)) drop-shadow(-1px -1px 10px rgba(0, 0, 0, 0.25));
}
#main_img #main_logo h1 span{
	color: #fff; font-size: 20px;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5), 0px 0px 10px rgba(0, 0, 0, 0.5), -1px -1px 10px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 600px) {
	#main_img .slick,
	#main_img .slick .ofi,
	#main_img h1 { min-height: 400px;}
	#main_img .slick { min-width: 0;}
	#main_img h1 img { max-width: 200px;}
}


/* ---------------------------------------------------
common
------------------------------------------------------ */
.icon_tit_01{ margin-bottom: 20px; color: #7e6b2e;}
.icon_tit_01 span:first-of-type{ display: flex; align-items: center; font-size: 22px;}
.icon_tit_01 span:first-of-type::before{
	display: block; margin-right: 7px; content: ''; width: 30px; height: 24px;
	background: var(--url) no-repeat; background-size: contain;
}
.icon_tit_01 span:not(:first-of-type){ display: block; margin-top: 15px; font-size: 32px;}


.icon_tit_02{ margin-bottom: 30px; display: flex; align-items: baseline;}
.icon_tit_02 span:first-of-type{ display: flex; align-items: center; font-size: 32px;}
.icon_tit_02 span:first-of-type::before{
	display: block; margin-right: 7px; content: ''; width: 30px; height: 24px;
	background: var(--url) no-repeat; background-size: contain;
}
.icon_tit_02 span:last-of-type{ margin-left: 10px; color: #7e6b2e; font-size: 16px;}


[class^="detail_"]{ display: flex; justify-content: space-between;}
[class^="detail_"] .txt_block{ flex-shrink: 0;}
[class^="detail_"] .txt_block p:first-of-type{ margin-bottom: 30px; font-size: 16px; line-height: 2;}
.detail_right{ padding-right: calc(50vw - 700px); flex-direction: row-reverse;}
.detail_left{ padding-left: calc(50vw - 700px);}

@media screen and (max-width: 1560px) {
	.detail_left{ padding-left: 90px;}
}
@media screen and (max-width: 1521px) {
	.detail_right{ padding-right: 4vw;}
}
@media screen and (max-width: 600px) {
	.icon_tit_01{ margin-bottom: 5vw;}
	.icon_tit_01 span:first-of-type{ font-size: 15px;}
	.icon_tit_01 span:first-of-type::before{ width: 24px; height: 19px;}
	.icon_tit_01 span:not(:first-of-type){ margin-top: 3vw; font-size: 23px;}
	.icon_tit_02{ margin-bottom: 4vw;}
	.icon_tit_02 span:first-of-type{ font-size: 23px;}
	.icon_tit_02 span:first-of-type::before{ width: 24px; height: 19px;}
	[class^="detail_"] .txt_block p:first-of-type{ margin-bottom: 5vw; line-height: 1.6;}
	.detail_right,
	.detail_left{ padding: 0 4vw; flex-direction: column;}
}


/* slick
------------------------------------------------------ */
.slick_pickup{ overflow: visible; font-size: 0;}
.slick_pickup .slick-slide{ margin: 0 30px;}
.slick_pickup .slick-slide a{ display: flex; flex-direction: column; align-items: stretch;}

.slick_pickup .slick-arrow{ width: 32px; height: 64px; box-sizing: border-box;}
.slick_pickup .slick-arrow::before {
  content: '' !important;
  display: inline-block;
  width: 44.25px; 
  height:44.25px;
  border-left: 2px solid #AAAAAA;
  border-bottom: 2px solid #AAAAAA;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(0,-50%) rotate(45deg);
  outline: 1px solid transparent;
}
@media screen and (max-width: 600px) {
  .slick_pickup .slick-arrow::before {
	width: 19.75px;
	height: 19.75px;
  }
}


.slick_pickup .slick-next::before {
	left: -25%;
	transform: translate(calc(-16px + 2px),-50%) rotate(-135deg);
}
@media screen and (max-width: 600px) {
	.slick_pickup .slick-next::before {
		transform: translate(calc(-7px + 1px),-50%) rotate(-135deg);
	}
}

.slick_pickup .slick-prev{ top: 122px; left: -35px;}
.slick_pickup .slick-next{ top: 122px; right: -35px;}

@media screen and (max-width: 600px) {
	.slick_pickup{ margin: 0 20px;}
	.slick_pickup .slick-slide{ margin: 0 5px;}
	.slick_pickup .slick-slide a{ width: 100%; align-items: center;}
	.slick_pickup .slick-arrow{ width: 14px; height: 28px;}
	.slick_pickup .slick-prev{ top: 46px; left: -20px;}
	.slick_pickup .slick-next{ top: 46px; right: -20px;}
}


/* ---------------------------------------------------
pickup
------------------------------------------------------ */
#pickup_col{ margin: 0 auto; padding: 70px 0; width: 92%; max-width: 1260px;}
#pickup_col h2{ margin-left: 30px;}
#pickup_col .slick_pickup .slick-slide a .img{ margin-bottom: 20px; width: 100%; height: 240px; border: 1px solid #aaa;}
#pickup_col .slick_pickup .slick-slide a .img img{ width: 100%; height: 100%; object-fit: cover;}
#pickup_col .slick_pickup .slick-slide a .tit{ width: 100%; font-size: 16px; line-height: 2; box-sizing: border-box;}

#pickup_col .notxt{ margin-left: 30px; font-size: 20px;}

@media screen and (max-width: 600px) {
	#pickup_col{ padding: 10vw 0 0;}
	#pickup_col h2{ margin-left: 0;}
	#pickup_col .slick_pickup .slick-slide a .img{ height: 180px;}
	#pickup_col .slick_pickup .slick-dots { position: static; margin: 3vw 0; display: flex; justify-content: center; align-items: center;}
	#pickup_col .slick_pickup .slick-dots li { width: 8px; height: 8px; border-radius: 50%; background: #ccc;}
	#pickup_col .slick_pickup .slick-dots li button { width: 100%; height: 100%;}
	#pickup_col .slick_pickup .slick-dots li button:before { content: ''; width: 100%; height: 100%; opacity: 1;}
	#pickup_col .slick_pickup .slick-dots li.slick-active { width: 15px; height: 15px; background: #b99e55;}
	#pickup_col .slick_pickup .slick-prev,
	#pickup_col .slick_pickup .slick-next{ top: 95px;}
	#pickup_col .notxt{ margin-left: 0; font-size: 16px;}
}
/* ---------------------------------------------------
banner
------------------------------------------------------ */

#banner {margin: 0 auto; padding: 0 0 60px; width: 92%; max-width: 1260px; text-align: center;}

@media screen and (max-width: 600px){
	#banner { padding: 30px 0;}
	#banner	img { max-height: 65vh; width: auto; max-width: 90%;}
}

/*旅アトリーチ用style*/
#home #tabi_col{max-width:1200px; width:90%; margin:0 auto 60px; @media screen and (max-width: 600px) {margin-bottom:0}}

/* ---------------------------------------------------
lead_col
------------------------------------------------------ */
#lead_col{ padding-bottom: 120px; text-align: left; background: var(--url);}
#lead_col .txt_block{ padding-top: 75px; width: 500px;}
#lead_col .txt_block h2{ margin-bottom: 45px; color: #7e6b2e; font-size: 36px;}
#lead_col .photo_block{ width: calc( 94% - 500px);}

@media screen and (max-width: 600px) {
	#lead_col{ padding-bottom: 10vw;}
	#lead_col .txt_block{ margin-bottom: 5vw; padding-top: 10vw; width: 100%;}
	#lead_col .txt_block h2{ margin-bottom: 5vw; font-size: 24px; text-align: center;}
	#lead_col .txt_block p{ line-height: 1.6;}
	#lead_col .photo_block{ width: 100%;}
}

/* ---------------------------------------------------
movie_col
------------------------------------------------------ */
#movie_col{ margin-bottom: 50px; height: 700px; overflow: hidden;}
#movie_col .tit_area{ position:relative;}
#movie_col h2{ 
	padding: 35px 25px 50px; width: 158px; background-color: rgba(255,255,255,0.9);
	top: 0; right: 0; position: absolute; box-sizing: border-box;
	display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row-reverse;
}
#movie_col h2 span{ 
	color: #7e6b2e; font-size: 36px;
	writing-mode: vertical-rl; font-feature-settings: "palt" 0;
}
#movie_col h2 span:first-of-type{ margin-top: 15px;}
#movie_col video{ width: 100%;}


@media screen and (max-width: 600px) {
	#movie_col{ margin-bottom: 10vw; height: auto;}
	#movie_col h2{
		padding: 10vw 3vw 5vw; width: 100%; background: #fff; position: static;
		justify-content: center; align-items: center; flex-direction: column;
	}
	#movie_col h2 span{ font-size: 24px; writing-mode: horizontal-tb;	font-feature-settings: "palt";}
	#movie_col h2 span::first-letter{ margin-top: 0;}
	#movie_col video{ max-width: 100%;}
}

/* ---------------------------------------------------
sec01〜sec04
------------------------------------------------------ */
#sec01{ padding: 80px 0 0;}
#sec01 .txt_block{ width: 600px; position: relative;}
#sec01 .txt_block::after{
	display: block; content: ''; width: 200px; height: 210px;
	top: -30px; right: -82px; position: absolute;
	background: var(--url) no-repeat center center;
	background-size: contain; z-index: -1;
}
#sec01 .photo_block{ width: calc(94% - 600px);}

#sec02{ padding: 100px 0 200px;}
#sec02 .txt_block{ width: 850px; padding-left: 250px; position: relative; box-sizing: border-box;}
#sec02 .txt_block::after{
	display: block; content: ''; width: 226px; height: 214px;
	top: -84px; left: 0px; position: absolute;
	background: var(--url) no-repeat center center;
	background-size: contain; z-index: -1;
}
#sec02 .photo_block{ max-width: calc(96% - 850px); position: relative;}
#sec02 .photo_block .photo_01{ height: 400px;}
#sec02 .photo_block .photo_02{
	width: 300px; height: 320px;
	bottom: -100px; right: -250px; position: absolute;
}
#sec02 .photo_block .photo_02::after{
	display: block; content: ''; width: 300px; height: 320px;
	bottom: -20px; right: -20px; position: absolute;
	background: #f0ead6; z-index: -1;
}

#sec03{ padding: 100px 0; background: var(--url);}
#sec03 .txt_block{ padding-top: 50px; width: 400px; position: relative;}
#sec03 .txt_block h2{ position: relative; z-index: 1;}
#sec03 .txt_block::after{
	display: block; content: ''; width: 222px; height: 219px;
	top: -80px; left: -100px; position: absolute;
	background: var(--url) no-repeat center center;
	background-size: contain;
}
#sec03 .photo_block{ width: calc(94% - 400px);}

#sec04{ padding: 100px 0;}
#sec04 .txt_block{ padding-top: 50px; width: 400px; position: relative;}
#sec04 .txt_block::after{
	display: block; content: ''; width: 190px; height: 218px;
	top: -72px; right: -51px; position: absolute;
	background: var(--url) no-repeat center center;
	background-size: contain; z-index: -1;
}
#sec04 .photo_block{ width: calc(94% - 400px);}
#sec04 .photo_block ul{ display: flex; justify-content: space-between;}
#sec04 .photo_block ul li{ width: 49.8%;}

@media screen and (max-width: 600px) {
	#sec01{ padding: 0 0 10vw;}
	#sec01 .txt_block{ margin-bottom: 10vw; width: 100%;}
	#sec01 .txt_block::after{ width: 26vw; height: 28vw; top: -5vw; right: 0;}
	#sec01 .photo_block{ width: 100%;}
	#sec02{ padding: 10vw 0;}
	#sec02 .txt_block{ margin-bottom: 10vw; width: 100%; padding-left: 0;}
	#sec02 .txt_block::after{
		width: 30vw; height: 28.5vw;
		top: -5vw; left: auto; right: 0;
	}
	#sec02 .photo_block{
		width: 100%; max-width: 100%;
		display: flex; justify-content: space-between;
	}
	#sec02 .photo_block .photo_01{ width: 60%; height: auto;}
	#sec02 .photo_block .photo_02{ width: 39%; height: auto; position: static;}
	#sec02 .photo_block .photo_02::after{ display: none;}
	#sec03{ padding: 10vw 0;}
	#sec03 .txt_block{ margin-bottom: 5vw; padding-top: 0; width: 100%;}
	#sec03 .txt_block::after{
		width: 29.6vw; height: 29.2vw;
		top: -5vw; left: auto; right: 0;
	}
	#sec03 .photo_block{ width: 100%;}
	#sec04{ padding: 10vw 0;}
	#sec04 .txt_block{ margin-bottom: 5vw; padding-top: 0; width: 100%;}
	#sec04 .txt_block::after{ width: 25.3vw; height: 29vw; top: -5vw; right: 0;}
	#sec04 .photo_block{ width: 100%;}
}


/* ---------------------------------------------------
sec05
------------------------------------------------------ */
#sec05 { margin-bottom: 145px;}
#sec05 .inner_lg{ display: flex; justify-content: space-between;}
#sec05 .inner_lg > div{ width: 49%; max-width: 650px;}

#sec05 .txt_block{
	margin: -50px 0 0 15%; padding: 45px 45px 0;
	background: #fff; position: relative; z-index: 1;
}
#sec05 .txt_block p:first-of-type{ margin-bottom: 30px; font-size: 16px; line-height: 2;}

@media screen and (max-width: 1390px) {
	#sec05 .inner_lg > div:last-of-type .icon_tit_02{ flex-wrap: wrap;}
	#sec05 .inner_lg > div:last-of-type .icon_tit_02 span:last-of-type{ margin-left: 40px;}
}
@media screen and (max-width: 600px) {
	#sec05 { margin-bottom: 10vw;}
	#sec05 .inner_lg{ flex-direction: column;}
	#sec05 .inner_lg > div{ width: 100%; max-width: 100%;}
	#sec05 .txt_block{ margin: 5vw 0 10vw; padding: 0;}
	#sec05 .txt_block p:first-of-type{ margin-bottom: 5vw; line-height: 1.6;}
	#sec05 .inner_lg > div .icon_tit_02{ flex-direction: column;}

	#sec05 .inner_lg .icon_tit_02 span:last-of-type{ margin-left: 32px !important;}
}

/* ---------------------------------------------------
voice_col
------------------------------------------------------ */
#voice_col{ margin: 0; padding: 70px 0; background: var(--url);}
#voice_col h2{ margin-left: 30px;}

#voice_col .slick_pickup{ margin: 0 auto; width: 92%; max-width: 1260px;}
#voice_col .slick_pickup .slick-slide { margin: 0 15px; padding: 25px 0;}
#voice_col .slick_pickup .slick-slide > div { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);}
#voice_col .slick_pickup .slick-slide a .img{ width: 100%; height: 250px;}
#voice_col .slick_pickup .slick-slide a .img img{ width: 100%; height: 100%; object-fit: cover;}

#voice_col .slick_pickup .slick-slide a .txt_block{
	padding: 20px; width: 100%; min-height: 175px;
	line-height: 2; box-sizing: border-box;
}
#voice_col .slick_pickup .slick-slide a .tit{ margin-bottom: 15px; font-size: 16px; color: #7e6b2e;}
#voice_col .slick_pickup .slick-slide a .txt{ font-size: 14px;}
#voice_col .slick_pickup .slick-slide a:hover{ text-decoration: none;}

#voice_col .slick_pickup .slick-prev,
#voice_col .slick_pickup .slick-next{ top: 50%;}

@media screen and (max-width: 600px) {
	#voice_col{ padding: 10vw 0 5vw;}
	#voice_col h2{ margin: 0;}
	#voice_col h2,
	#voice_col h2 span{ justify-content: center; align-items: center; flex-direction: column;}
	#voice_col h2 span:first-of-type::before{ margin: 0 0 5px;}
	#voice_col h2 span:last-of-type{ margin-left: 0;}
	#voice_col .slick_pickup .slick-slide { margin: 0 10px;}
	#voice_col .slick_pickup .slick-dots{ display: none !important;}
	#voice_col .slick_pickup .slick-prev,
	#voice_col .slick_pickup .slick-next{ top: 220px;}
}

/* ---------------------------------------------------
info_col
------------------------------------------------------ */
#info_col { padding: 100px 0 110px;}
#info_col .inner_md{ display: flex; justify-content: space-between;}

#info_col .blog{ width: calc(94% - 350px);}
#info_col #feed li{
	padding: 23px 0; font-size: 15px; border-bottom: 1px dashed #000;
	display: flex; align-items: flex-start;
}
#info_col #feed li span.date{
	display: inline-block; margin-right: 20px;
	padding: 3px 6px; border: 1px solid #aaa;
}
#info_col #feed li a{ padding: 3px 0;}
#info_col #feed p{ margin: 30px 30px 0 0; font-size: 17px; text-align: right;}
#info_col #feed p a{ padding-right: 40px; position: relative;}
#info_col #feed p a:hover{ text-decoration: none;}
#info_col #feed p a:hover::after{ right: -45px;}

#info_col .inner_md > ul{ width: 350px;}
#info_col .inner_md > ul li{ margin-bottom: 20px;}
#info_col .inner_md > ul li a{ line-height: 1; transition: .5s;}
#info_col .inner_md > ul li a:hover{ text-decoration: none; opacity: .6;}
#info_col .inner_md > ul li:first-of-type{ margin-bottom: 30px;}
#info_col .inner_md > ul li:not(:first-of-type) a,
#info_col .inner_md > ul li:not(:first-of-type) a span{ display: flex; align-items: center;}
#info_col .inner_md > ul li:not(:first-of-type) a{ padding: 20px 10px 20px 15px; font-size: 26px; box-sizing: border-box;}
#info_col .inner_md > ul li:not(:first-of-type) a span{ margin-right: 10px; font-size: 16px;}

#info_col .list_insta a{ border: 1px solid #aaa;}

#info_col .list_facebook a{ color: #fff; background: #3b5998;}

#info_col .list_twitter a{ color: #fff; background: #1da1f2;}

@media screen and (max-width: 600px) {
	#info_col { padding: 10vw 0;}
	#info_col .inner_md{ flex-direction: column;}
	#info_col .blog{ margin-bottom: 10vw; width: 100%;}
	#info_col #feed li{ padding: 5vw 0; flex-direction: column;}
	#info_col #feed li span.date{ margin: 0 0 15px;}
	#info_col #feed li a{ padding: 0;}
	#info_col #feed p{ margin-top: 5vw;}
	#info_col .inner_md > ul{ margin: 0 auto; width: 100%; max-width: 350px;}
	#info_col .inner_md > ul li:not(:first-of-type) a{ font-size: 24px;}
	#info_col .inner_md > ul li:not(:first-of-type) a span{ font-size: 14px;}
}

/* ---------------------------------------------------
awards_col
------------------------------------------------------ */
#awards_col{ margin-bottom: 100px; padding: 50px 40px; background: #f0ead6;}
#awards_col div{ display: flex; justify-content: space-between;}
#awards_col dl{ width: 340px; background: #fff;}
#awards_col dd{ padding: 20px; color: #7e6b2e; font-size: 18px;}
#awards_col p{ margin: 30px 30px 0 0; font-size: 17px; text-align: right; line-height: 1.8;}
#awards_col p a{ padding-right: 40px; position: relative;}
#awards_col p a:hover{ text-decoration: none;}
#awards_col p a:hover::after{ right: -45px;}

@media screen and (max-width: 600px) {
	#awards_col{ margin-bottom: 10vw; padding: 7.5vw 4vw;}
	#awards_col div{ flex-direction: column;}
	#awards_col dl{ margin-bottom: 5vw; width: 100%; display: flex;}
	#awards_col dt{ width: 48%;}
	#awards_col dd{ padding: 3vw; width: 52%; font-size: 13px; box-sizing: border-box;}
	#awards_col p{ margin-top: 2vw;}
}


/* ---------------------------------------------------
bnr_col
------------------------------------------------------ */
#bnr_col{ margin-bottom: 100px;}

.slick_bnr{ margin-bottom: 25px; padding: 0 50px; overflow: visible; font-size: 0;}
.slick_bnr .slick-slide{ margin: 0 10px; padding-bottom: 1px;}
.slick_bnr .slick-arrow{ width: 32px; height: 64px; box-sizing: border-box;}
.slick_bnr .slick-arrow::before {
  content: '' !important;
  display: inline-block;
  width: 43.25px; 
  height:43.25px;
  border-left: 2px solid #AAAAAA;
  border-bottom: 2px solid #AAAAAA;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(0,-50%) rotate(45deg);
  outline: 1px solid transparent;
}
.slick_bnr .slick-next::before {
	left: -25%;
	transform: translate(calc(-16px + 2px),-50%) rotate(-135deg);
}
.slick_bnr .slick-prev{ top: 45px; left: 0;}
.slick_bnr .slick-next{ top: 45px; right: 0;}

.slick_bnr .slick-dots { position: static; margin: 20px 0 40px; display: flex; justify-content: center; align-items: center;}
.slick_bnr .slick-dots li { width: 8px; height: 8px; border-radius: 50%; background: #ccc;}
.slick_bnr .slick-dots li button { width: 100%; height: 100%;}
.slick_bnr .slick-dots li button:before { content: ''; width: 100%; height: 100%; opacity: 1;}
.slick_bnr .slick-dots li.slick-active { width: 18px; height: 18px; background: #b99e55;}

#bnr_col > a{ display: block; margin: 15px 0;}

#banner ul.bnr_2{
	display: flex; justify-content: space-between;
	max-width:1200px; margin: 40px auto;
}
#banner ul.bnr_2 li { width: 49%; max-width: 650px;}

#banner .bnr_3+p a { text-decoration: underline;}
#banner .bnr_3+p a:hover { text-decoration: none;}

@media screen and (max-width: 600px) {
	#bnr_col{ margin-bottom: 10vw;}
	.slick_bnr{ padding: 0; overflow: hidden;}
	.slick_bnr .slick-dots { margin: 3vw 0 0;}
	.slick_bnr .slick-dots li.slick-active button:before { font-size: 13px;}

	#banner ul.bnr_2{display: block; width: 100%; max-width: 100%; margin: 20px 0;}
	#banner ul.bnr_2 li{width: 100%; max-width: 100%; margin-bottom: 20px;}
}



/* ---------------------------------------------------
css変更
------------------------------------------------------
230331_eriko #banner追加




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

.index-bannar-social-icon {
    width: 24px;
	height: 24px;
	margin-right: 10px;
}

.index-bannar-instagram-icon {
	fill: black;
}

.index-bannar-facebook-icon {
    fill: black;
	filter: invert(100%);
}

.index-bannar-twitter-icon {
	fill: white;
}

#langnav_sp dt span::after {
	content: none;
}

.arrow {
    position: relative;
}

.arrow::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 1px;
    background: #333;
    top: 50%;
    right: -30px;
    transform: scaleY(1.01);
    transition: .5s;
}

.arrow-link-box{
    display: block;
    padding: 20px 30px;
    width: 300px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #aaa;
    box-sizing: border-box;
    position: relative;
}
@media (max-width: 600px){
    .arrow-link-box {
        padding: 5vw 30px 5vw 5vw;
        width: auto;
        max-width: calc(100% - 30px);
    }
}
.arrow-link-box:hover{
    text-decoration: none;
}
.arrow-link-box + .arrow-link-box {
    margin-top: 20px;
}

.arrow::after {
    content: "";
    position: absolute;
    right: calc(-30px - 0.5px) !important;
    top: calc(50% - 2.25px) !important;
    width: 10px !important;
    height: 1px !important;
    background: #333 !important;
    transform: translateY(-50%) rotate(30deg);
    transition: .5s;
}

@media (min-width: 601px){ 
    .arrow:hover::before{
        transform: translateX(15px);
    }
    .arrow:hover::after{
        transform: translateX(15px) rotate(30deg);
    }
}