@charset "utf-8";
/* CSS Document */

.message .split-right-inner{ width: 100%; }
.message .wrapper{  }

/*.message .maintitle p.othertxt{ text-align: center; }
@media screen and (max-width: 600px){ .message .maintitle p.othertxt{ text-align: justify; } }*/

.message .maintitle p.photo{ width: 65%; margin: 0 auto 20px; }
@media screen and (max-width: 600px){ .message .maintitle p.photo{ width: 100%; } }
/*.message .maintitle p.photo img{ width: 120%;}*/
.message .maintitle p.parts1{ width: 45%; text-align: center; margin-top: 20px; }
@media screen and (max-width: 600px){ .message .maintitle p.parts1{ width: 70%; } }

.message .message-info{ width: 80%; margin: 80px auto; display: flex; flex-direction: column; grid-row-gap: 25px;  }
@media screen and (max-width: 600px){ .message .message-info{ width: 90%; margin: 40px auto; display: flex; flex-direction: column; grid-row-gap: 25px;  }}
.message .message-info li:nth-of-type(1){ font-size: 26px; font-weight: 700; }
@media screen and (max-width: 600px){ .message .message-info li:nth-of-type(1){ font-size: 20px; } }
.message .message-info li:nth-of-type(2) p{ margin-bottom: 20px;}
.message .message-photo{ clip-path: polygon(0 40px, 100% 0, 100% calc(100% - 40px), 0 100%); }
@media screen and (max-width: 600px){ .message .message-photo{ clip-path: polygon(0 40px, 100% 0, 100% calc(100% - 40px), 0 100%); } }