@charset "utf-8";

.wrap_photo{background-color:#f5f5f5;}
.wrap_photo .inner{ display: flex; max-width: 1920px; justify-content: space-between; padding-right: 156px; padding-bottom: 160px; width:100%;}
.wrap_photo .inner > li{width:100%;}
.wrap_photo .thumb::before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 110px;height: 79px;background-image: url("../images/video-play-icon.png");background-size: contain;pointer-events: none;z-index: 1;}
.wrap_photo .thumb{max-width: 960px;width: 56%;height: 600px;border-radius: 0 25px 25px 0;overflow: hidden;margin-right: 3%;display:inline-block;vertical-align:top;position:relative;}
.wrap_photo .thumb img{width:100%;height:100%;}
.wrap_photo .thumb:after{content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:absolute;left:0;top:0;}
.wrap_photo .con{max-width: 720px;padding-top: 20px;display:inline-block;vertical-align:top;width: 40%;position: relative;}
.wrap_photo .title{ font-size: 50px; line-height: 1.5; letter-spacing: -0.05em; margin-bottom: 58px;}
.wrap_photo .title strong { font-family: "Dream Bold"; }

.wrap_photo .subjectText{margin-bottom:110px;position: relative;}
.wrap_photo .subjectText span {display: block;font-size: 30px;line-height: 1.5;letter-spacing: -0.05em;font-family: "Dream Regular";color: #222;height: 90px;overflow: hidden;}
.wrap_photo .subjectText::before { content: ""; position: absolute; left: 0; bottom: -57px; width: 90px; height: 3px; background-color: #010101; }
.wrap_photo .content span {margin-bottom: 42px;letter-spacing: -0.05em;line-height: 30px;font-family: "Dream Regular";color: #666;display: block;height: 120px;overflow: hidden;}
.wrap_photo .content em { color: #1ead4c; letter-spacing: -0.05em; line-height: 1.5; }
.wrap_photo .dateA,
.wrap_photo .dateB{display: none;}

.wrap_photo .more {position: absolute;top: 30px;right: 0;display: inline-block;width: 60px;height: 60px;border: 1px solid #aeaeae;border-radius: 20px;background-color: #fff;text-indent: -9999px !important;z-index: 9;}
.wrap_photo .more::before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -1px; width: 14px; height: 2px; background-color: #aeaeae; }
.wrap_photo .more::after { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -7px; width: 2px; height: 14px; background-color: #aeaeae; }

.wrap_photo .subject:hover{color:#000;}

@media (max-width: 1700px) {
.wrap_photo .thumb{height:500px;}
.wrap_photo .title{margin-bottom:20px;}
.wrap_photo .subjectText::before{bottom: -25px;}
.wrap_photo .subjectText{margin-bottom:50px;}
}

@media (max-width: 1600px) {
  .wrap_photo .inner{ padding-left: 0 !important; padding-right: 0 !important; }
  .wrap_photo .more { margin-right: 20px; margin-left: 10px; }
}


@media (max-width: 1300px) {
  .wrap_photo .thumb{height:400px;}
}

@media (max-width: 1200px) {
  /* [S] promotion-video */
  .wrap_photo .inner { padding-bottom: 130px; }
  .wrap_photo .title {margin-bottom: 30px;max-width: 80%;line-height: 1.2;}
  .wrap_photo .subjectText span {font-size: 27px;margin-bottom: 90px;height: 80px;}
  .wrap_photo .subjectText::before { bottom: -46px; }
  .wrap_photo .content span { margin-bottom: 32px; }
}

@media (max-width: 1023px) {
   .wrap_photo .inner { padding-bottom: 96px; flex-direction: column; padding-left: 20px !important; padding-right: 20px !important; }
   .wrap_photo .thumb { width: 100%; }
   .wrap_photo .con {width: 100%;padding-top: 50px;max-width: 100%;}
   .wrap_photo .more{top: 50px;width: 40px;height: 40px;}
}

@media (max-width: 768px) {
  /* [S] promotion-video */
   .wrap_photo .thumb{height:auto;}
   .wrap_photo .con .title {margin-bottom: 30px;font-size: 34px;}
   .wrap_photo .subjectText span {font-size: 22px;margin-bottom: 70px;height: 62px;}
   .wrap_photo .subjectText::before { bottom: -36px; }
   .wrap_photo .content span { margin-bottom: 22px; }
}