@charset "Shift_JIS";
@media only print, only screen and (min-width: 18.75em){
.tab,
.pc,
.pc_tab{
  display:none;
}
.sp,
.tab_sp{
  display:block;
}

/* Content */
h1,h2{
  margin: 0 0 10% 0;
}
p{
  margin: 2% 0
}
.inner_{
  margin: 15% 7%;
}
.shipsLogo_{
  max-width: 120px;
  text-align: center;
  margin: 0 auto;
}
.f_shipsLogo_{
  max-width: 88px;
  text-align: center;
  margin: 0 auto;
}
section{
  margin: 10% auto;
  padding: 10% 0 5% 0;
  border-top: 1px solid #ebebeb;
}
.section_{
  margin: 5% 0 10%;
}
.icon_{
  width: 34%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.text_{
  width: 60%;
  display: inline-block;
  vertical-align: top;
  line-height: 1.8;
  margin: 0 0 0 2%;
}
.app_{
  margin: 10% 0 0 0;
  background: #ebebeb;
  padding: 5%;
}
.list_{
  width: 47%;
  background: #000000;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  margin: 5% 2% 0 0;
}
.list_:last-child{
  margin: 5% 0 0 0;
}
.list_ img{
  width: 80%;
  vertical-align: middle;
  padding: 5%;
  display: inline-block;
}
.feature_{
  margin: 0 1% 5%;
  width: 47%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
/* Footer */
.footer_{
  padding: 10% 0 5%;
  text-align: center;
  background: #003058;
  color: #ffffff;
}
.footer_sns_{
  border-radius: 35px;
  background: #ffffff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  display: inline-block;
  margin: 5% 2%;
}
.footer_sns_ i{
  color: #003058;
}
#page-top {
  position: fixed;
  bottom: 45px;
  right: 2%;
  font-size: 40px;
}
#page-top a {
  text-decoration: none;
  color: #003058;
  width: auto;
  padding: 0 0 150px 0;
  text-align: center;
  display: block;
}
#page-top a:hover {
  text-decoration: none;
}
.btn_ {
  margin: 5% auto 0;
  text-align: center;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.btn_ a {
  border: 1px solid #003058;
  color: #fff;
  text-align: center;
  padding: 5% 0;
  font-size: 12px;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  background-color: #003058;
  width: 100%;
  border-radius: 30px;
}
.btn_ a:hover{
  color: #003894 !important;
  background-color: #fff;
  border: 1px solid #003058;
}
}

@media only print, only screen and (min-width: 768px){
.sp,
.tab_sp,
.pc{
  display:none;
}
.tab{
  display:block;
}
h1,h2{
  margin: 0;
}
.w_38{
  width: 38%;
}
section{
  margin: 10% auto;
  padding: 10% 0 5% 0;
  border-top: 1px solid #ebebeb;
  text-align: center;
}
.section_ {
  margin: 5% 1%;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  padding: 5% 3%;
  vertical-align: top;
}
.icon_ {
  width: 80%;
  display: block;
  vertical-align: top;
  text-align: center;
  margin: 0 auto;
}
.text_ {
  width: auto;
  display: block;
  vertical-align: top;
  line-height: 1.8;
  margin: 0;
}
.btn_ {
  margin: 5% auto 0;
  text-align: center;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.btn_ a {
  border: 1px solid #003058;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-size: 12px;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  background-color: #003058;
  width: 50%;
  border-radius: 30px;
}
.btn_ a:hover{
  color: #003894 !important;
  background-color: #fff;
  border: 1px solid #003058;
}
.list_ img{
  width: auto;
  vertical-align: middle;
  padding: 5%;
  display: inline-block;
}
}

@media only print, only screen and (min-width: 1100px){
.sp,
.tab,
.tab_sp{
  display:none;
}
.pc,
.pc_tab{
  display:block;
}

.inner_{
  margin: 10% 5%;
}
h1,h2{
margin: 5% 0;
}
h3{
  margin: 0 0 20px 0;
}
.w_45{
  width: 45%;
}
.w_50{
  width: 50%;
}
section{
  margin: 5% auto;
  padding: 5% 0;
  border-top: 1px solid #ebebeb;
  text-align: center;
}
.section_{
  margin: 0 1% 0%;
  padding: 5% 1%;
}
.icon_{
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.text_{
  width: 52%;
  display: inline-block;
  vertical-align: middle;
  line-height: 2;
  margin: 0;
  text-align: left;
}
.btn_ {
  margin: 5% auto 0;
  text-align: center;
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.btn_ a {
  border: 1px solid #003058;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-size: 12px;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  background-color: #003058;
  width: 50%;
  border-radius: 30px;
}
.btn_ a:hover{
  color: #003894 !important;
  background-color: #fff;
  border: 1px solid #003058;
}
.list_ img{
  width: auto;
  vertical-align: middle;
  padding: 5%;
  display: inline-block;
}
.list_{
  width: 30%;
  background: #000000;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  margin: 0 2% 0 0;
}
.list_:last-child{
  margin: 0;
}
.feature_ {
  margin: 0 1% 5%;
  width: 30%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.feature_ p{
  font-size: 12px;
}
.footer_sns_ {
  border-radius: 35px;
  background: #ffffff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  display: inline-block;
  margin: 30px 5px;
}
#page-top a {
  text-decoration: none;
  color: #003058;
  width: auto;
  padding: 0 0 300px 0;
  text-align: center;
  display: block;
}
}