@charset "UTF-8";
/*
Theme Name: cruises
Version: 1.0
Description: cruisesサイトテーマ
Author: Arata Higashiguchi
*/
/*********
  base
 *********/
@font-face {
  font-family: "yugothib";
  src: url("../font/yugothib.ttf") format("truetype");
}
body {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-align: justify;
  color: #003985;
  font-family: "yugothib";
  width: 100%;
  height: 100vh;
}
@media (max-width: 600px) {
  body {
    min-width: 375px;
  }
}

/*********
  Util module
 *********/
.Util__EscapeText {
  text-indent: -9999px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.Util__EnglishText {
  font-family: "adobe devanagari";
}
.Util__TextBeforBlankLine-smp {
  margin-top: 13px;
}

.Facebook {
  background: url(images/facebook-icon.svg);
}

.Instagram {
  background: url(images/instagram-icon.svg);
}

.Line {
  background: url(images/line-icon.svg);
}

.Twitter {
  background: url(images/twitter-icon.svg);
}

.Note {
  background: url(images/note-icon.svg);
}

/*********
  Header Module
 *********/
.Header {
  z-index: 5;
  width: 100%;
  height: 76px;
  display: flex;
  position: fixed;
  align-items: center;
  background-color: #fff;
  padding-left: 1%;
  padding-right: 1%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  font-family: "adobe devanagari";
}
@media (min-width: 601px) and (max-width: 950px) {
  .Header {
    padding: 0;
    height: 58px;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .Header {
    padding: 0;
    height: 58px;
    justify-content: center;
  }
}
.Header__logoLink {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.Header__logoLinkIcon {
  width: 58px;
  height: auto;
}
@media (max-width: 600px) {
  .Header__logoLinkIcon {
    width: 40px;
  }
}
.Header__logoLinkText {
  margin-left: 2%;
  white-space: nowrap;
  font-size: 12px;
}
.Header__right {
  display: flex;
  align-items: center;
  margin-left: auto;
  width: 100%;
  justify-content: end;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Header__right {
    display: none;
  }
}
@media (max-width: 600px) {
  .Header__right {
    display: none;
  }
}
.Header__nav {
  font-size: 14px;
  height: 19px;
}
.Header__navMenuList {
  display: flex;
}
.Header__navMenuListItem {
  margin-left: 5%;
  white-space: nowrap;
}
.Header__contact {
  display: flex;
  align-items: center;
  margin-left: 15%;
  position: relative;
}
.Header__contactBtn {
  background-color: #ED6900;
  width: 188px;
  height: 38px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 18px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.Header__contactBtnText {
  color: #fff;
  margin-left: 10%;
}
.Header__contactBtnText::after {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 8px;
  content: "";
  border-top: solid 1px #fff;
  margin-left: 5%;
}
.Header__contact::before {
  height: 19px;
  display: inline-block;
  content: "";
  border-left: solid 1px #003985;
  position: absolute;
  left: -12%;
}
.Header__MenuBtn {
  width: 58px;
  height: 58px;
  margin-left: auto;
  position: relative;
}
@media (min-width: 950px) {
  .Header__MenuBtn {
    display: none;
  }
}
.Header__MenuBtn > span {
  display: inline-block;
  transition: all 0.4s; /*アニメーションの設定*/
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background: #003985;
  width: 45%;
}
.Header__MenuBtn > span:nth-of-type(1) {
  top: 15px;
}
.Header__MenuBtn > span:nth-of-type(2) {
  top: 23px;
}
.Header__MenuBtn > span:nth-of-type(3) {
  top: 31px;
}
.Header__MenuBtn.active > span:nth-of-type(1) {
  top: 22px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}
.Header__MenuBtn.active > span:nth-of-type(2) {
  opacity: 0;
}
.Header__MenuBtn.active > span:nth-of-type(3) {
  top: 34px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

/*********
  Nav Module
 *********/
.Nav {
  font-family: "adobe devanagari";
}
.Nav__MenuBtn {
  width: 58px;
  height: 58px;
  margin-left: auto;
  position: relative;
}
.Nav__MenuBtnWrapper {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  cursor: pointer;
}
@media (min-width: 950px) {
  .Nav__MenuBtn {
    display: none;
  }
}
.Nav__MenuBtn > span {
  display: inline-block;
  transition: all 0.4s; /*アニメーションの設定*/
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background: #003985;
  width: 45%;
}
.Nav__MenuBtn > span:nth-of-type(1) {
  top: 22px;
}
.Nav__MenuBtn > span:nth-of-type(2) {
  top: 30px;
}
.Nav__MenuBtn > span:nth-of-type(3) {
  top: 38px;
}
.Nav__MenuBtn.active > span:nth-of-type(1) {
  top: 22px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}
.Nav__MenuBtn.active > span:nth-of-type(2) {
  opacity: 0;
}
.Nav__MenuBtn.active > span:nth-of-type(3) {
  top: 34px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}
.Nav__Main {
  z-index: 10;
  width: 100%;
  height: 0;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 0;
  right: 0;
  z-index: 5;
  overflow-x: hidden;
  text-align: center;
  transition: 0.5s;
  background: #fff;
  overflow: auto;
}
.Nav__Main::-webkit-scrollbar {
  display: none;
}
.Nav__Main.open-nav {
  height: 100%;
}
.Nav__MainIcon {
  margin-top: 5%;
  display: block;
  height: 94px;
  width: 119px;
  background: url("images/cruises_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.Nav__MainList {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8%;
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Nav__MainList {
    margin-top: 3%;
  }
}
.Nav__MainListItem {
  display: block;
  width: 90%;
  padding: 6%;
  border-bottom: solid;
  border-bottom: 1px solid #003985;
}
.Nav__MainContact {
  margin-top: 6%;
  width: 100%;
  display: flex;
  justify-content: center;
}
.Nav__MainContactBtn {
  background-color: #ED6900;
  width: 188px;
  height: 38px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 18px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  width: 80%;
}
.Nav__MainContactBtnText {
  color: #fff;
  margin-left: 10%;
}
.Nav__MainContactBtnText::after {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 8px;
  content: "";
  border-top: solid 1px #fff;
  margin-left: 5%;
}
.Nav__MainContactBtnText {
  margin-left: 5%;
}
.Nav__MainContactBtnText::after {
  width: 55vw;
}
@media (max-width: 600px) {
  .Nav__MainContactBtnText::after {
    width: 35vw;
  }
}
.Nav__MainSnsList {
  margin-top: 3%;
  display: flex;
  justify-content: space-evenly;
  width: 50%;
  min-width: 140px;
  max-width: 200px;
}
.Nav__MainSnsListItem > .SnsBtn {
  display: inline-block;
  background-color: #fff;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.2);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 600px) {
  .Nav__MainSnsListItem > .SnsBtn {
    width: 31px;
    height: 31px;
  }
}

/*********
  Slide Module
 *********/
@media (max-width: 600px) {
  .Slide {
    min-height: 800px;
  }
}
.Slide__Image-1 {
  background: url(images/slide-1-pc.png);
}
@media (min-width: 601px) and (max-width: 950px) {
  .Slide__Image-1 {
    background: url(images/slide-1-tab.png);
  }
}
@media (max-width: 600px) {
  .Slide__Image-1 {
    background: url(images/slide-1-smp.png);
  }
}
.Slide__Image-2 {
  background: url(images/slide-2-pc.png);
}
@media (min-width: 601px) and (max-width: 950px) {
  .Slide__Image-2 {
    background: url(images/slide-2-tab.png);
  }
}
@media (max-width: 600px) {
  .Slide__Image-2 {
    background: url(images/slide-2-smp.png);
  }
}
.Slide__Image-3 {
  background: url(images/slide-3-pc.png);
}
@media (min-width: 601px) and (max-width: 950px) {
  .Slide__Image-3 {
    background: url(images/slide-3-tab.png);
  }
}
@media (max-width: 600px) {
  .Slide__Image-3 {
    background: url(images/slide-3-smp.png);
  }
}
.Slide__List {
  position: relative;
  z-index: 1;
  height: 100vh;
}
.Slide__ListItem {
  width: 100%;
  height: 100vh;
  min-width: 390px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Slide__ListItem {
    background-position: right;
  }
}
@media (max-width: 600px) {
  .Slide__ListItem {
    min-height: 800px;
  }
}
.Slide__List > .slick-next {
  position: absolute;
  z-index: 3;
  top: 0%;
  right: 0%;
  cursor: pointer;
  outline: none;
  height: 100%;
  width: 60%;
}
@media (max-width: 600px) {
  .Slide__List > .slick-next {
    height: 50%;
    width: 100%;
  }
}
.Slide__List > .slick-dots {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: -50px 0 0 -70%;
}
.Slide__List > .slick-dots li {
  display: inline-block;
  margin: 0 0.5%;
}
.Slide__List > .slick-dots button {
  color: transparent;
  outline: none;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #ccc;
}

/*********
  Values Module
 *********/
.Values {
  display: flex;
  text-align: center;
  flex-direction: column;
  box-shadow: 0px 10px 10px -12px rgba(0, 0, 0, 0.2);
  padding-bottom: 8%;
  height: 1100px;
}
@media (max-width: 600px) {
  .Values {
    height: 715px;
  }
}
.Values__Header {
  display: flex;
  width: 100%;
  height: 23vh;
  position: relative;
}
.Values__HeaderTitle {
  display: flex;
  position: relative;
  height: 23vh;
  width: 80%;
  z-index: 3;
  margin: 3% auto 0;
}
.Values__HeaderTitle > span {
  display: block;
  background: url(images/values-9-title.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .Values__HeaderTitle {
    width: 70%;
    height: 20vh;
  }
  .Values__HeaderTitle > span {
    background: url(images/values-9-title-smp.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    max-width: 155px;
  }
}
.Values__HeaderVideoArea {
  z-index: 0;
  position: absolute;
  height: auto;
  width: 100%;
  top: 8vh;
}
@media (max-width: 600px) {
  .Values__HeaderVideoArea {
    top: 5vh;
  }
}
.Values__HeaderVideoAreaItem {
  height: auto;
  width: 100%;
}
@media (max-width: 600px) {
  .Values__HeaderVideoAreaItem {
    display: none;
  }
}
.Values__HeaderVideoAreaItem-smp {
  height: auto;
  width: 100%;
}
@media (min-width: 950px) {
  .Values__HeaderVideoAreaItem-smp {
    display: none;
  }
}
@media (min-width: 601px) and (max-width: 950px) {
  .Values__HeaderVideoAreaItem-smp {
    display: none;
  }
}
.Values__Title {
  display: flex;
  position: relative;
  width: 100%;
  height: 23vh;
  margin-top: 3%;
  width: 80%;
}
.Values__Title > span {
  display: block;
  background: url(images/values-9-title.png);
  background-repeat: no-repeat;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .Values__Title {
    width: 70%;
    height: 13vh;
    border-bottom: solid #003985 1px;
  }
  .Values__Title > span {
    background: url(images/values-9-title-smp.png);
    background-repeat: no-repeat;
    margin: 0 auto;
  }
}
.Values__Items {
  width: 84%;
  height: 100%;
  margin-top: 2%;
  margin: 0 8% 6%;
  position: relative;
  border-bottom: 1px solid #ED6900;
}
.Values__ItemsInner {
  margin-top: 25px;
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  z-index: 3;
}
.Values__ItemsInner::-webkit-scrollbar {
  width: 50px;
  height: 50px;
}
.Values__ItemsInner::-webkit-scrollbar-thumb {
  background-image: url(images/slider-thumb.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 600px) {
  .Values__ItemsInner::-webkit-scrollbar-thumb {
    background-size: 40px;
  }
}
.Values__ItemsInner::-webkit-scrollbar-track {
  margin: 4px;
}
.Values__ItemsImage {
  display: block;
  width: 3392px;
  height: 594px;
  background: url(images/values-items.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 600px) {
  .Values__ItemsImage {
    width: 2418px;
    height: 423px;
    background: url(images/values-items-smp.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.Values__ItemsScrollBorder {
  position: absolute;
  bottom: 0;
  left: 5%;
  background-color: #ED6900;
  height: 1px;
  margin: auto;
  width: 90%;
  z-index: 0;
}

/*********
  Services Module
 *********/
.Services {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.Services__Title {
  font-size: 30px;
  font-weight: bold;
  margin: 10% auto 0;
  font-family: "adobe devanagari";
}
.Services__Text {
  font-size: 15px;
  width: 610px;
  margin: 3% auto 0;
  width: 100%;
  text-align: center;
}
@media (max-width: 600px) {
  .Services__Text {
    width: 80%;
  }
}
.Services__Line {
  margin: 5% 0;
}
.Services__List {
  display: flex;
  flex-flow: column;
  margin-top: 15%;
}
.Services__ListItem {
  display: flex;
  position: relative;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItem {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .Services__ListItem {
    flex-direction: column;
  }
}
.Services__ListItemTitle {
  margin-top: 3%;
  font-size: 30px;
  font-weight: bold;
}
.Services__ListItemTitleNumber-1 {
  position: absolute;
  font-size: 84px;
  top: -10%;
  left: 8%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItemTitleNumber-1 {
    font-size: 78px;
  }
}
@media (max-width: 600px) {
  .Services__ListItemTitleNumber-1 {
    font-size: 60px;
    top: 0%;
    bottom: 0%;
  }
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItemTitleNumber-1 {
    top: 0%;
    bottom: 0%;
    left: 20%;
  }
}
@media (max-width: 600px) {
  .Services__ListItemTitleNumber-1 {
    top: -3%;
    left: 4%;
    bottom: 0%;
  }
}
.Services__ListItemTitleNumber-2 {
  position: absolute;
  font-size: 84px;
  top: -10%;
  left: 0%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItemTitleNumber-2 {
    font-size: 78px;
  }
}
@media (max-width: 600px) {
  .Services__ListItemTitleNumber-2 {
    font-size: 60px;
    top: 0%;
    bottom: 0%;
  }
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItemTitleNumber-2 {
    top: 0%;
    bottom: 0%;
    left: 15%;
  }
}
@media (max-width: 600px) {
  .Services__ListItemTitleNumber-2 {
    top: -3%;
    left: -3%;
    bottom: 0%;
  }
}
.Services__ListItemSubTitle {
  margin-top: 3%;
  font-size: 20px;
  font-weight: bold;
}
.Services__ListItemText {
  margin-top: 3%;
  font-size: 15px;
  text-align: left;
}
.Services__ListItemTextWrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: auto;
  max-width: 430px;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItemTextWrapper {
    width: 100%;
    min-width: 346px;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .Services__ListItemTextWrapper {
    width: 100%;
    min-width: 346px;
    margin: 0 auto;
  }
}
.Services__ListItemTextList {
  text-align: left;
}
.Services__ListItemTextListItem::before {
  content: "●";
}
.Services__ListItemViewMore {
  margin-top: 40px;
  display: flex;
  justify-content: space-around;
}
.Services__ListItemViewMoreBtn {
  margin-top: auto;
  background-color: #ED6900;
  width: 188px;
  height: 38px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 18px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.Services__ListItemViewMoreBtnText {
  color: #fff;
  margin-left: 10%;
}
.Services__ListItemViewMoreBtnText::after {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 8px;
  content: "";
  border-top: solid 1px #fff;
  margin-left: 5%;
}
.Services__ListItemViewMoreBtnText::after {
  width: 34px;
}
.Services__ListItemViewMoreIcon {
  background: url(images/cruises_icon.svg);
  width: 108px;
  height: 86px;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItemViewMoreIcon {
    position: absolute;
    top: 0%;
    right: 20%;
  }
}
@media (max-width: 600px) {
  .Services__ListItemViewMoreIcon {
    position: absolute;
    top: 0%;
    right: -2%;
  }
}
.Services__ListItemContact {
  margin-top: 12%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItemContact {
    margin: 12% auto 0;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .Services__ListItemContact {
    margin: 12% auto 0;
    display: flex;
    justify-content: center;
  }
}
.Services__ListItemContactBtn {
  background-color: #ED6900;
  width: 188px;
  height: 38px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 18px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.Services__ListItemContactBtnText {
  color: #fff;
  margin-left: 10%;
}
.Services__ListItemContactBtnText::after {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 8px;
  content: "";
  border-top: solid 1px #fff;
  margin-left: 5%;
}
.Services__ListItemMovie {
  margin-left: auto;
  box-shadow: 0px 10px 45px -12px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
}
.Services__ListItemMovie-smp {
  display: none;
}
.Services__ListItemMovieItem {
  width: 100%;
  max-width: 737px;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItemMovie {
    display: none;
  }
  .Services__ListItemMovie-smp {
    display: inline-block;
  }
  .Services__ListItemMovie-smp > video {
    width: 90%;
  }
}
@media (max-width: 600px) {
  .Services__ListItemMovie {
    display: none;
  }
  .Services__ListItemMovie-smp {
    display: inline-block;
  }
  .Services__ListItemMovie-smp > video {
    width: 90%;
  }
}
.Services__ListItemPicture {
  display: inline-block;
  height: auto;
  width: 60%;
  max-height: 443px;
  max-width: 737px;
  background: url(images/consulting-pc.png);
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItemPicture {
    display: none;
  }
}
@media (max-width: 600px) {
  .Services__ListItemPicture {
    display: none;
  }
}
.Services__ListItemPicture-smp {
  display: inline-block;
}
@media (min-width: 950px) {
  .Services__ListItemPicture-smp {
    display: none;
  }
}
.Services__ListItemInner {
  display: flex;
  flex-flow: column;
  text-align: center;
  position: relative;
  width: 33%;
  min-width: 420px;
  margin: 0 auto;
  padding-left: 35px;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItemInner {
    width: 90%;
    padding-left: 0;
  }
}
@media (max-width: 600px) {
  .Services__ListItemInner {
    width: 90%;
    padding-left: 0;
    min-width: 0;
  }
}
.Services__ListItem:nth-child(3) {
  flex-direction: row-reverse;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Services__ListItem:nth-child(3) {
    margin-top: 10%;
  }
}
@media (max-width: 600px) {
  .Services__ListItem:nth-child(3) {
    margin-top: 10%;
  }
}

/*********
  Log Module
 *********/
.Log {
  display: flex;
  text-align: center;
  flex-direction: column;
  box-shadow: 0px 10px 10px -12px rgba(0, 0, 0, 0.2);
  padding-bottom: 3%;
}
.Log__Title {
  font-size: 30px;
  font-weight: bold;
  margin: 10% auto 0;
  font-family: "adobe devanagari";
}
.Log__SubTitle {
  font-size: 14px;
  font-weight: bold;
  margin: 1% auto 0;
}
.Log__Text {
  font-size: 15px;
  width: 610px;
  margin: 3% auto 0;
}
@media (max-width: 600px) {
  .Log__Text {
    width: 80%;
  }
}
.Log__List {
  display: flex;
  width: 962px;
  justify-content: space-between;
  align-items: center;
  margin: 5% auto 0;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Log__List {
    width: 100%;
    max-width: 962px;
    height: 400px;
    overflow-x: scroll;
  }
  .Log__List::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 600px) {
  .Log__List {
    width: 100%;
    height: 365px;
    overflow-x: scroll;
  }
  .Log__List::-webkit-scrollbar {
    display: none;
  }
}
.Log__ListItem {
  width: 307px;
  height: 377px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2% 2%;
  box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
}
@media (min-width: 601px) and (max-width: 950px) {
  .Log__ListItem {
    margin-left: 5%;
    height: 350px;
  }
}
@media (max-width: 600px) {
  .Log__ListItem {
    width: 250px;
    height: 320px;
    margin-left: 5%;
  }
}
.Log__ListItem > img {
  height: auto;
  width: 100%;
}
.Log__ListItemMain {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: start;
  text-align: start;
}
.Log__ListItemMainDate {
  font-size: 14px;
  margin-top: 5%;
}
.Log__ListItemMainTitle {
  font-weight: bold;
  margin-top: 3%;
}
.Log__ListItemMainViewMore {
  margin-top: auto;
}
.Log__ListItemMainViewMoreBtn {
  background-color: #ED6900;
  width: 188px;
  height: 38px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 18px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  width: 200px;
  height: 35px;
}
.Log__ListItemMainViewMoreBtnText {
  color: #fff;
  margin-left: 10%;
}
.Log__ListItemMainViewMoreBtnText::after {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 8px;
  content: "";
  border-top: solid 1px #fff;
  margin-left: 5%;
}
.Log__ListItemMainViewMoreBtnText {
  font-size: 15px;
  font-weight: bold;
  margin-left: 7%;
}
.Log__ListNoLog {
  display: inline-block;
  margin: 0 auto;
}
.Log__ViewMore {
  margin: 3% auto 0;
}
.Log__ViewMoreBtn {
  background-color: #ED6900;
  width: 188px;
  height: 38px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 18px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background-color: #003985;
  width: 200px;
  height: 35px;
}
.Log__ViewMoreBtnText {
  color: #fff;
  margin-left: 10%;
}
.Log__ViewMoreBtnText::after {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 8px;
  content: "";
  border-top: solid 1px #fff;
  margin-left: 5%;
}
.Log__ViewMoreBtnText {
  font-size: 15px;
  font-weight: bold;
  margin-left: 7%;
}

/*********
  News Module
 *********/
.News {
  display: flex;
  text-align: center;
  flex-direction: column;
  box-shadow: 0px 10px 10px -12px rgba(0, 0, 0, 0.2);
  padding-bottom: 3%;
}
.News__Title {
  font-size: 30px;
  font-weight: bold;
  margin: 10% auto 0;
  font-family: "adobe devanagari";
}
.News__SubTitle {
  font-size: 14px;
  font-weight: bold;
  margin: 1% auto 0;
}
.News__List {
  display: flex;
  width: 95%;
  padding: 7% 1%;
  box-shadow: 0px 5px 50px -12px rgba(0, 0, 0, 0.2);
  margin: 3% auto 0;
}
.News__ListInner {
  width: 90%;
  height: 226px;
  overflow-y: scroll;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.News__ListInner::-webkit-scrollbar {
  width: 1px;
}
.News__ListInner::-webkit-scrollbar-thumb {
  background-color: #003985;
}
@media (min-width: 601px) and (max-width: 950px) {
  .News__ListInner {
    width: 95%;
    height: 134px;
    padding-right: 5%;
  }
}
@media (max-width: 600px) {
  .News__ListInner {
    width: 95%;
    height: 134px;
    padding-right: 5%;
  }
}
.News__ListItem {
  padding: 3%;
  width: 95%;
  height: 77px;
  border-bottom: 1px solid #DEE0E5;
}
@media (min-width: 601px) and (max-width: 950px) {
  .News__ListItem {
    width: 100%;
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .News__ListItem {
    width: 100%;
    height: 45px;
    font-size: 8px;
  }
}
.News__ListItemInner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.News__ListItemInner::after {
  content: "";
  color: #ED6900;
  display: block;
  width: 17px;
  height: 17px;
  border-top: 2px solid orange;
  border-right: 2px solid orange;
  margin-left: auto;
  transform: rotate(45deg);
}
@media (min-width: 601px) and (max-width: 950px) {
  .News__ListItemInner::after {
    width: 11px;
    height: 11px;
    border-top: 3px solid orange;
    border-right: 3px solid orange;
  }
}
@media (max-width: 600px) {
  .News__ListItemInner::after {
    width: 11px;
    height: 11px;
    border-top: 3px solid orange;
    border-right: 3px solid orange;
  }
}
.News__ListItemDate {
  position: relative;
}
.News__ListItemDate::after {
  display: inline-block;
  content: "";
  border-left: solid 1px #ED6900;
  position: absolute;
  height: 100%;
  margin-left: 15%;
}
.News__ListItemText {
  margin-left: 6%;
}

/*********
  Company Module
 *********/
.Company {
  display: flex;
  text-align: center;
  flex-direction: column;
}
.Company__Title {
  font-size: 30px;
  font-weight: bold;
  margin: 10% auto 0;
  font-family: "adobe devanagari";
}
.Company__SubTitle {
  font-size: 14px;
  font-weight: bold;
  margin: 1% auto 0;
}
.Company__List {
  margin-top: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Company__ListItem {
  width: 50%;
  height: 70px;
}
@media (max-width: 600px) {
  .Company__ListItem {
    width: 90%;
  }
}
.Company__ListItemInfo {
  height: 100%;
  display: flex;
  align-items: center;
  text-align: left;
}
.Company__ListItemInfoTitle {
  width: 23%;
  height: 100%;
  border-right: 1px solid #003985;
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .Company__ListItemInfoTitle {
    font-size: 10px;
  }
}
.Company__ListItemInfoTitle span {
  margin: 0 auto;
}
.Company__ListItemInfoText {
  width: 100%;
  padding-left: 6%;
}
@media (max-width: 600px) {
  .Company__ListItemInfoText {
    font-size: 12px;
  }
}
.Company__ListItem:not(:first-child) {
  border-top: 1px solid #003985;
}

/*********
  Crew module
 *********/
.Crew {
  display: flex;
  text-align: center;
  flex-direction: column;
  padding-bottom: 3%;
}
.Crew__Title {
  font-size: 30px;
  font-weight: bold;
  margin: 10% auto 0;
  font-family: "adobe devanagari";
}
.Crew__SubTitle {
  font-size: 14px;
  font-weight: bold;
  margin: 1% auto 0;
}
.Crew__Text {
  font-size: 15px;
  width: 610px;
  margin: 3% auto 0;
}
@media (max-width: 600px) {
  .Crew__Text {
    width: 80%;
  }
}
.Crew__List {
  margin-top: 5%;
  display: flex;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Crew__List {
    margin-bottom: 5%;
  }
}
.Crew__ListItem {
  display: flex;
  margin-top: 1.5vh;
  padding-bottom: 1%;
}
.Crew__ListItemInner {
  width: 70%;
  height: 100%;
  box-shadow: 0px 3px 24px -8px rgba(0, 0, 0, 0.3);
  display: flex;
  margin: 0 auto;
  padding: 1%;
}
.Crew__ListItemImage-1 {
  background: url(images/person-1-pc.png);
  width: 211px;
  height: 360px;
  background-size: cover;
}
.Crew__ListItemImage-2 {
  background: url(images/person-2-pc.png);
  width: 211px;
  height: 360px;
  background-size: cover;
}
.Crew__ListItemImage-3 {
  background: url(images/person-3-pc.png);
  width: 211px;
  height: 360px;
  background-size: cover;
}
.Crew__ListItemImage-4 {
  background: url(images/person-4-pc.png);
  width: 211px;
  height: 360px;
  background-size: cover;
}
.Crew__ListItemMain {
  text-align: left;
  padding-left: 3%;
  width: 80%;
}
.Crew__ListItemMainName {
  display: flex;
  align-items: end;
  padding-top: 3%;
  font-size: 20px;
  font-weight: bold;
}
.Crew__ListItemMainName > span {
  font-size: 13px;
  margin-left: 3%;
  color: #ED6900;
}
.Crew__ListItemMainText {
  padding-top: 3%;
  font-size: 15px;
}
@media (max-width: 600px) {
  .Crew__List {
    display: none;
  }
}
.Crew__sp__List {
  display: none;
  margin-top: 5%;
  display: flex;
  width: 100%;
  height: auto;
}
.Crew__sp__ListItem {
  display: flex;
  flex-direction: column;
  min-width: 368px;
  min-height: 661px;
}
.Crew__sp__ListItemInner {
  width: 90%;
  height: 100%;
  box-shadow: 0px 3px 24px -8px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  margin: 1% auto;
  padding: 2%;
}
.Crew__sp__ListItemHeader {
  display: flex;
  margin-top: 5%;
}
.Crew__sp__ListItemHeaderImage-1 {
  background: url(images/person-1-smp.png);
  width: 167px;
  height: 161px;
  background-size: cover;
}
.Crew__sp__ListItemHeaderImage-2 {
  background: url(images/person-2-smp.png);
  width: 167px;
  height: 161px;
  background-size: cover;
}
.Crew__sp__ListItemHeaderImage-3 {
  background: url(images/person-3-smp.png);
  width: 167px;
  height: 161px;
  background-size: cover;
}
.Crew__sp__ListItemHeaderImage-4 {
  background: url(images/person-4-smp.png);
  width: 167px;
  height: 161px;
  background-size: cover;
}
.Crew__sp__ListItemHeaderName {
  padding-top: 3%;
  margin-left: 3%;
  display: flex;
  flex-direction: column;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  width: 36%;
}
.Crew__sp__ListItemHeaderName > span {
  font-size: 10px;
  margin-left: 3%;
  color: #ED6900;
}
.Crew__sp__ListItemMain {
  margin-top: 3%;
  width: 100%;
  padding: 0 2%;
}
.Crew__sp__ListItemMainText {
  font-size: 13px;
  text-align: left;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Crew__sp__List {
    display: none;
  }
}
@media (min-width: 950px) {
  .Crew__sp__List {
    display: none;
  }
}
.Crew__List > .slick-prev,
.Crew__List .slick-next, .Crew__sp__List > .slick-prev,
.Crew__sp__List .slick-next {
  position: absolute; /*絶対配置にする*/
  z-index: 3;
  display: flex;
  align-items: center;
  top: 42%;
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: #333;
  box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.2);
}
.Crew__List > .slick-prev, .Crew__sp__List > .slick-prev { /*戻る矢印の位置と形状*/
  left: 3%;
  padding-left: 15px;
}
.Crew__List > .slick-prev::after, .Crew__sp__List > .slick-prev::after {
  content: "";
  color: #ED6900;
  display: block;
  width: 17px;
  height: 17px;
  border-top: 2px solid orange;
  border-right: 2px solid orange;
  transform: rotate(-135deg);
}
.Crew__List > .slick-next, .Crew__sp__List > .slick-next { /*次へ矢印の位置と形状*/
  right: 3%;
  padding-left: 8px;
}
.Crew__List > .slick-next::after, .Crew__sp__List > .slick-next::after {
  content: "";
  color: #ED6900;
  display: block;
  width: 17px;
  height: 17px;
  border-top: 2px solid orange;
  border-right: 2px solid orange;
  transform: rotate(45deg);
}

/*********
  Footer module
 *********/
.Footer {
  width: 100%;
  height: 100vh;
  background: url(images/footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 80%;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-family: "adobe devanagari";
}
.Footer__inner {
  display: flex;
  flex-direction: column;
  width: 90%;
  padding-left: 10%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Footer__inner {
    padding-left: 0%;
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .Footer__inner {
    margin: 0 auto;
    padding-left: 0%;
    align-items: center;
    text-align: center;
  }
}
.Footer__Logo {
  margin-top: 10%;
  display: block;
  background: url(images/cruises_logo_text.png);
  width: 158px;
  height: 40px;
}
.Footer__List {
  margin-top: 4%;
  font-size: 16px;
  font-weight: bold;
}
.Footer__ListItem {
  margin-top: 2%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Footer__ListItem {
    margin-top: 30%;
  }
}
@media (max-width: 600px) {
  .Footer__ListItem {
    margin-top: 30%;
  }
}
.Footer__Menu {
  margin-top: 4%;
  display: flex;
  width: 95%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Footer__Menu {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .Footer__Menu {
    flex-direction: column;
    align-items: center;
  }
}
.Footer__MenuContact {
  display: flex;
  align-items: center;
  position: relative;
}
.Footer__MenuContactBtn {
  background-color: #ED6900;
  width: 188px;
  height: 38px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 18px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  width: 245px;
}
.Footer__MenuContactBtnText {
  color: #fff;
  margin-left: 10%;
}
.Footer__MenuContactBtnText::after {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 8px;
  content: "";
  border-top: solid 1px #fff;
  margin-left: 5%;
}
.Footer__MenuContactBtnText::after {
  width: 82px;
}
.Footer__MenuList {
  margin-left: auto;
  display: flex;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Footer__MenuList {
    margin: 13% auto 0;
    width: 188px;
    justify-content: space-around;
  }
}
@media (max-width: 600px) {
  .Footer__MenuList {
    margin: 13% auto 0;
    width: 188px;
    justify-content: space-around;
  }
}
.Footer__MenuListItem {
  margin-left: 25%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Footer__MenuListItem {
    margin: 0% 2%;
  }
}
@media (max-width: 600px) {
  .Footer__MenuListItem {
    margin: 0% 2%;
  }
}
.Footer__MenuListItem > .SnsBtn {
  display: inline-block;
  background-color: #fff;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.2);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 600px) {
  .Footer__MenuListItem > .SnsBtn {
    width: 31px;
    height: 31px;
  }
}
.Footer__CopyRight {
  margin-top: auto;
  display: flex;
  background-color: #003985;
  text-align: center;
  bottom: 0%;
  width: 100%;
  height: 32px;
  align-items: center;
}
.Footer__CopyRight > small {
  margin: 0 auto;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Footer__CopyRight {
    font-size: 7px;
  }
}
@media (max-width: 600px) {
  .Footer__CopyRight {
    font-size: 7px;
  }
}

/*********
  Slick
 *********/
.slick-dots .slick-active button {
  background: #333; /*ドットボタンの現在地表示の色*/
}

/*********
  Contact Form module
 *********/
.ContactForm {
  padding-top: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FAFDFF;
}
.ContactFormHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60vh;
  background: url(images/contactForm_Header.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ContactFormHeader__Title {
  font-size: 23px;
  margin: 13% auto 10%;
  font-weight: bold;
}
.ContactForm__Title {
  font-size: 20px;
}
@media (max-width: 600px) {
  .ContactForm__Title {
    font-size: 18px;
  }
}
.ContactForm__Text {
  font-size: 15px;
  margin-top: 2%;
  width: 40%;
}
@media (max-width: 600px) {
  .ContactForm__Text {
    width: 80%;
    font-size: 14px;
  }
}
.ContactForm__FormBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.2);
  margin-top: 5%;
  margin-bottom: 5%;
}
.ContactForm__FormBoxList {
  display: flex;
  flex-direction: column;
  width: 90%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .ContactForm__FormBoxList {
    align-items: center;
    width: 75%;
  }
}
@media (max-width: 600px) {
  .ContactForm__FormBoxList {
    align-items: center;
    width: 75%;
  }
}
.ContactForm__FormBoxListItem {
  margin-top: 4%;
  display: flex;
  justify-content: end;
}
@media (min-width: 601px) and (max-width: 950px) {
  .ContactForm__FormBoxListItem {
    flex-direction: column;
    align-items: center;
  }
  .ContactForm__FormBoxListItem > span {
    margin-right: auto;
  }
}
@media (max-width: 600px) {
  .ContactForm__FormBoxListItem {
    flex-direction: column;
    align-items: center;
  }
  .ContactForm__FormBoxListItem > span {
    margin-right: auto;
  }
}
.ContactForm__FormBoxListItem > input, .ContactForm__FormBoxListItem > textarea {
  border: 1px solid #003985; /* 枠線 */
  border-radius: 3px;
  width: 70%;
  margin-left: 3%;
  margin-right: 3%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .ContactForm__FormBoxListItem > input, .ContactForm__FormBoxListItem > textarea {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .ContactForm__FormBoxListItem > input, .ContactForm__FormBoxListItem > textarea {
    width: 100%;
  }
}
.ContactForm__FormBoxPrivacy {
  margin-top: 5%;
}
.ContactForm__FormBoxPrivacyText {
  width: 100%;
  height: 177px;
  padding: 0 3%;
  overflow-y: scroll;
}
.ContactForm__FormBoxPrivacyText::-webkit-scrollbar {
  width: 2px;
  background-color: #DEE0E5;
}
.ContactForm__FormBoxPrivacyText::-webkit-scrollbar-thumb {
  background-color: #003985;
  width: 2px;
}
.ContactForm__FormBoxPrivacyTextWrapper {
  padding: 5px;
  border: 1px solid grey; /* 枠線 */
  width: 90%;
}
.ContactForm__Submit {
  margin-top: 10%;
  margin-bottom: 5%;
}
.ContactForm__SubmitBtn {
  background-color: #ED6900;
  width: 188px;
  height: 38px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 18px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background-color: #003985;
}
.ContactForm__SubmitBtnText {
  color: #fff;
  margin-left: 10%;
}
.ContactForm__SubmitBtnText::after {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 8px;
  content: "";
  border-top: solid 1px #fff;
  margin-left: 5%;
}
.ContactForm__SubmitBtnText {
  color: #fff;
  margin-left: 10%;
}
.ContactForm__SubmitBtnText::after {
  position: absolute;
  right: 10%;
  top: 50%;
  width: 50%;
  height: 1px;
  content: "";
  border-top: solid 1px #fff;
}

/*********
  Thanks module
 *********/
.Thanks__PageList {
  display: flex;
  padding-top: 76px;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Thanks__PageList {
    padding-top: 58px;
  }
}
@media (max-width: 600px) {
  .Thanks__PageList {
    padding-top: 58px;
  }
}
.Thanks__PageListItem:not(:last-child)::after {
  content: ">";
}
.Thanks__Main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Thanks__MainTitle {
  margin-top: 5%;
  font-size: 22px;
  font-weight: bold;
}
.Thanks__MainTextBox {
  margin: 6% 0 5%;
  padding: 1%;
  width: 90%;
  display: flex;
  flex-direction: column;
  border: solid 1px;
  background: papayawhip;
  text-align: start;
}

/*********
  Article module
 *********/
.Article {
  display: flex;
  width: 100%;
  padding-top: 20vh;
  margin-bottom: 10%;
  justify-content: center;
}
@media (max-width: 600px) {
  .Article {
    padding-top: 15vh;
  }
}
@media (min-width: 601px) and (max-width: 950px) {
  .Article {
    padding-top: 15vh;
  }
}
.Article__Inner {
  width: 90%;
  display: flex;
}
@media (max-width: 600px) {
  .Article__Inner {
    flex-direction: column;
  }
}
.Article__Main {
  width: 70%;
}
@media (max-width: 600px) {
  .Article__Main {
    width: 100%;
  }
}
.Article__MainHeader {
  height: 40vh;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: solid 2px #DEE0E5;
  margin: 0 1%;
  word-break: normal;
}
.Article__MainHeader::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -2px;
  width: 15%;
  height: 10%;
  border-bottom: solid 3px #ED6900;
}
.Article__MainHeaderTitle {
  font-size: 28px;
  font-weight: bold;
  display: block;
  margin: auto 0;
}
.Article__MainHeaderDate {
  font-size: 20px;
  padding: 3%;
  color: #DEE0E5;
}
.Article__MainBodyImg > img {
  height: auto;
  width: 100%;
}

/*********
  Sidebar module
 *********/
.Sidebar {
  width: 30%;
}
@media (max-width: 600px) {
  .Sidebar {
    width: 100%;
  }
}
.Sidebar__Text {
  height: 40vh;
  font-size: 15px;
  border-bottom: solid 2px #DEE0E5;
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 1%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Sidebar__Text {
    font-size: 12px;
  }
}
.Sidebar__Text::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -2px;
  width: 15%;
  height: 10%;
  border-bottom: solid 3px #ED6900;
}
.Sidebar__SnsListItem {
  margin-top: 5%;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Sidebar__SnsListItem {
    font-size: 10px;
  }
}
@media (max-width: 600px) {
  .Sidebar__SnsListItem {
    font-size: 15px;
  }
}
.Sidebar__SnsListItemCruises {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 83px;
  width: 100%;
  border: solid 2px #003985;
  border-radius: 0.2rem;
}
.Sidebar__SnsListItemCruisesIcon {
  height: 43px;
  width: 43px;
  background: url(images/cruises_icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.Sidebar__SnsListItemTwitter {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 83px;
  width: 100%;
  border: solid 2px #1C9BEF;
  border-radius: 0.2rem;
}
.Sidebar__SnsListItemTwitterIcon {
  height: 43px;
  width: 43px;
  background: url(images/twitter-blue-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}

/*********
  Archive module
 *********/
.Archive {
  display: flex;
  width: 100%;
  padding-top: 20vh;
  margin-bottom: 10%;
  justify-content: center;
}
@media (max-width: 600px) {
  .Archive {
    padding-top: 5vh;
  }
}
@media (min-width: 601px) and (max-width: 950px) {
  .Archive {
    padding-top: 7vh;
  }
}
.Archive__Inner {
  width: 90%;
  display: flex;
}
@media (max-width: 600px) {
  .Archive__Inner {
    flex-direction: column;
  }
}
.Archive__Main {
  width: 70%;
}
@media (max-width: 600px) {
  .Archive__Main {
    width: 100%;
  }
}
.Archive__MainHeader {
  height: 40vh;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: solid 2px #DEE0E5;
  margin: 0 1%;
}
.Archive__MainHeader::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -2px;
  width: 15%;
  height: 10%;
  border-bottom: solid 3px #ED6900;
}
.Archive__MainHeaderTitle {
  font-size: 28px;
  font-weight: bold;
  margin: auto 0;
}
.Archive__MainBodyList {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .Archive__MainBodyList {
    justify-content: center;
  }
}
.Archive__MainBodyListItem {
  margin: 1%;
  width: 45%;
  padding: 3%;
  box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
}
@media (max-width: 600px) {
  .Archive__MainBodyListItem {
    margin-top: 10%;
    width: 90%;
  }
}
.Archive__MainBodyListItem > img {
  height: auto;
  width: 100%;
}
.Archive__MainBodyListItemMain {
  display: flex;
  flex-direction: column;
}
.Archive__MainBodyListItemMainDate {
  font-size: 14px;
  margin-top: 5%;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Archive__MainBodyListItemMainDate {
    font-size: 12px;
  }
}
.Archive__MainBodyListItemMainTitle {
  font-weight: bold;
  margin-top: 3%;
  word-break: normal;
}
@media (min-width: 601px) and (max-width: 950px) {
  .Archive__MainBodyListItemMainTitle {
    font-size: 12px;
  }
}
.Archive__MainBodyListItemMainViewMore {
  margin-top: 2%;
}
.Archive__MainBodyListItemMainViewMoreBtn {
  background-color: #ED6900;
  width: 188px;
  height: 38px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 18px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.Archive__MainBodyListItemMainViewMoreBtnText {
  color: #fff;
  margin-left: 10%;
}
.Archive__MainBodyListItemMainViewMoreBtnText::after {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 8px;
  content: "";
  border-top: solid 1px #fff;
  margin-left: 5%;
}
.Archive__MainBodyListItemMainViewMoreBtnText::after {
  width: 30%;
}
@media (max-width: 600px) {
  .Archive__MainBodyListItemMainViewMoreBtnText::after {
    width: 15%;
  }
}
@media (min-width: 601px) and (max-width: 950px) {
  .Archive__MainBodyListItemMainViewMoreBtn {
    width: 90%;
    max-width: 188px;
    height: 30px;
    font-size: 10px;
  }
}

/*********
  Pagination module
 *********/
.Pagination {
  margin-top: 10%;
  display: flex;
  justify-content: center;
}

.nav-links {
  display: flex;
  justify-content: space-evenly;
  width: 100px;
}

.page-numbers {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #DEE0E5;
  font-size: 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.page-numbers.current {
  background-color: #ED6900;
}

/*********
  Error module
 *********/
.Error {
  color: #fff;
}
.Error__Header {
  height: 30vh;
  padding-top: 20vh;
  padding: 20vh 5% 0;
  background-color: black;
}
.Error__Main {
  display: flex;
  flex-direction: column;
  padding: 0 5%;
  background-color: gray;
}
.Error__MainBack {
  margin: 5% 0 2%;
}
.Error__MainBackBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 30px;
  background-color: #DEE0E5;
}
.Error__MainBackBtnText {
  color: black;
}
.Error__MainBackBtnText::before {
  content: "<";
}/*# sourceMappingURL=style.css.map */