/*common*/
.fontex { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: 800; }
.about_wrap { padding-top: 35px; }
.about_content_ttl { position: relative; }
.about_content_ttl::before { background: #c1ecfc; content: ""; height: 60px; position: absolute; width: 5px; }
.about_cover { background: #fff; }
.about_content_ttl { color: #333; font-size: 1.8rem; line-height: 1.4; }
.about_sttl_jp { font-size: 3rem; display: block; }
.about_txt { align-content: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 30px; }
.about_txt_left { color: #666; font-size: 1.5rem; }
.about_content_data { align-content: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.about_data_table table { border: 1px solid #ccc; color: #333; font-size: 1.5rem; width: 100%; }
.about_data_table table th { background: #e0f6fe; border-bottom: 1px solid #ccc; font-weight: normal; padding: 14px 18px; width: 25%; min-width:100px; max-width:120px; }
.about_data_table table td a {color: #333 !important; text-decoration:none !important; }
.about_data_table table td { border-bottom: 1px solid #ccc; padding-left: 20px; padding-right: 10px; }
.about_txt_leftcontent { padding-bottom: 20px; }
.about_txt_leftcontent:last-child { padding-bottom: 0; }
 @media screen and (max-width: 767px), print {
.about_txt_left { width: 100%; }
.about_txt_right { width: 100%; }
.about_content_data_image { width: 100%; }
.about_txt_rightimage img { padding-top: 20px; width: 100%; }
.about_content_data_image img { width: 100%; }
.about_data_table { width: 100%; padding-top: 20px; }
.about_content_data { padding-bottom: 30px; }
.about_content_ttl { padding-left: 15px; }
.about_content_ttl::before { left: 0; }
}
 @media screen and (min-width: 768px), print {
.about_txt_left { margin-right: 70px; width: calc(70% - 70px); }
.about_txt_rightimage { width: 30%; }
.about_content_data_image { width: calc(50% - 10px); }
.about_txt_rightimage img { max-width: 380px; width: 100%; }
.about_content_data_image img { max-width: 510px; width: 100%; }
.about_data_table { padding-left: 10px; width: calc(50% - 10px); }
.about_content_data { padding-bottom: 50px; }
.about_content_ttl::before { left: 0; }
.about_content_ttl { padding-left: 10px; padding-bottom: 10px; }
}