@font-face {
  font-family: 'DENSOTP2017-Bold';
  src: url("../fonts/DENSOTP2017-Bold.woff") format("woff")
}
@font-face {
  font-family: 'DENSOTP2017-Regular';
  src: url("../fonts/DENSOTP2017-Regular.woff") format("woff")
}
@font-face {
  font-family: 'DENSOTP2017-Light';
  src: url("../fonts/DENSOTP2017-Light.woff") format("woff")
}
html {
  font-size: .5208333333vw
}
@media (max-width: 959px) {
  html {
    font-size: 1.3333333333vw
  }
}
body {
  width: 100%;
  margin: auto;
  color: #595757;
  font-family: DENSOTP2017-Light, 'Helvetica', 'Arial', sans-serif;
  font-size: 2.1rem;
  line-height: 1;
  position: relative;
  animation: fadeIn 4s ease 0s 1 normal;
  -webkit-animation: fadeIn 4s ease 0s 1 normal
}
@media (max-width: 959px) {
  body {
    font-size: 2.4rem;
    font-feature-settings: "palt";
    letter-spacing: .05em
  }
}
a {
  text-decoration: none;
  cursor: pointer;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
  animation: fadeIn 2s ease 0s 1 normal
}
a:hover {
  color: #dc0032;
  transition: .3s ease-in-out
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.pc {
  display: block !important
}
@media (max-width: 959px) {
  .pc {
    display: none !important
  }
}
.sp {
  display: none !important
}
@media (max-width: 959px) {
  .sp {
    display: block !important
  }
}
@media (max-width: 959px) {
  .title {
  margin: 20vw 0 10vw 0;
  }
}
.title div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 12.9166666667vw;
  color: #000000;
  font-family: DENSOTP2017-Bold;
  font-size: 4.9rem;
  line-height: 1.3;
  position: relative;
  padding-left: 7.5vw;
}
@media (max-width: 959px) {
  .title div {
    justify-content: center;
    height: 27.4666666667vw;
    font-size: 4rem;
    padding-left: 15.3333333333vw
  }
}
.title div::before {
  content: '';
  background: url(../image/common/bg_title.png) no-repeat top left;
  background-size: contain;
  width: 5.2604166667vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
@media (max-width: 959px) {
  .title div::before {
    width: 10.8vw
  }
}
.title div span {
  color: #dc0032;
  font-family: DENSOTP2017-Regular;
  font-size: 2.8rem;
  margin-bottom: 1.1458333333vw
}
@media (max-width: 959px) {
  .title div span {
    font-size: 2.7rem;
    margin-bottom: 1.3333333333vw
  }
}
.title div p {
  font-family: DENSOTP2017-Light;
  font-size: 1.6rem;
  margin-top: 2.6041666667vw
}
.title div p.text {
  font-size: 2rem;
  margin-top: 1vw;
  line-height: 1.6
}
@media (max-width: 959px){
.title div p {
  font-size: 2rem;
}
}

.container {
  width: 55.2083333333vw;
  margin: 0 auto
}
@media (max-width: 959px) {
  .container {
    width: 100%;
    padding: 0 3.3333333333vw
  }
}
.contents {
  padding-left: 7.5vw
}
@media (max-width: 959px) {
  .contents {
    padding: 0;
    margin: 0 3.3333333333vw
  }
}





.inner_contents {
  padding: 0 9.8958333333vw 0 10.4166666667vw
}
@media (max-width: 959px) {
  .inner_contents {
    padding: 0 2.6666666667vw 0 2.6666666667vw
  }
}
.col2_block {
  display: flex;
  flex-wrap: wrap
}
.txt_area {
  line-height: 2
}
.area_center {
  display: flex
}
.area_center ul li span {
  color: #dc0032;
  font-weight: bold
}
.link_box {
  background-color: inherit;
  text-align: center;
  color: #ffffff;
  padding: 0
}
.link_box a {
  background-color: #dc0032;
  display: block;
  padding: 1.6em;
  position: relative;
  font-size: 2.9rem;
  font-family: DENSOTP2017-Bold;
  letter-spacing: .2em
}
@media (max-width: 959px) {
  .link_box a {
    padding: 5.3333333333vw;
    font-size: 2.5rem
  }
}

.link_box a.others {
  background-color: #fff;
  display: block;
  padding: 1.6em;
  position: relative;
  font-size: 2.9rem;
  font-family: DENSOTP2017-Bold;
  letter-spacing: .2em;
  color: #dc0032;
  border: solid 2px #dc0032;
}
@media (max-width: 959px) {
  .link_box a.others {
    padding: 5.3333333333vw;
    font-size: 2.5rem
  }
}
.link_box a.others:hover {
  color: #dc0032;
  opacity: .7
}



.link_box a::after {
  content: '';
background: url("../image/common/icon-arr-red.png") no-repeat;
  background-size: contain;
  width: 11px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -7px
}
.link_box a:hover {
  color: white;
  opacity: .7
}



.slider div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}
.slider div.slider00 {
  background-image:url("../image/logistics/slider00.jpg");
}
.slider div.slider01 {
  background-image:url("../image/logistics/slider02.jpg");
}

