@charset "utf-8";

/* --------------------------------------------
  Movie+Lead
-------------------------------------------- */

.top-grad{
background: rgb(195,203,209);
background: linear-gradient(0deg, rgba(195,203,209,1) 0%, rgba(255,255,255,1) 80%, rgba(255,251,251,1) 100%);
margin-bottom: 60px;
}
/*ムービー部分レスポンシブ対応*/
.mov {
  display: block;
  overflow: hidden;
}
.mov iframe{
  display: block;
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
}


@media print, screen and (max-width: 1219px){
/*ムービー部分レスポンシブ対応*/
.mov {
  position: relative;
  width: 100%;
  padding: calc(686 / 1220 * 100%) 0 0;
}
.mov iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}

@media print, screen and (max-width: 767px){
.top-grad{
background: rgb(183,193,201);
background: linear-gradient(0deg, rgba(183,193,201,1) 0%, rgba(255,251,251,1) 100%);
margin-bottom: 5px;
}
}

/* -------------------------------------------------
  lead-text
------------------------------------------------- */
.text-lead{
  font-size: 2.0rem;
  padding-bottom: 2em;
}
@media print, screen and (max-width: 767px){
.text-lead{
  font-size: 1.8rem;
}
}

/* -------------------------------------------------
  Photo-Block1
------------------------------------------------- */
.photo-block{
  margin-bottom: 50px;
}
/* IE11表示用のCSS　*/
_:-ms-fullscreen, :root .parent1 {
  display: none;
}
/* IE11表示用のCSS　*/
_:-ms-fullscreen, :root .parent2 {
  display: none;
}
/* IE11表示用のCSS　*/
_:-ms-fullscreen, :root .parent3 {
  display: none;
}
_:-ms-fullscreen, :root .parent4 {
  display: none;
}
/* IE11表示用のCSS　*/
_:-ms-fullscreen, :root .parent5 {
  display: none;
}
/* IE11表示用のCSS　*/
_:-ms-fullscreen, :root .parent6 {
  display: none;
}
.ex-ie11{
  display:  none;
}
/* IE11表示用のCSS　*/
_:-ms-fullscreen, :root .ex-ie11 {
  display: block;
}

.parent1 img,
.parent2 img,
.parent3 img,
.parent4 img,
.parent5 img,
.parent6 img{
width:  100%;
overflow: hidden;
}

.parent1{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 5px;
  width: 100%;
}

.parent1 .photo-1{
  grid-row: 1/3;
  grid-column: 1/3;
}
.parent1 .photo-2{
  grid-row: 1/2;
  grid-column: 3/4;
}
.parent1 .photo-3{
  grid-row: 2/4;
  grid-column: 3/4;
}
.parent1 .photo-4{
  grid-row: 3/4;
  grid-column: 1/2;
}
.parent1 .photo-5{
  grid-row: 3/4;
  grid-column: 2/3;
}

.parent2{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 5px;
  width: 100%;
}

.parent2 .photo-1{
  grid-row: 1/2;
  grid-column: 1/2;
}
.parent2 .photo-2{
  grid-row: 2/3;
  grid-column: 1/2;
}
.parent2 .photo-3{
  grid-row: 3/4;
  grid-column: 1/3;
}
.parent2 .photo-4{
  grid-row: 1/3;
  grid-column: 2/4;
}
.parent2 .photo-5{
  grid-row: 3/4;
  grid-column: 3/4;
}

.parent3{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 5px;
  width: 100%;
}

.parent3 .photo-1{
  grid-row: 1/3;
  grid-column: 1/2;
}
.parent3 .photo-2{
  grid-row: 1/3;
  grid-column: 2/3;
}
.parent3 .photo-3{
  grid-row: 1/3;
  grid-column: 3/4;
}
.parent3 .photo-4{
  grid-row: 3/5;
  grid-column: 1/3;
}
.parent3 .photo-5{
  grid-row: 3/4;
  grid-column: 3/4;
}
.parent3 .photo-6{
  grid-row: 4/5;
  grid-column: 3/4;
}
.parent3 .photo-7{
  grid-row: 5/6;
  grid-column: 1/2;
}
.parent3 .photo-8{
  grid-row: 5/6;
  grid-column: 2/3;
}
.parent3 .photo-9{
  grid-row: 5/6;
  grid-column: 3/4;
}
.parent3 .photo-10{
  grid-row: 6/7;
  grid-column: 1/2;
}
.parent3 .photo-11{
  grid-row: 6/7;
  grid-column: 2/4;
}

