@charset "UTF-8";
/* 星菱電機の強み */
body#strength_index #section_strength { margin-top: 2.5em; }
body#strength_index #section_strength .strength_wrap #strength01 .catch { line-height: 1.5; font-weight: bold; color: #c30000; margin-bottom: 0.5em; }
body#strength_index #section_strength .strength_wrap #strength01 .str_points { margin-top: 1em; }
body#strength_index #section_strength .strength_wrap #strength02 { margin-top: 2.5em; }
body#strength_index #section_strength .strength_wrap #strength02 h2 { font-weight: normal; border-bottom: 1px solid #c30000; }
body#strength_index #section_strength .strength_wrap #strength02 .str_prod .col .unit .cap { text-align: center; }
@media print, screen and (min-width: 768px) { body#strength_index #section_strength .strength_wrap #strength01 .catch { font-size: 28px; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit { position: relative; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .ttl { aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: background-color 0.5s ease; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .ttl p { text-align: center; margin-top: 25px; color: #FFF; line-height: min(3vw, 36px); text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3), 1px -1px 8px rgba(0, 0, 0, 0.3), -1px 1px 8px rgba(0, 0, 0, 0.3), -1px -1px 8px rgba(0, 0, 0, 0.3); }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .ttl p .ttl-m { font-size: min(3.67vw, 44px); font-weight: bold; letter-spacing: 0.5em; padding-left: 0.5em; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .ttl p .ttl-s { font-size: min(1.5vw, 18px); }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit.unit01 .ttl { background-color: rgba(0, 70, 140, 0.3); }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit.unit01 .ttl:hover { background-color: transparent; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit.unit02 .ttl { background-color: rgba(42, 122, 0, 0.3); }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit.unit02 .ttl:hover { background-color: transparent; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit.unit03 .ttl { background-color: rgba(160, 0, 0, 0.3); }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit.unit03 .ttl:hover { background-color: transparent; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .maintxt { margin-top: 1.5em; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .photo { position: absolute; top: 0; left: 0; z-index: -10; width: 100%; aspect-ratio: 1/1; border-radius: 50%; overflow: hidden; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .photo img { height: 100%; position: absolute; top: 0; left: -16.7%; }
  body#strength_index #section_strength .strength_wrap #strength02 .str_prod { margin-top: 1.5em; }
  body#strength_index #section_strength .strength_wrap #strength02 .str_prod .col .unit .cap { margin-top: 0.5em; } }
@media only screen and (max-width: 767.98px) { body#strength_index #section_strength .strength_wrap #strength01 .catch { font-size: 20px; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit { margin-top: 1em; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .ttl { margin-bottom: 0.5em; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .ttl p .ttl-m { font-size: 20px; font-weight: bold; letter-spacing: 0.5em; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .ttl p .ttl-s { font-weight: bold; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .ttl p .ttl-s::before { content: "-"; margin-right: 5px; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit.unit01 .ttl p { color: #c30000; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit.unit02 .ttl p { color: #490; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit.unit03 .ttl p { color: #05A; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .photo { margin-top: 1em; }
  body#strength_index #section_strength .strength_wrap #strength01 .str_points .col .unit .photo img { width: 100%; height: auto; }
  body#strength_index #section_strength .strength_wrap #strength02 .str_prod { margin-top: 1em; }
  body#strength_index #section_strength .strength_wrap #strength02 .str_prod .col .unit .cap { margin-top: 0.25em; } }