
.CMRightOther .OtherDiv { margin-bottom: 25px; padding: 15px 10px; border-radius: 8px; background-color: rgb(45 93 107 / 0.3); box-shadow: 0px 5px 10px rgba(0,0,0,0.3); }
.CMRightOther .OtherDiv.Other01 {}
.CMRightOther .OtherDiv.Other01 .Title { margin-bottom: 8px; color: #FFFFFF; font-size: 18px; }
.CMRightOther .OtherDiv.Other01 video {  }
.CMRightOther .OtherDiv.Other01 .Content { margin-top: 8px; color: #FFFFFF; font-size: 14px; }
.CMRightOther .OtherDiv.Other02 {  }
.CMRightOther .OtherDiv.Other02 .Title { margin-bottom: 8px; color: #FFFFFF; font-size: 18px; }
.CMRightOther .OtherDiv.Other02 .Map { position: relative; /*overflow: hidden;*/ width: 100%; border-radius: 8px; }
.CMRightOther .OtherDiv.Other02 .Map a { display: block; line-height: 0px; }
.CMRightOther .OtherDiv.Other02 .Map img { width: 100%; transition: all .3s ease-out; line-height: 0px; }
.CMRightOther .OtherDiv.Other02 .Map img:hover {  }
.CMRightOther .OtherDiv.Other02 .Content { margin-top: 8px; color: #FFFFFF; font-size: 14px; }

.CMRightOther .OtherDiv.Other03 .Title { margin-bottom: 8px; color: #FFFFFF; font-size: 18px; }
.CMRightOther .OtherDiv.Other03 .Content { margin: 5px 0px; padding: 5px 0px; color: #FFFFFF; font-size: 14px; border-bottom: 1px solid rgb(58 103 122); }
.CMRightOther .OtherDiv.Other03 .Content:last-child { border-bottom: none; }
.CMRightOther .OtherDiv.Other03 .Content a { display: flex; align-items: center; padding: 3px 0px; }
.CMRightOther .OtherDiv.Other03 .Content a span.material-icons { margin-right: 5px; }

@media screen and ( max-width: 1180px ) {
.CMRightOther .OtherDiv { float: left; margin: 10px; width: calc( 50% - 20px ); }
}

@media screen and ( max-width: 773px ) {
.CMRightOther .OtherDiv { margin: 0px; margin-bottom: 25px; width: 100%; }
.CMRightOther .OtherDiv.Other02 .Map img { top: 0%; left: 0%; }
}

@media screen and ( max-width: 414px ) {
.CMRightOther .OtherDiv { margin: 0px; margin-bottom: 25px; width: 100%; }
}

