.mv{ height: 59.6rem; padding-top: 17.2rem; }
.mv h1{ height: 18.3rem; display: flex; align-items: flex-end; background-repeat: no-repeat; background-position: top left; background-size: auto 13.4rem; font-size: 2rem; line-height: 1; letter-spacing: .4em; position: relative; z-index: 1; }
.mv .mv-img{ max-width: none; position: absolute; top: 0; right: -34.5rem; opacity: 0.75; }

.mv + .skew{ height: 12rem; background: #000 url(../img/common/webp/bg_black.webp) repeat 0 0; background-size: 1280px 1280px; transform: skewY(12.5deg) translateZ(0); position: relative; overflow: hidden; margin-top: -1.6rem; margin-bottom: 1rem; }
.no-webp .mv + .skew{ background-image: url(../imgs/common/bg_black.jpg); }
.mv + .skew .mv-img{ transform: skewY(-12.5deg); position: absolute; top: -60.3rem; right: -33.5rem; -webkit-filter: invert(100%); filter: invert(100%); mix-blend-mode: difference; }
.mv + .skew .pankuzu{ transform: skewY(-12.5deg); color: #fff; margin-top: -4rem; }
.mv + .skew .pankuzu li{ display: inline-block; font-size: 1.2rem; }
.mv + .skew .pankuzu li:not(:last-of-type):after{ content: '-'; margin-left: .4em; }

main{ font-feature-settings: "palt"; }
main p{ letter-spacing: .1em; }

h2.general{ font-size: 5.6rem; font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; line-height: 1; letter-spacing: 0.05em; padding-bottom: 4.8rem; position: relative; margin-bottom: 6rem; }
h2.general small{color: #c99a05;font-size: 2.5rem;font-weight: 700;}
h2.general:after{ content: ''; width: 2.4rem; height: .2rem; background: #000; position: absolute; bottom: 0; left: 0; }
h2.general.right{ text-align: right; }
h2.general.right:after{ left: auto; right: 0; }

h2.border{ font-size: 3.2rem; line-height: 1.5; padding-top: 8rem; position: relative; margin-bottom: 2.5rem; }
h2.border:before{ content: ''; width: 2.4rem; height: 2px; background: #000; position: absolute; top: 0; left: 0; }

.sec-contact{ margin-top: 20rem; }

p.red{color: red;font-weight: bold;}

/*グロナビ*/
.has-dropdown {
  position: relative;
}
.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 220px;
  z-index: 9999;
}
.has-dropdown:hover .dropdown {
  display: block;
}
.dropdown li {
  position: relative;
    font-size: 1.3rem;
}
.dropdown li + li {
    margin-left: 0!important;
}
.dropdown li a {
  display: block;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
}
.dropdown li a:hover {
  background: #f2f2f2;
}

/* 2階層目 */
.has-subdropdown:hover .subdropdown {
  display: block;
}
.subdropdown {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background: #fff;
  min-width: 200px;
  z-index: 1100;
}
.subdropdown li a {
  padding: 10px 15px;
  color: #333;
  white-space: nowrap;
}
.subdropdown li a:hover {
  background-color: #f2f2f2;
}
/*グロナビ*/



@media(max-width: 768px){
	.mv{ height: 30.4rem; padding-top: 9.4rem; }
	.mv h1{ background-size: auto 5.5rem; height: 8.1rem; font-size: 1.2rem; }
	.mv .mv-img{ width: 45.8rem; max-width: none; right: -14.5rem; }

	.mv + .skew{ height: 6rem; margin-top: -2rem; margin-bottom: 2rem; }
	.mv + .skew .mv-img{ width: 45.8rem; max-width: none; top: -30.6rem; right: -14.6rem; }
	.mv + .skew .pankuzu{ display: none; }

	main section .pankuzu{ margin-bottom: 4rem; }
	main section .pankuzu li{ font-size: 1rem; display: inline-block; }
	main section .pankuzu li:not(:last-of-type):after{ content: '-'; margin-left: .4rem; }

	h2.general{ font-size: 3.2rem; padding-bottom: 3rem; margin-bottom: 3rem; line-height: 1; }
	h2.general:after{ width: 1.6rem; }
	h2.general small{font-size: 2rem;}

	h2.border{ font-size: 1.8rem; padding-top: 5rem; margin-bottom: 1.55rem; }
	h2.border:before{ width: 1.6rem; }

	.sec-contact{ margin-top: 8rem; }
    
      /*グロナビ*/    
    
    .dropdown {
    display: block;
    position: relative;
    background: none;
        
    }
    .dropdown li a{
        height: 3.5rem!important;
        padding: 0;
        padding-left: 2rem;
        color: #efefef;
    }
    .dropdown li a:before {
        content: ">";
        padding-right: 1rem;
        
    }
    
    .subdropdown {
        display: block;
        position: relative;
        background: none;
        padding-left: 2rem;
        left: 0;
    } 
    .subdropdown li a {
        color: #c9caca;
    }
    .subdropdown li a:before {
        content: ">>";
        padding-right: 1rem;
        
    }
/*グロナビ*/    
    
    
    
}