/*--VOL2--*/

.parent4{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 5px;
  width: 100%;
}

.parent4 .photo-1{
  grid-row: 1/3;
  grid-column: 1/3;
}
.parent4 .photo-2{
  grid-row: 1/2;
  grid-column: 3/4;
}
.parent4 .photo-3{
  grid-row: 2/3;
  grid-column: 3/4;
}
.parent4 .photo-4{
  grid-row: 3/4;
  grid-column: 1/2;
}
.parent4 .photo-5{
  grid-row: 3/4;
  grid-column: 2/4;
}

.parent5{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 5px;
  width: 100%;
}

.parent5 .photo-1{
  grid-row: 1/2;
  grid-column: 1/2;
}
.parent5 .photo-2{
  grid-row: 2/4;
  grid-column: 1/2;
}
.parent5 .photo-3{
  grid-row: 1/3;
  grid-column: 2/4;
}
.parent5 .photo-4{
  grid-row: 3/4;
  grid-column: 2/3;
}
.parent5 .photo-5{
  grid-row: 3/4;
  grid-column: 3/4;
}

.parent6{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 5px;
  width: 100%;
}

.parent6 .photo-1{
  grid-row: 1/3;
  grid-column: 1/2;
}
.parent6 .photo-2{
  grid-row: 1/3;
  grid-column: 2/3;
}
.parent6 .photo-3{
  grid-row: 1/3;
  grid-column: 3/4;
}
.parent6 .photo-4{
  grid-row: 3/5;
  grid-column: 1/3;
}
.parent6 .photo-5{
  grid-row: 3/4;
  grid-column: 3/4;
}
.parent6 .photo-6{
  grid-row: 4/5;
  grid-column: 3/4;
}
.parent6 .photo-7{
  grid-row: 5/6;
  grid-column: 1/2;
}
.parent6 .photo-8{
  grid-row: 6/7;
  grid-column: 1/2;
}
.parent6 .photo-9{
  grid-row: 5/7;
  grid-column: 2/4;
}


@media print, screen and (max-width: 767px){
.photo-block{
  margin-bottom: 40px;
}
 #rwd-content .photo-block .rwd-main-content-group{
    width: 100%!important;
}
}
/* -------------------------------------------------
  Text-Block
------------------------------------------------- */
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/work-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/work-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v13-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

.text-block{
  margin-bottom: 50px;
}
.text-block p{
  font-family: 'Work Sans', sans-serif;
}
.text-block p{
  font-size: 1.8rem;
  color: #333333;
/*background: rgb(62,102,182);
background: linear-gradient(43deg, rgba(62,102,182,1) 0%, rgba(190,94,48,1) 25%, rgba(0,132,246,1) 64%, rgba(37,181,19,1) 81%, rgba(0,32,196,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}

@media print, screen and (max-width: 767px){
.text-block h2{
  font-size: 1.9rem;
  line-height: 1.4;
  margin-bottom: 0.7em;
}
.text-block{
  margin-bottom: 40px;
}
.text-block p{
  font-size: 1.6rem;
}
}
/* -------------------------------------------------
  #bottom-logo
------------------------------------------------- */

.bottom-logo{
  width: 350px;
  display: block;
  margin: 40px auto 0;
}

@media print, screen and (min-width: 768px){
  .bottom-logo a:hover {
    opacity: 0.5;
  }
}

@media print, screen and (max-width:767px){
  .bottom-logo {
    width: 200px;
  }
}


/* -------------------------------------------------
  Modal Zoom
------------------------------------------------- */
a.rwd-modal-link {
    position: relative;
    z-index: 5;
    display: inline-block;
  }
a.rwd-modal-link::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background: rgba(255,255,255,0.65);
    opacity: 0;
    transition: all 0.2s ease-out;
  }
  a.rwd-modal-link::after {
    width: 35px;
    height: 37px;
    content: "";
    display: block;
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 10;
    background: url(../img/ico_001.png) no-repeat center center / contain;
    opacity: 0;
    transition: all 0.2s ease-out;
    transform: rotate(45deg);
  }
  a.rwd-modal-link:hover::before {
    opacity: 1;
  }
  a.rwd-modal-link:hover::after {
    opacity: 1;
    transform: rotate(0deg);
  }