@charset "utf-8";

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

mainimg

----------------------------------------------------- */
#mainimg {
width: 100%;
height: 600px;
margin: 0 auto;
overflow: hidden;
}

.mainimgbox {
height: 100%;
position: relative;
}

.mainimg_photo {
width: 100%;
position: relative
z-index: -1;
}

.mainimg_photo img {
max-width: inherit;
width: 100%;
height: auto;
}

.mainimg_txt {
width: 100%;
top:50%;
left: 0;
margin: 0 auto;
position: absolute;
z-index: 10;
transform: translateY(-50%);
}

.mainimg_txtbox {
width: 1280px;
text-align: left;
color: #FFF;
margin: 0 auto;
padding: 0 1em ;
}

.mainimg_txtbox h2 {
font-size: 2.4rem;
margin-bottom: 0.2em;
}

.mainimg_txtbox p {
font-size : 3.2rem;
font-weight: 500;
line-height: 1.6;
}

@media screen and (max-width: 768px) {
    /* mainimg */
    #mainimg {
    height: 180px;
    }
    .mainimg_txt {
    max-width: 100%;
    min-width: 100%;
    }
    .mainimg_txtbox h2 {
    font-size: 2.0rem;
    }
    .mainimg_txtbox p {
    font-size : 1.4rem;
    }
    .mainimg_txtbox {
    top:50%;
    left: 2%;
    }
}

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

Information

----------------------------------------------------- */
#information {
max-width: 1280px;
min-width: 1040px;
padding: 2em 1em;
margin: 0 auto;
}

.informationbox {
width: 100%;
padding: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.informationbox_l {
width: 220px;
text-align: left;
}

.informationbox_r {
flex:1;
min-width:0;
padding-top: 1.4em;
text-align: left;
}

.informationbox_l h3 {
font-size: 4.8rem;
font-weight: 500;
line-height: 1.5;
color: #0075C1;
margin:0;
}

.informationbox_l p {
font-size: 1.8rem;
font-weight: 500;
color: #0075C1;
padding-left: 0.2em;
}

.informationbox_l p.more a {
width: 136px;
display: block;
color: #0075C1;
font-size: 1.4rem;
text-align: center;
padding: 0.2em 0 0.3em 0;
border:1px solid #0075C1;
border-radius: 50vh;
text-decoration: none;
transition: 0.6s;
}

.informationbox_l p.more a:hover {
color:#FFF;
background-color: #0075C1;
}

.informationbox_r dl {
wdith: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: 1px solid #CCC;
}

.informationbox_r dl dt {
width:30%;
letter-spacing: 0.1em;
}

.informationbox_r dl dt span {
width: 140px;
font-size: 1.5rem;
display: inline-block;
}

.informationbox_r dl dt span a {
display: block;
color: #FFF;
border:1px solid #0075C1;
border-radius: 50vh;
padding: 0.3em 0.6em;
margin-left: 2em;
line-height: 1.2;
text-align: center;
letter-spacing: 0;
text-decoration: none;
transition: 0.6s;
}

.informationbox_r dl dt span a:hover {
opacity: 0.5;
}

.informationbox_r dl dt span.color1 a {
color: #FFF;
background-color: #0075C1;
}

.informationbox_r dl dt span.color2 a {
color: #0075C1;
background-color: #FFF;
}

.informationbox_r dl dd {
width: 70%;
}

.informationbox_r dl dd a {
color:#181818;
text-decoration: none;
}

.informationbox_r dl dd a:hover {
text-decoration: underline;
}

@media screen and (max-width: 768px) {
    /* Information */
    #information {
    max-width: 90%;
    min-width: 90%;
    margin: 0 auto;
    padding: 1em 0;
    }
    .informationbox {
    display: block;
    }
    .informationbox_l {
    width: 100%;
    position: relative;
    }
    .informationbox_l h3 {
    font-size: 3.6rem;
    }
    .informationbox_l p {
    font-size: 1.4rem;
    }
    .informationbox_l p.more {
    position: absolute;
    top: 2rem;
    right: 0;
    }
    .informationbox_l p.more a {
    width: 100px;
    padding: 0 1em;
    }
    .informationbox_r {
    flex:none;
    }
    .informationbox_r dl {
    display: block;
    }
    .informationbox_r dl:last-child {
    border-bottom: 0;
    }
    .informationbox_r dl dt {
    width: 100%;
    }
    .informationbox_r dl dt span {
    width: auto;
    font-size: 1.4rem;
    }
    .informationbox_r dl dd {
    width: 100%;
    }
}

.sliderArea {
background: #fff;
overflow: hidden;
}

.sliderWide {
max-width: 100%;
margin: 0 auto;
 padding: 0;
}
.sliderWide .slick-arrow {
  opacity: 0;
  transition-duration: 0.3s;
}
.sliderWide:hover .slick-arrow {
  opacity: 1;
}
.slider {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.slider .slick-list {
  overflow: visible;
}
.slider .slick-track {}
.slider .slick-slide {
  padding: 0;
  opacity: .5;
  transition-duration: 0.3s;
}
.slider .slick-slide.slick-current {
  opacity: 1;
}
.slider .slick-slide a {
  display: block;
}
.slider .slick-slide a:hover {
  display: block;
  opacity: .7;
}
.slider img {
  height: auto;
  width: 100%;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-dots {
  bottom: -33px;
}