@charset "utf-8";
/* =============================================================================
   page
   ========================================================================== */
/* five ----------------------*/
.p-five {}

/* main */
.p-five__main {
   margin-bottom: calc(90/1600*100vw);
   position: relative;
   max-height: 932px;
   height: calc(932/1600*100vw);
}
.p-five__main img{
   max-width: 667px;
   width: calc(667/1600*100vw);
   height: auto;
   position: absolute;
   top:0;
   left:0;
}
.p-five__mainText{
   color: #fff;
   background: #01b8d1;
   max-width: 520px;
   width: calc(520/1600*100vw);
   height: auto;
   position: absolute;
   top:calc(146/1600*100vw);
   right:0;
   padding: calc(60/1600*100vw);

}
.p-five__mainText .c-caption{
   /* margin: calc(80/1600*100vw) calc(60/1600*100vw); */
   margin-bottom: calc(20/1600*100vw);
   display: block;
   line-height: 1.8em;
   font-size: calc(18/1600*100vw);
}



@media only screen and (min-width: 1600px) {
   .p-five__mainText{
      padding: 60px;
   }
   .p-five__mainText .c-caption{
      font-size: 18px;
   }
}
@media only screen and (max-width: 1420px) {
   .p-five__mainText{
      width: calc(580/1600*100vw);
      padding: calc(50/1600*100vw);
   }
   .p-five__mainText .c-caption{
      font-size: calc(21/1600*100vw);
   }
}
@media only screen and (max-width: 1180px) {
   .p-five__mainText{
      width: calc(680/1600*100vw);
      right: calc(-100/1600*100vw);
   }
   .p-five__mainText .c-caption{
      font-size: calc(23/1600*100vw);
   }
}
@media only screen and (max-width: 768px) {
   .p-five__main {
      position: unset;
      height: auto;
      max-height: unset;
   }
   .p-five__main img{
      width: 100%;
      position: unset;
   }
   .p-five__mainText{
      position: unset;
      top:0;
      max-width: unset;
      width: 100%;
      margin: 0;
      padding: calc(40/750*100vw);
      display: block;
   }
   .p-five__mainText .c-caption{
      font-size: 16px;
      line-height: 2.0em;
   }
}



.p-five__contents{
   text-align: left;
}
.p-five__contentsList{
   width: calc(1436/1600*100vw);
   max-width: 1436px;
   margin: 0 auto;
   /* -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse; */
}

.p-five__contentsListItem{}
.p-five__contentsListItem:nth-child(1){
   width: calc(506/1436*100vw);
   margin-right: calc(70/1436*100vw);
}
.p-five__contentsListItem:nth-child(2){
   width: calc(861/1436*100vw);
   margin-top: calc(160/1600*100vw);
}
@media only screen and (max-width: 768px) {
   .p-five__contents{
      width: calc(640/750*100vw);
      margin: 0 auto;
   }
   .p-five__contentsList{
      max-width: 100%;
   }
   .p-five__contentsListItem:nth-child(1){
      width: 100%;
      margin-right: 0;
   }
   .p-five__contentsListItem:nth-child(2){
      width: 100%;
      margin-top: calc(30/650*100%);
   }
   .p-five__contentsListItem img{
      width: 100%;
   }
}