@charset "UTF-8";

/*==================================================

フッター

==================================================*/
@media print,only screen and (min-width: 768px){ 
.js-inview{
	font-size:10px;
	}
}

@media screen and (max-width: 767px){
	.js-inview{
	font-size:5px;
	}
}

/* フッター1
--------------------------------------------------*/
footer{
  position: relative;
  z-index: 5;
}
.l-footer__logo img{
  width: 100%;
}
.l-footer01{
  background-color: #363581;
}
.l-footer__address{
  color: #fff;
  font-weight: 500;
}
.nav-footer01__itemIn{
  position: relative;
  color: #fff;
  font-weight: 500;
  display: block;
}
.nav-footer01__itemIn:before {
  background-color: #7372a7;
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  left: 0;
}
.l-footer__address a{
  color: #fff;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .l-footer01{
    padding: 2.5em 2em;
  }
  .l-footer01__inner,
  .l-footer02__inner{
    /*max-width: 108em;*/
	  width:1200px;
    margin: 0 auto;
  }
  .l-footer01__inner{
    display: flex;
    justify-content: space-between;
  }
  .l-footer__logoAddress{
    width: 56%;
    display: flex;
    /*justify-content: space-between;*/
    margin-top: 1.7em;
  }
  .l-footer__address a{
    pointer-events: none;
    color: inherit;
    text-decoration: none;
  }
  .l-footer__logo{
    width: 20em;
    margin-bottom: 1.5em;
	  margin-right: 3em;
  }
  .l-footer__address{
    /*width: calc( 100% - 23em );*/
    font-size: 1.6em;
    line-height: 1.875;
  }
  .nav-footer01{
    width: 42%;  
  }
  .nav-footer01__itemIn{
    font-size: 1.6em;
    padding: 0.8em 0 0.8em 2em;
  }
  .nav-footer01__itemIn:before {
    width: 0.9em;
    height: 1em;
    top: 0.85em;
  }
}

@media (min-width: 768px) and (max-width: 1055px) {
  .l-footer__logoAddress{
    width: 32.5em;  
    display: block;
  }
  .l-footer__address{
    width: 100%;
  }
  .nav-footer01{
    width: calc( 100% - 34em );  
  }
}

/* SP */
@media screen and (max-width: 767px){
  .l-footer01{
    padding: 7em 3.5em 6em 3.5em;
  }
  .l-footer__logoAddress{
    margin-bottom: 4.5em;
  }
  .l-footer__logo{
    width: 36em;
    margin: 0 auto 4em auto;
  }
  .l-footer__address{
    text-align: center;
    font-size: 2.6em;
    line-height: 1.9;
  }
  .nav-footer01__itemIn{
    font-size: 2.5em;
    padding: 1.5em 0 0 1.5em;
  }
  .nav-footer01__itemIn:before {
    width: 0.8em;
    height: 0.8em;
    top: 2em;
  }
}

/* フッター2
--------------------------------------------------*/
.l-footer02{
  background-color: #1d50a2;
}
.nav-footer02{
  display: flex;
  flex-wrap: wrap;
}
.nav-footer02__itemIn{
  position: relative;
  color: #fff;
  font-weight: 500;
  display: block;
}
.nav-footer02__itemIn:before {
  background-color: #6185be;
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  left: 0;
  margin: auto;
}

/* PC */
@media print,only screen and (min-width: 768px){
  .l-footer02{
    padding: 1.2em 1em;
  }
  .nav-footer02{
    justify-content: center;
  }
  .nav-footer02__itemIn{
    font-size: 1.4em;
    padding: 0.3em 2.6em 0.3em 1.5em;
  }
  .nav-footer02__itemIn:before {
    width: 0.9em;
    height: 1em;
    top: 0.5em;
  } 
}

/* SP */
@media screen and (max-width: 767px){
  .l-footer02{
    padding: 3em 3.5em;
  }
	.nav-footer02{
  margin-top: 0;
}
  .nav-footer02__item{
    width: 50%;
  }
  .nav-footer02__itemIn{
    font-size: 2.5em;
    line-height: 1.6;
    padding: 1.5em 0 0 1em;
  }
  .nav-footer02__itemIn:before {
    width: 0.8em;
    height: 0.8em;
    top: 2em;
  } 
}
/* フッター3
--------------------------------------------------*/
.l-footer03{
  background-color: #fff;
  text-align: center;
  color: #595959;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .l-footer03{
    font-size: 1.4em;
    padding: 2.5em 3em 1.8em 3em;
  }
}

/* SP */
@media screen and (max-width: 767px){
  .l-footer03{
    font-size: 2.4em;
    padding: 3em 3em 4em 3em;
    margin-bottom: 15em;
  }
}

/* ページトップ
--------------------------------------------------*/
.l-footer__pagetop {
  background: #fff;
  position: fixed;
  z-index: 98;
  cursor: pointer;
  border-radius: 50%;
  border: 1px #a6a6a6 solid;
}
.l-footer__pagetop:before {
  background-color: #a6a6a6;
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-90deg);
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .l-footer__pagetop {
    width: 6em;
    height: 6em;
    bottom: 3em;
    right: 3.3em;
    transition: background-color .3s ease;
  }
  .l-footer__pagetop:before {
    width: 1.5em;
    height: 1.8em;
    top: -0.5em;
    transition: background-color .3s ease;
  }
  .l-footer__pagetop:hover {
    background: #a6a6a6;
  }
  .l-footer__pagetop:hover:before {
    background-color: #fff;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .l-footer__pagetop {
    width: 8em;
    height: 8em;
    bottom: 25.5em;
    right: 2em;
  }
  .l-footer__pagetop:before {
    width: 2.2em;
    height: 2.5em;
    top: -0.5em;
  }
}

/* レイアウト
--------------------------------------------------*/
.l-content{
  box-shadow: 0 0 2em rgba(0,0,0,0.05);
  position: relative;
  z-index: 5;
}

/* PC */
@media print,only screen and (min-width: 768px){	
	.l-content{
    background-color: rgba(255,255,255,0.9);
		max-width: 50em;  
    box-sizing: border-box;
    padding-bottom: 13em;
		margin: 0 auto;
	}
}

/* SP */
@media screen and (max-width: 767px){
	.l-content{
    background-color: rgba(255,255,255,0.8);
    padding-bottom: 18em;
    margin: 0 3.5em;
	}
}