.slider div.slider02 {
  background-image:url("../image/logistics/slider01.jpg");
}
.slider div.slider03 {
  background-image:url("../image/logistics/slider03.jpg");
}
/*.slider div.slider03 {
  background-image:url("../image/logistics/slider03.jpg");
}*/

@media (max-width: 959px){
.slider div {
    height: 85vh;
    width: 100%;
}
.slider div.slider00 {
  background-image:url("../image/logistics/slider00_sp.jpg");
}
.slider div.slider01 {
  background-image:url("../image/logistics/slider02_sp.jpg");
}
.slider div.slider02 {
  background-image:url("../image/logistics/slider01_sp.jpg");
}
.slider div.slider03 {
  background-image:url("../image/logistics/slider03_sp.jpg");
}
/*.slider div.slider03 {
  background-image:url("../image/logistics/slider03_sp.jpg");
}*/
}




.top_wrapper {
  width: 100%;
  font-family: DENSOTP2017-Bold;
  color: #fff;
  position: relative;
  overflow: hidden
}
@media (max-width: 959px) {
  .top_wrapper {
    margin-bottom: 0
  }
}
.top_wrapper__video-wrap {
  width: 100%;
  height: 100vh
}
.top_wrapper__video {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%
}
.top_wrapper__logo {
  width: 8.3333333333vw;
  position: absolute;
  top: 2.8125vw;
  left: 2.8125vw;
  z-index: 100
}
@media (max-width: 959px) {
  .top_wrapper__logo {
    display: none
  }
}
.top_wrapper__logo svg {
  width: 100%;
  fill: #fff
}
.top_wrapper__catch-wrap {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: white;
  animation-name: bg;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
  z-index: 9
}
@keyframes bg {
  0% {
    opacity: 1
  }
  95% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.top_wrapper__catch {
  width: 100%;
  font-family: DENSOTP2017-Bold;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 0;
  margin-bottom: 9.375vw;
  font-size: 4.1666666667vw;
  color: #c62b42;
  animation-name: animationZoom;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
  z-index: 10
}
@media (max-width: 959px) {
  .top_wrapper__catch {
    text-align: left;
    margin-left: 17%;
    font-size: 8.2666666667vw;
    line-height: 1.5em
  }
}
@keyframes animationZoom {
  0% {
    opacity: 0
  }
  50% {
    opacity: .7
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0;
    transform: scale(1.1, 1.1)
  }
}
.top_wrapper .animation-move {
  transform: skew(72rad);
  animation-duration: 1.8s;
  animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
  animation-delay: 3s;
  animation-direction: normal;
  animation-fill-mode: backwards;
  animation-play-state: running
}
@media (max-width: 959px) {
  .top_wrapper .animation-move {
    transform: skew(-10deg, -10deg)
  }
}
.top_wrapper .diamond-left {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #dc0032;
  position: absolute;
  top: 0;
  left: -115vw;
  animation-name: move-left;
  z-index: 12
}
@media (max-width: 959px) {
  .top_wrapper .diamond-left {
    height: 200vh;
    top: -50%
  }
}
@keyframes move-left {
  0% {
    left: -115vw
  }
  100% {
    left: 115vw
  }
}
.top_wrapper .diamond-right {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #dc0032;
  opacity: .7;
  position: absolute;
  top: 0;
  right: -115vw;
  animation-name: move-right;
  z-index: 11
}
@media (max-width: 959px) {
  .top_wrapper .diamond-right {
    height: 200vh;
    top: -50%
  }
}
@keyframes move-right {
  0% {
    right: -115vw
  }
  100% {
    right: 115vw
  }
}
.top_wrapper__title {
  opacity: 0;
  width: 100%;
  font-family: DENSOTP2017-Bold;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin-bottom: 9.375vw;
  animation-name: appeare;
  animation-duration: .5s;
  animation-timing-function: linear;
  animation-delay: 4.2s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running
}
@media (max-width: 959px) {
  .top_wrapper__title {
    top: 40%;
    width: 80%;
    text-align: left
  }
}
.top_wrapper__title-large {
  font-size: 7.8125vw;
  margin-bottom: 1.0416666667vw
}
@media (max-width: 959px) {
  .top_wrapper__title-large {
    font-size: 12.4vw;
    margin-bottom: 3.125vw;
    line-height: 1.2em
  }
}
.top_wrapper__title-large sup {
  font-size: 4.2708333333vw;
  vertical-align: top;
  position: relative;
  top: .5em
}
@media (max-width: 959px) {
  .top_wrapper__title-large sup {
    top: .1em;
    font-size: 6.6666666667vw
  }
}
.top_wrapper__title-small {
  font-size: 5.1041666667vw
}
@media (max-width: 959px) {
  .top_wrapper__title-small {
    font-size: 7.6vw
  }
}
@keyframes appeare {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.top_title {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: 100;
text-align: center;

}
.top_title img{
width: 100%;
max-width: 1100px;
padding: 5%;

}

@media (max-width: 959px){
.top_title img{
width: 100%;
max-width: 600px;
padding: 5%;

}


}



.top_wrapper__late {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 1.5625vw;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  animation-name: appeare2;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
  z-index: 100
}
@media (max-width: 959px) {
.top_wrapper__late {
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    top: 75%;
    left: 50%;
    bottom: 0;
    width: 100%;
  }
}
.top_wrapper__late-text {
  width: 100%;
  font-size: 2.1875vw;
  text-align: center;
  font-family: DENSOTP2017-Bold
}
@media (max-width: 959px) {
  .top_wrapper__late-text {
    font-size: 4.2666666667vw
  }
}
.top_wrapper__late-button {
  width: 100%;
  margin-top: 4.1666666667vw;
  text-align: center
}
@media (max-width: 959px) {
  .top_wrapper__late-button {
    margin-top: 16vw
  }
}
.top_wrapper__late-button img {
  width: 4.2708333333vw
}
@media (max-width: 959px) {
  .top_wrapper__late-button img {
    width: 10.8vw
  }
}
.top_wrapper__late-button a {
  display: block;
  animation: jump ease-out 1s infinite alternate
}
@media (max-width: 959px) {
  .top_wrapper__late-button a {
    animation: jumpSp ease-out 1s infinite alternate
  }
}
@keyframes appeare2 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes jump {
  0% {
    transform: translateY(0)
  }
  100% {
    transform: translateY(-2.0833333333vw)
  }
}
@keyframes jumpSp {
  0% {
    transform: translateY(0)
  }
  100% {
    transform: translateY(-10vw)
  }
}
@media all and (-ms-high-contrast: none) {
  .top_wrapper__video-wrap {
    display: none
  }
  .top_wrapper__late {
    display: none
  }
}
header {
  position: sticky;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1
}
@media (max-width: 959px) {
  header {
    display: none
  }
}
.nav_wrapper {
  position: relative;
  padding: 1.3020833333vw 0;
  margin: 0 auto 4.1666666667vw
}
.nav_wrapper__logo {
  width: 7.2916666667vw;
  position: absolute;
  top: 1.3020833333vw;
  left: 1.3020833333vw;
  height: 100%
}
.nav_wrapper__logo svg {
  width: 100%;
  fill: #dc0032
}
.nav_wrapper ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 59.2708333333vw;
  margin-left: auto
}
.nav_wrapper li {
  width: 20%;
  max-width: 100%;
  font-size: 1.09375vw;
  font-family: DENSOTP2017-Regular;
  text-align: center;
  position: relative
}

.nav_wrapper li::before {
  content: '';
  background: url(../image/common/bg_title.png) no-repeat top left;
  background-size: contain;
  width: .5729166667vw;
  height: 2.0833333333vw;
  position: absolute;
  top: -.0520833333vw;
  left: 0
}
.nav_wrapper li:last-of-type {
  background-image: url("../image/common/c_back.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.nav_wrapper li:last-of-type a {
  display: block;
  padding: .4em 0 .5em;
    color: #fff;
}
.nav_wrapper li:last-of-type a:hover {
  color: white;
  opacity: .7
}
.nav_wrapper li:last-of-type::before {
  content: '';
  background: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0
}
@media all and (-ms-high-contrast: none) {
  .nav_wrapper__logo {
    top: .5208333333vw
  }
}
.sp-nav {
  display: none
}
@media (max-width: 959px) {
  .sp-nav {
    display: block;
    position: fixed;
    z-index: 102;
    width: 100%;
    height: 13.3333333333vw
  }
}
.sp-nav__logo {
  width: 21.3333333333vw;
  position: absolute;
  top: 2.8125vw;
  left: 2.8125vw;
  z-index: 101
}
.sp-nav__logo svg {
  width: 100%;
  fill: white
}
.sp-nav .hamburger {
  display: block;
  position: fixed;
  top: 1.3333333333vw;
  right: 5.3333333333vw;
  width: 6.6666666667vw;
  cursor: pointer;
  z-index: 101
}
.sp-nav .hamburger span {
  display: block;
  position: absolute;
  left: .8vw;
  width: 6.6666666667vw;
  border-bottom: solid .8vw #fff;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out
}
.sp-nav .hamburger span:nth-child(1) {
  top: 2vw
}
.sp-nav .hamburger span:nth-child(2) {
  top: 4.1333333333vw
}
.sp-nav .hamburger span:nth-child(3) {
  top: 6.2666666667vw
}
.sp-nav .hamburger.active span:nth-child(1) {
  top: 4vw;
  left: .8vw;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.sp-nav .hamburger.active span:nth-child(2), .sp-nav .hamburger.active span:nth-child(3) {
  top: 4vw;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg)
}
.sp-nav .hamburger-menu {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  font-weight: bold;
  color: white;
  transform: translateX(100%);
  transition: all .3s;
  width: 100%;
  height: 100vh;
  background-color: #dc0032
}
.sp-nav .hamburger-menu .oblique {
  display: table;
  width: 100%;
  height: 5px;
  background-color: white;
  transform: skewY(-72deg);
  margin-top: 1vw
}
.sp-nav .hamburger-menu ul {
  width: 100%;
  margin: 34.6666666667vw auto 0;
  padding-left: 46.6666666667vw;
  position: relative
}
.sp-nav .hamburger-menu li {
  margin-bottom: 13.3333333333vw
}
.sp-nav .hamburger-menu li a {
  font-size: 3.8rem;
  display: block;
  cursor: pointer;
  color: white;
  position: relative
}
.sp-nav .hamburger-menu li:first-of-type {
  margin-left: -1.3333333333vw
}
.sp-nav .hamburger-menu li:nth-of-type(2) {
  margin-left: -8vw
}
.sp-nav .hamburger-menu li:nth-of-type(3) {
  margin-left: -13.3333333333vw
}
.sp-nav .hamburger-menu li:nth-of-type(4) {
  margin-left: -18.6666666667vw
}
.sp-nav .hamburger-menu li:last-of-type {
  width: 80%;
  margin-left: -14.333333vw;
  background-color: #fff;
  color: #dc0032;
  letter-spacing: 0.2em;
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  transform: skewX(-20deg)
}
.sp-nav .hamburger-menu li:last-of-type a {
  font-size: 3rem;
  padding: 10px;
  color: #dc0032;
  text-align: center;
  position: relative;
  font-family: DENSOTP2017-Bold;
  transform: skewX(20deg)
}
.sp-nav .hamburger-menu.active {
  transform: translateX(0%)
}


.logistics_course {
  line-height: 2;
}
.logistics_course span{
color: #dc0032;
font-weight: bold;
}
@media (max-width: 959px) {
  .logistics_course {
    margin-bottom: 0
  }
}
.logistics_course__text {
  margin-bottom: 3.90625vw
}
@media (max-width: 959px) {
  .logistics_course__text {
    margin-bottom: 10vw;
    font-feature-settings: "palt";
    letter-spacing: .04em
  }
}
.logistics_course__image {
  margin: 0 -11.875vw 3.6458333333vw 0
}
@media (max-width: 959px) {
  .logistics_course__image {
    margin: 0 -3.3333333333vw 6.6666666667vw -3.3333333333vw
  }
}
.logistics_course__image img {
  width: 100%
}
.logistics_course__inner-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 1.9791666667vw;
  font-family: DENSOTP2017-Bold;
  font-size: 2.2rem;
  position: relative;
  padding-left: 2.0833333333vw;
  margin: 0 0 1.0416666667vw -1.5625vw
}
@media (max-width: 959px) {
  .logistics_course__inner-title {
    height: 5.3333333333vw;
    font-size: 2.4rem;
    padding-left: 4vw;
    margin: 0 0 4vw -3.3333333333vw
  }
}
.logistics_course__inner-title::before {
  content: '';
  background: url(../image/common/diagonal-line-small.png) no-repeat top left;
  background-size: contain;
  width: 1.25vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
@media (max-width: 959px) {
  .logistics_course__inner-title::before {
    width: 2.6666666667vw
  }
}
.logistics_course__inner ul {
  font-feature-settings: "palt"
}
.logistics_course__inner ul li {
  letter-spacing: 1px
}
@media (max-width: 959px) {
  .logistics_course__inner ul li {
    letter-spacing: .05em
  }
}

.logistics_course .logistics_course__inner-title{
margin-top: 50px;
}


.logistics_schedule_box{
width: 55.2083333333vw;
margin: 30px auto 30px auto;
padding-left: 7px;
}
.logistics_schedule_box img {
    width: 100%;
}
.logistics_schedule_box .schedule{
width: 100%;
border-collapse: separate;
margin-bottom: 0.5208333333vw;
}

.logistics_schedule_box .schedule th{
width: 10%;
background: #E8ECEF;
padding: 4% 0;
border-right: 10px solid #FFF;
border-bottom: solid 1px #fff;
}
.logistics_schedule_box .schedule td{
width: 100%;
border-top: 1px solid #C9CACA;
border-bottom: 1px solid #C9CACA;
text-align: left;
padding: 3% 0;
}
.logistics_schedule_box .schedule td{
display: flex;
align-items: center;
justify-content: space-around;
}
.logistics_schedule_box .schedule td p{
font-size: 1.8rem;
font-feature-settings: "palt";
letter-spacing: .05em;
line-height: 1.5em;
display: block;
}
.logistics_schedule_box .schedule td div{
width: 100%;
}
.logistics_schedule_box .schedule td div:nth-of-type(1){
border-right: 0px solid #C9CACA;
}
.logistics_schedule_box .schedule tr.under td{
border-top: 0px;
border-bottom: 1px solid #C9CACA;
}
.logistics_schedule_box .annotation{
font-size: 1.8rem;
font-feature-settings: "palt";
letter-spacing: .05em;
line-height: 1.5em;
}
.logistics_schedule_box span.small{
font-size: 1.4rem;
font-feature-settings: "palt";
letter-spacing: .05em;
line-height: 1.5em;
}
.logistics_schedule_box span.red{
color: #dc0032;
}
.logistics_schedule_box .link_box {
    margin: 5% 0 20% 0;
}

@media (max-width: 959px){
.logistics_schedule_box {
width: 100%;
padding: 0 1.333333vw;
margin-bottom: 0;
}

.logistics_schedule_box .schedule th {
width: 13.3333333333vw;
}
.logistics_schedule_box .schedule td {
width: 100%;
text-align: left;
padding: 0;
flex-direction: column;
}
.logistics_schedule_box .schedule td div {
width: 90%;
padding: 10px 0;
}
.logistics_schedule_box .schedule td div:nth-of-type(1) {
border-bottom: 0px solid #C9CACA;
border-right: none;
}
.logistics_schedule_box .schedule td p{
font-size: 2.4rem;
}
.logistics_schedule_box .annotation{
font-size: 2rem;
line-height: 1.6em;
}
.logistics_schedule_box .feature{
padding: 0 20px;
}




}




.container a{
margin-top: 15px;
display: block;
}
.container .link_box{
margin-top: 30px;
}



.information__ie {
  display: none
}
@media (max-width: 959px) {
  .information {
    padding-top: 8.6666666667vw
  }
}
.information h3 {
  font-family: DENSOTP2017-Bold;
  font-size: 2.6rem;
  margin-bottom: 2.34375vw
}
@media (max-width: 959px) {
  .information h3 {
    font-size: 3.2rem;
    margin-bottom: 5.3333333333vw;
    padding-left: 3.3333333333vw;
  }
}
.information h3 span {
  font-family: DENSOTP2017-Light;
  font-weight: nomal;
  font-size: 1.8rem;
}


.information__venue {
  margin-bottom: 5.9895833333vw
}
@media (max-width: 959px) {
  .information__venue {
    margin-bottom: 16vw
  }
}
@media (max-width: 959px) {
  .information__venue__map {
    margin: 0 -3.3333333333vw 2.6666666667vw -3.3333333333vw
  }
}
.information__venue__map ul {
  display: flex;
  justify-content: space-between
}
@media (max-width: 959px) {
  .information__venue__map ul {
    flex-direction: column;
    justify-content: initial
  }
}
.information__venue__map li {
  width: 27.34375vw
}
@media (max-width: 959px) {
  .information__venue__map li {
    width: 100%;
    height: 66.6666666667vw;
    border: none
  }
}
@media (max-width: 959px) {
  .information__venue__map li:last-child {
    margin-top: 1.3333333333vw
  }
}
.information__venue__map iframe {
  padding: .0520833333vw
}
.information__venue__map img {
  padding: .5208333333vw
}
.information__venue__info {
  margin-top: 1.8229166667vw
}
@media (max-width: 959px) {
  .information__venue__info {
    margin-top: 0;
    padding: 0 3.3333333333vw
  }
}
.information__venue__info dl {
  display: flex
}
@media (max-width: 959px) {
  .information__venue__info dl {
    display: block
  }
}
.information__venue__info dt {
  font-size: 1.8rem;
  margin-left: 1em
}
@media (max-width: 959px) {
  .information__venue__info dt {
    font-size: 2rem;
    margin-left: 0;
    margin-bottom: 1.5em
  }
}
.information__venue__info dd {
  font-size: 1.6rem;
  letter-spacing: .05em;
  margin-left: 3em
}
@media (max-width: 959px) {
  .information__venue__info dd {
    margin-left: 0;
    font-size: 2rem
  }
}
.information__venue__info dd p + p {
  margin-top: 1em
}
@media (max-width: 959px) {
  .information__venue__info dd p + p {
    margin-top: .5em
  }
}

.information__entry {
  margin-bottom: 5.9895833333vw
}

@media (max-width: 959px) {
  .information__entry {
    margin-bottom: 12vw
  }
}
@media (max-width: 959px) {
  .information__entry a {
padding-left: 3.3333333333vw;
}
  
}
.information__entry h3 {
  margin-bottom: 2.6041666667vw
}

@media (max-width: 959px) {
  .information__entry h3 {
    padding-left: 3.3333333333vw
  }
}

.information__entry h3.date {
  margin-top: 70px;
}
@media (max-width: 959px) {
.information__entry h3.date {
  margin-top: 50px;
}
}

table.date-schedule{
min-width: 50%;
}
table.date-schedule th{
width: 30%;
background: #dae1e5;
font-family: DENSOTP2017-Light;
font-weight: bold;
font-size: 2rem;
padding: 4% 6%;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
letter-spacing: 1px;
}
table.date-schedule td{
width: 60%;
background: #f4f6f7;
font-family: DENSOTP2017-Light;
font-weight: normal;
font-size: 1.8rem;
padding: 4% 6%;
border-right: solid 2px #fff;
border-bottom: solid 2px #fff;
letter-spacing: 1.6px;
}

table.date-schedule strong {
font-family: DENSOTP2017-Bold;
font-size: 2.9rem;
line-height: .8em;
}
@media (max-width: 959px) {
table.date-schedule{
min-width: 100%;
}
}


.information__entry div {
  font-family: DENSOTP2017-Bold;
  font-size: 3rem;
  width: 100%;
  padding: 0;
}
@media (max-width: 959px) {
  .information__entry div {
    padding:0.8em;
    font-size: 4.2rem;
    line-height: 1.5em;
    
  }
}
.information__entry div span {
  font-size: 1.2rem
}
.information__entry div strong {
  font-size: 2rem
}
@media (max-width: 959px) {
  .information__entry div strong {
    font-size: 2.8rem
  }
}
.information__entry p {
  text-align: left;
  margin-top: 1em;
  font-size: 1.6rem;
  line-height: 1.6em
}
@media (max-width: 959px) {
  .information__entry p {
    font-size: 2rem;
    padding-left: 3.3333333333vw
  }
}




@media (max-width: 959px) {
  .information__apply h3 {
    padding-left: 3.3333333333vw
  }
}
.information__apply p {
  line-height: 3rem;
  margin-bottom: 1.0416666667vw
}
@media (max-width: 959px) {
  .information__apply p {
    font-size: 2.4rem;
    line-height: 4rem;
    margin: 0 3.3333333333vw .6666666667vw
  }
}
.information__apply p span {
  display: block;
  color: #dc0032;
  font-family: DENSOTP2017-Bold
}
.information__apply .link_box {
  margin-top: 2.6875vw
}
@media (max-width: 959px) {
  .information__apply .link_box {
    margin-top: 6.6666666667vw
  }
}


.information__apply .annotation{
font-size: 1.6rem;
line-height: 1.6em;
font-feature-settings: "palt";
letter-spacing: 1px;
margin-top: 20px;
}



@media all and (-ms-high-contrast: none) {
  .information__ie {
    display: block
  }
  .grid_area {
    display: none
  }
}
.footer {
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 8.3333333333vw 0 7.2916666667vw
}
@media (max-width: 959px) {
  .footer {
    margin: 10.6666666667vw 0 8vw
  }
}
.footer__title {
  font-size: 2rem;
  margin-bottom: 1.3020833333vw
}
@media (max-width: 959px) {
  .footer__title {
    font-size: 2.4rem;
    margin-bottom: 3.3333333333vw
  }
}
.footer__name {
  line-height: 1.4;
  font-size: 2.8rem;
  margin-bottom: 1.6666666667vw;
  font-family: DENSOTP2017-Regular
}
@media (max-width: 959px) {
  .footer__name {
    font-size: 3rem
  }
}
.footer__name span {
  transform: scale(0.6);
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -.1041666667vw;
  left: -.2083333333vw
}
.footer__info {
  font-size: 1.7rem
}
@media (max-width: 959px) {
  .footer__info {
    font-size: 2.5rem
  }
}
.footer__info p + p {
  margin-top: 1em
}
.curriculum__text p {
  font-size: 1.8rem;
  line-height: 1.4em;
  margin-bottom: 5vw;
}
p.curriculum__lh {
  line-height: 2em;
}
p.curriculum__lh2 {
  line-height: 1.8em;
}

.information__other {
    margin-top: 10%;
}
.information__other ul.link_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
}
.information__other ul.link_box li {
    width: 48%;
    display: block;
    font-size: 1.6em;
}
.information__other ul.link_box li a {
    width: 100%;
    display: block;
}


@media (max-width: 959px) {
  .information__other h3{
  font-size: 2.6rem;
  margin-bottom: 2.34375vw;
  }
  .information__other ul.link_box {
    display: block;
      width: 100%;
  }
    .information__other ul.link_box li {
        width: 100%;
    }

}


/*# sourceMappingURL=style.css.map */