@charset "UTF-8";

/* p{font-size: 16px;} */

main{
  margin-top: 80px;
}
@media only screen and (max-width: 768px){
  main{
    margin-top: 60px;
  }
}

.top main {
    display: block;
    background: #fff;
}

/* @media screen and (max-width:768px){
  .top main{
    padding-top: 90px;
  }
} */
/* @media screen and (max-width: 768px){
  p{font-size: 14px;}
} */


/* ------------------------------------------------------------
    header
------------------------------------------------------------ */
.header{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10000;
	width: 100%;
}
.header .logo{
  width: 210px;
	margin: 10px;	
}



/* ---------------------------------------------------------------------------
			#Gnav	
				グローバルナビゲーション
--------------------------------------------------------------------------- */
#Gnav{
  display: none;
}

header{
  position: fixed;
}
header nav{
  display: block;
}
header .logo{
	position: fixed;
	left: 0;
	top: 0;
  width: 210px;
	z-index: 15000;
	margin: 15px;
}
#Gnav2{
	position: fixed;
  top: 0;
	z-index: 10000;
	width: 100%;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.6);
}
#Gnav2 .gnav{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: calc(100% - 480px);
  max-width: 1200px;
	margin: 20px auto;
}
#Gnav2 .gnav > li{
  width: 15%;
}




@media only screen and (max-width: 768px){
/*--------------------------------------------------------------------------
   header
---------------------------------------------------------------------------*/
.header .logo{
  position: static;
  width: 185px;
  margin: 5px;	
}
.header .btn-trigger{
  position: fixed;
	right: 0;
	top: 0;
	z-index: 12000; 
  width: 70px;
  height: 60px;
  line-height: 1;
  font-size: 1.4rem;
  color: #0b308e;
	cursor: pointer;
	transition: .3s;
}
.header .btn-trigger::before{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background: #fff;
	opacity: 0;
	transition: .5s;
}
.header.scroll .btn-trigger::before{
	opacity: 1;
}
.header .btn-trigger.open::before{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background: #fff;
	transition: .5s;
	opacity: 1;
}
.header .btn-trigger span{
  position: absolute;
  left: 10px;
  width: 50px;
  height: 2px;
	background: #0b308e;
	transition: .3s;
}
.header .btn-trigger span:nth-child(1){
  top: 15px;
}
.header .btn-trigger span:nth-child(2){
  top: 25px;
}
.header .btn-trigger.open span:nth-child(1){
  transform: rotate(25deg) translateY(5px);
}
.header .btn-trigger.open span:nth-child(2){
  transform: rotate(-25deg) translateY(-5px);
}
.header .btn-trigger small{
  position: absolute;
	left: 0;
	top: 35px;
	width: 100%;
	text-align: center;
	font-weight: 500;
	letter-spacing: .05em;
}
.header .btn-trigger.open small::after{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "CLOSE";
	text-align: center;
	background: #fff;
}


/* ---------------------------------------------------------------------------
    #Gnav	
      グローバルナビゲーション
--------------------------------------------------------------------------- */
#Gnav2{
  display: none;
}

.header .gnav-logo{
  display: block;
   width: 150px;
  margin: 15px;	 
}
#Gnav{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	display: none;
	width: 100%;
	background: #fff;
}
#Gnav .gnav-wrapper{
  display: block;	
  flex-direction: row-reverse;
	width: 100%;
	height: 100vh;
	padding-bottom: 50px;
}
#Gnav .nav-area{
  position: relative;
  width: 100%;
  height: 100%;
	padding-bottom: 40px;
	overflow: auto;
	opacity: 0;
	transition: 1s;
}
#Gnav .nav-area.on{
	opacity: 1;
}
.gnav{
  padding: 80px 0 30px;
  text-align: center;
}
.gnav > li{
  position: relative;
  padding: 0px 5vw;	
}

.indent{
padding-left:2em;
text-indent:-1em;	
}
}

/* ------------------------------------------------------------
    footer
------------------------------------------------------------ */
footer{
  text-align: center;
}
footer .footer_green{
  background: #0b308e;
  width: 100%;
  height: 50px;
}
footer .notes{
  padding-top: 10px;
  color: #fff;
}

@media only screen and (max-width: 768px){
  footer .footer_green{
    height: 40px;
  }
  footer .notes{
    padding-top: 5px;
  }
  }


  /* 資料請求ボタン */
.btn_request{
  background-color: #b5b398;
  color: #000;
  font-size: 1.7rem;
  max-width: 260px;
  width: 40%;
  padding: 10px 0;
  margin: 0 auto;
}
.btn_request span{
  display: inline-block;
  padding-right: 20px;
  background: url(../images/common/arrow.svg) no-repeat right center / 7px auto;
}
.btn_request a{
  display: block;
}

@media only screen and (max-width: 768px){
  .btn_request{
    max-width: 700px;
    width: 70%;
    padding: 13px 0;
  }
}