@charset "UTF-8";
#shipsany .shipsany__contents--h2 {
  font-size: 0;
  text-align: center;
  margin-bottom: 32px;
}
#shipsany .shipsany__contents--h2 {
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
#shipsany .shipsany__contents--h2 span {
  display: inline-block;
  font-size: 40px;
  line-height: 64px;
}
#shipsany .shipsany__contents--h2 span.line {
  position: relative;
  margin-left: 0.5em;
  transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
  -webkit-animation: h2Anime .7s .6s ease-in-out forwards;
  animation: h2Anime .7s .6s ease-in-out forwards;
}
#shipsany .shipsany__contents--h2 span.line:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 0;
  height: 2px;
  top: auto;
  bottom: 0;
  background-color: #0a223c;
  -webkit-animation: h2Anime2 .65s 1.2s ease-in-out forwards;
  animation: h2Anime2 .65s 1.2s ease-in-out forwards;
}
@-webkit-keyframes h2Anime2 {
  0% {
  width: 0;
  }
  100% {
  width: 100%; }
}
@keyframes h2Anime2 {
  0% {
  width: 0; }
  100% {
  width: 100%;
  }
}
@-webkit-keyframes h2Anime {
  0% {
  transform: translate3d(0, 70px, 0);
  }
  100% {
  transform: translate3d(0, 0, 0);
  }
}
@keyframes h2Anime {
  0% {
  transform: translate3d(0, 70px, 0); }
  100% {
  transform: translate3d(0, 0, 0);
  }
}
.h_bar{
  display: none;
}
main{
  line-height: 2.1;
  color: #0a223c;
  text-align: justify;
  margin: 5% auto;
  overflow: hidden;
font-feature-settings: "palt";
}
a{
  color: #0a223c;
  text-decoration: none;
}
.heading--text{
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
  font-style: normal;
  line-height: 1.5;
}
.f-en{
  font-family: 'Questrial', sans-serif;
  letter-spacing: 0.15em;
}
.f-name{
  font-family: pacifico, sans-serif;
}
.f-ja{
  line-height: 2;
  font-family: a-otf-gothic-bbb-pr6n, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt";
}
.f-g{
  color: #6e757d;
}
.f-b{
  color: #8290c8;
}
.hero{
  margin-bottom: 120px;
  max-height: 600px;
  overflow: hidden;
}
.hero__img{
  height: auto;
  width: 100%;
}
.center{
  text-align: center;
}
.left{
  text-align: left;
}
.right{
  text-align: right;
}
.f-11{
  font-size: 1.1rem;
}
.f-13{
  font-size: 1.3rem;
}
.f-18{
  font-size: 1.8rem;
}
.f-30{
  font-size: 3.0rem;
}
.v-m{
  vertical-align: middle;
}
.in-blc{
  display:inline-block;
}
.blc{
  display:block;
}
.v-t{
  vertical-align: top;
}
.h_bar{
  display: none;
}
.arrow_box{
  display: none;
}
section{
  margin: 50px auto 15em;
  color: #0a223c;
  padding: 0;
  text-align: left;
  width: 1100px;
}
.item--1 .section--title{
  margin: 0 0 8em;
}
.item--1 .sub--image{
  margin: 10em 0 -10em 0;
  position: relative;
  z-index: 100;
}
.item--2 .sub--image{
  margin: 5em 0 0;
}
.item--3 .sub--image{
  margin: 10em 5em -15em 4em;
}
.item--3 .sub--text{
  margin: -5em 3em 0 0;
}
.item--4 .sub--image{
  margin: 10em 0 -3em;
}
.section--title{
  margin: 2em 0;
}
.number--title{
  font-size: 2rem;
  display: inline-block;
  border-bottom: 1px solid;
  margin: 0 0 1em 0;
}
h2 {
  position: relative;
  text-align: center;
  display: block;
  font-size: 3.6rem;
  margin: 5em 0 0;
}
h2:after {
  position: absolute;
  content: '';
  background: #000;
  top: 140px;
  width: 40px;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
h3{
  font-size: 3.6rem;
  line-height: 1.3;
  font-weight: normal;
}
.item--title{
  font-size: 2.4rem;
}
.link--area{
  margin: 0 2em;
}
.link--area + p{
  margin: .5em 0 0 2.2em;  
}
.item--2 .caption--text + div,
.item--3 .caption--text + div,
.item--5 .caption--text + div{
  margin: 1em 0;
}
.align-item--center{
  align-items: center;
  -webkit-align-items: center;
}
.align-item--flex-start{
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.align-item--flex-end{
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.flex{
  display: flex;
  margin: 5em 0;
}
.item--space-around{
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.item--space-between{
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.item--flex-start{
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.item--center{
  -webkit-justify-content: center;
  justify-content: center;
}
.item--flex-end{
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.item--center div{
  margin: 0 1em;
}
.item--flex-end div:first-child{
  margin: 0 1em 0 0;
}
.flex--item{
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}
.flex-pickupitem{
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-pickupitem .item--image{
  margin: 0 3em 0 0;
}
.slide--area{
  margin: 2em auto;
  width: 519px;
}
.miyako--title{
  border: 1px solid #1a2242;
  text-align: center;
  margin: 0 0 5em;
}
.miyako--title span:first-child{
  margin: 0 .2em 0 0;
  line-height: 1;
}
.item--brand{
  font-size: 1.1rem;
  line-height: 1.5;
  color: #737373;
}
.link--area{
  margin: .5em 0 0 0;;
  text-align: left;
}
.lead--text{
  margin:5em auto;
  font-size:1.3rem;
}
.item--area{
  margin: 1em 0;
}
.item--spec {
  letter-spacing: .05em;
  line-height: 1.5;
  width: 20em;
  text-align: left;
}
.caption--text{
  margin: 2em;
  font-size: 1.3rem;
  width: 350px;
  position: relative;
}
.caption--text:before{
  color: #8290c8;
  font-size: 8rem;
  position: absolute;
  content: "“";
  top: 10px;
  left: -30px;
  font-family: ltc-bodoni-175, serif;
  line-height: 0;
}
.caption--text:after{
  color: #8290c8;
  font-size: 8rem;
  position: absolute;
  content: "”";
  bottom: -20px;
  right: -30px;
  font-family: ltc-bodoni-175, serif;
  line-height: 0;
}
.main--item--caption{
  width: 280px;
}
.fade {
  padding: 0;
  height: auto;
}
.fade img {
  border-radius: 6px;
}
.item--button {
  width: 60px;
  height: 30px;
  border: 1px solid #919aa7;
  float: left;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.eff--item {
  width: 60px;
  height: 30px;
  left: -60px;
  background: #919aa7;
  position: absolute;
  transition: all .5s ease;
  z-index: 1;
  border: 1px solid #919aa7;
}
.item--button a {
  font-size: 1.2rem;
  color: #919aa7;
  text-decoration: none;
  line-height: 30px;
  transition: all .5s ease;
  z-index: 2;
  position: relative;
}
.item--button:hover .eff--item,
.all--button:hover .eff-all{
  left:0;
}
.item--button:hover a,
.all--button:hover a{
  color:#fff;
}
.flex--profile{
  -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 800px;
        padding: 3em 2em 3em 0;
        margin: 0 auto;
        background: #eeeeee;
}
.flex--profile .item--image{
      margin: -13em 2em 0 -15em;
}
.profile--text p{
  margin: 0 0 1em 0;
}
.profile--caption{
  width:468px;
}
.all--button {
    width: 900px;
    height: 120px;
    border: 1px solid #919aa7;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: 5% auto 15%;
    color: #919aa7;
    padding: 35px 0 0 0;
}
.eff-all {
    width: 900px;
    height: 120px;
    left: -900px;
    background: #919aa7;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
    border: 1px solid #919aa7;
    margin: -35px 0 0 0;
}
.all--button a {
    font-size: 18px;
    text-decoration: none;
    line-height: 28px;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
    color: #919aa7;
}