@charset "utf-8";

/* ----------------------------------------------------------------------
 * RESET
 * ---------------------------------------------------------------------- */
@media screen and (max-width: 1199px) {
	.g-body {
		font-size: 1.4rem;
		min-width: 0;
	}
}

@media screen and (max-width:767px) {
	html {
		overflow: auto;
	}
	
	.g-body {
		min-width: 0;
		padding: 0;
		-webkit-text-size-adjust: 100%;
	}
}


/* ----------------------------------------------------------------------
 * GLOBAL - UTILITY
 * ---------------------------------------------------------------------- */
@media screen and (max-width: 1199px) {
 .u-hide-tab {
	 display: none;
 }
 
 .u-show-tab-mobile {
		display: inline-block;
	}
 
 .u-hide-tab-mobile {
	 display: none;
 }
}

@media screen and (max-width:767px) {	
	.u-show-mobile {
		display: inline-block;
	}
 
 .u-hide-tab {
	 display: inline-block;
 }
 
	.u-hide-mobile {
		display: none;
	}
}


/* ----------------------------------------------------------------------
 * LAYOUT
 * ---------------------------------------------------------------------- */
@media screen and (max-width:767px) {	
	.g-wrapper {
		padding: 0 0 70px;
	}
}

/* ------------------------------------------------------------------------------------------------
 * H1
 * ------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1199px) { 
	.g-h1-text {
		font-size: 1rem;
	}
}

@media screen and (max-width:767px) {		
	.g-h1-text {
		font-size: 1rem;
		padding: 0 15px;
		bottom: 1.5em;
	}
}


/* ------------------------------------------------------------------------------------------------
 * MainVisual
 * ------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1199px) {
	.g-content {
  display: inline;
		width: 100%;
  background: #fff;
	}
}


/* ------------------------------------------------------------------------------------------------
 * FOOTER
 * ------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1199px) { 	
	.g-footer {
		padding: 0;
	}
	
	.g-footer__menu ul {
		padding: 45px 0;
	}
	
	.g-footer__menu ul li {
		line-height: 1;
		width: calc(100% / 3);
		margin: 0;
		padding: 10px 0;
  text-align: left;
	}
	
	.g-footer__menu ul li a {
		font-size: 1.1rem;
	}
	
	.u-inner {
		padding: 0 30px;
	}
}

@media screen and (max-width:767px) {
	
	.g-footer__menu ul {
		margin: 0 -10px;
		padding: 0;
	}
	
	.g-footer__menu ul li {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
        color: rgba(255, 255, 255, .75);
        border-bottom: 1px solid rgba(255, 255, 255, .15);
	}
    .g-footer__menu ul li:last-of-type{
        border: none;
    }
	
	.g-footer__menu ul li a {
		font-size: 1.2rem;
		letter-spacing: .1em;
		text-decoration: none;
		padding: 20px 0 20px 30px;
		display: block;
	}
}


/* ------------------------------------------------------------------------------------------------
 * MainVisual
 * ------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1199px) {
	.mv{
  width: 100%;
  height: auto;
  margin: -1px auto 0;
 }
}


/* ------------------------------------------------------------------------------------------------
 * テキスト
 * ------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1680px) {
	.text .logo{
  width: 70%;
  margin: 0 auto;
 }
	.text .logo img{
  margin-bottom: 3%;
 }
  .text .catcn{
  margin-bottom: 3%;
  font-size: 5.5rem;
  letter-spacing: 0.25em;
 }
 .text .message{
  font-size: 1.4rem;
  line-height: 1.4;
 }
}

@media screen and (max-width: 1199px) {
	.text-wrap{
  width: 100%;  
  padding-top: 25px;
  padding-bottom: 25px;
  background: #fff;
 }
 
 .text{
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  -webkit- transform:none;
 } 
 .text .logo{
  width: 25%;
 }
 .text .catcn{
  font-size: 6rem;
  line-height: 1;
  letter-spacing: 0.25em;
 }
 .text .message{
  font-size: 1.6rem;
  line-height: 1.6;
 }
 .sp-logo{
  width: 100%;
  text-align: center;
  background: #fff;
 }
 .sp-logo .logo{
  margin: 20px auto;
  width: 25%;
	}
}

@media screen and (max-width: 767px) {
 .sp-logo .logo{
   width: 50%;
	}
 
 .text .catcn{
  font-size: 3em;
	}
 .text .message{
  margin: 0 auto;
  width: 90%;
  font-size: 1em;
  line-height: 1.5;
 }
    .g-footerInquiry__items {
        display: grid;
        gap: 30px;
        justify-content: center;
        width: 80%;
        margin: 0 auto;
    }
    .g-footerInquiry__item {
        width: 100%;
    }
    .g-footerInquiry__item--su {
        width: 90%;
    }
}