@charset "utf-8";
/* =============================================================================
   page
   ========================================================================== */
/* yuimakoji ----------------------*/
.p-yuimakoji {
}
.p-yuimakoji__main {
   margin-bottom: calc(85/1600*100vw);
   position: relative;
   height: calc(684/1600*100vw);
}
.p-yuimakoji__main img{
   max-width: 684px;
   width: calc(684/1600*100vw);
   height: auto;
   position: absolute;
   top:0;
   left:0;
}
.p-yuimakoji__mainText{
   color: #fff;
   background: #65386f;
   max-width: 520px;
   width: calc(520/1600*100vw);
   height: auto;
   position: absolute;
   top:calc(60/1600*100vw);
   right:0;
}
.p-yuimakoji__mainText .c-caption{
   margin: calc(100/1600*100vw) calc(90/1600*100vw);
   display: block;
   line-height: 2.0em;
   font-size: calc(18/1600*100vw);
}
@media only screen and (min-width: 1600px) {
   .p-yuimakoji__mainText .c-caption{
      margin: 100px 90px;
      font-size: 18px;
   }
}
@media only screen and (max-width: 1420px) {
   .p-yuimakoji__mainText {
      width: calc(580/1600*100vw);
   }
   .p-yuimakoji__mainText .c-caption{
      margin: calc(100*.8/1600*100vw) calc(90*.8/1600*100vw);
      font-size: calc(21/1600*100vw);
   }
}

@media only screen and (max-width: 768px) {
   .p-yuimakoji__main {
      /* margin-bottom: calc(85/1600*100vw);
      position: relative;
      height: calc(684/1600*100vw); */
      position: unset;
      height: auto;
   }
   .p-yuimakoji__main img{
      width: 100%;
      position: unset;
      /* width: calc(684/1600*100vw);
      height: auto;
      position: absolute;
      top:0;
      left:0; */
   }
   .p-yuimakoji__mainText{
      position: unset;
      top:0;
      max-width: unset;
      width: 100%;
      margin: 0;
      padding: 0;
      display: block;
   }
   .p-yuimakoji__mainText .c-caption{
      margin: 0;
      padding: calc(50/750*100vw);
      font-size: 16px;
   }
}


.p-yuimakoji__contents{
   text-align: left;
}
.p-yuimakoji__contentsList{
   width: calc(1436/1600*100vw);
   max-width: 1436px;
   margin: 0 auto;
}

.p-yuimakoji__contentsListItem{}
.p-yuimakoji__contentsListItem:nth-child(1){
   width: calc(506/1436*100vw);
   margin-right: calc(70/1436*100vw);
}
.p-yuimakoji__contentsListItem:nth-child(2){
   width: calc(861/1436*100vw);
   /* margin-top: calc(190/1600*100vw); */
}
.p-yuimakoji__contentsListItem:nth-child(2) .c-caption{
   width: calc(640/1600*100vw);
   margin: calc(40/1600*100vw) 0 calc(70/1600*100vw);
}

@media only screen and (max-width: 768px) {
   .p-yuimakoji__contents{
      width: calc(640/750*100vw);
      margin: 0 auto;
   }
   .p-yuimakoji__contentsList{
      max-width: 100%;
   }
   .p-yuimakoji__contentsListItem:nth-child(1){
      width: 100%;
      margin-right: 0;
   }
   .p-yuimakoji__contentsListItem:nth-child(1) img{
      width: 100%;
   }
   .p-yuimakoji__contentsListItem:nth-child(2){
      width: 100%;
      margin-top: calc(30/650*100%);
   }
   .p-yuimakoji__contentsListItem:nth-child(2) .c-caption{
      width: 100%;
      margin: calc(70/750*100vw) 0 calc(80/750*100vw);
   }

}