@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* スマホでは集合写真を元の横長比率で表示し、文字部分と分離します。 */
@media (max-width: 760px) {
  body .itoba-hero {
    min-height: 0;
    padding-top: min(43.75vw, 336px);
    background: #062e3b;
  }

  body .itoba-hero::before {
    bottom: auto;
    height: min(43.75vw, 336px);
    background:
      linear-gradient(180deg, rgba(6, 46, 59, .08) 50%, rgba(6, 46, 59, .58) 100%),
      var(--itoba-hero-image) center / 100% 100% no-repeat;
  }

  body .itoba-hero__inner {
    min-height: 0;
    padding-block: 48px 110px;
    align-content: start;
  }
}