@charset "UTF-8";
/* CSS Document */

.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

/*-------------------------header----------------------------*/
.header {
	z-index: 99999;
	max-width: 1920px;
	width: 100%;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
	position: fixed;
	background-color: rgb(255,255,255,0.6)
}
.header-eria {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 98%;
	height: 80px;
	margin: 0 auto;
}
.header h1 {
	font-size: 2.5rem;
}
.header p {
	font-size: 1.4rem;
}
.header nav ul {
	display: flex;
	gap: 20px;
	list-style: none;
	align-items: center;
}
.burger-nav__ul {
	margin-top: 100px;
}
.header nav ul li img {
	width: 22px;
	vertical-align: baseline;
	display: inline-block;
	margin-right: 10px;
}
.header nav ul li:last-child a {
	background-color: #FF9600;
	padding: 10px 20px;
	border-radius: 50px;
}
.header nav ul li a {
	color: #707070;
	text-decoration: none;
}
.header nav ul li:last-child a {
	color: #fff;
}
.header-blue {
	color: #1A82B1;
}


.header-eria-top__fixd {
	color: #707070;
}

.top-header {
	display: none;;
	z-index: 99999;
	max-width: 1880px;
	width: 100%;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
	position: absolute;
	color: #fff;
}
.top-header h1 {
	font-size: 2.5rem;
}
.top-header p {
	font-size: 1.4rem;
}
.top-header nav ul {
	display: flex;
	gap: 20px;
	list-style: none;
	align-items: center;
}
.top-header nav ul li img {
	width: 22px;
	vertical-align: baseline;
	display: inline-block;
	margin-right: 10px;
}
.top-header nav ul li:last-child a {
	background-color: #FF9600;
	padding: 10px 20px;
	border-radius: 50px;
}

.top-header nav ul li a {
	color: #fff;
	text-decoration: none;
}

.header-eria-pc__top {
	color: #fff;
}

@media (max-width:1100px) {
	.header-eria {
		display: none;
	}
	.open-btn {
    position: fixed;
    cursor: pointer;
    width: 50px;
    height: 50px;
    margin: 20px;
    border-radius: 100px;
    z-index: 999999;
    top: 0;
    right: 0;
  }
  /*ボタン内側*/
  .open-btn span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 24%;
    height: 2px;
    background: #FF9600;
    width: 25px;
  }
  .open-btn span:nth-of-type(1) {
    top: 15px;
  }
  .open-btn span:nth-of-type(2) {
    top: 35px;
  }
	.open-btn span:nth-of-type(3) {
		top: 25px;
	}

  /*activeクラスが付与されると線が回転して×に*/
  .open-btn.active span:nth-of-type(1) {
    top: 18px;
    left: 10px;
    transform: translateY(6px) rotate(-45deg);
    width: 60%;
  }
  .open-btn.active span:nth-of-type(2) {
    top: 30px;
    left: 10px;
    transform: translateY(-6px) rotate(45deg);
    width: 60%;
  }
	.open-btn.active span:nth-of-type(3) {
		display: none;
	}
	.burger-nav {
    width: 80vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -120%;
    z-index: 199999;
    color: #fff;
    background-color: rgba(42,140, 182, 0.9);
    transition: all 0.6s;
	}
	.burger-nav ul li {
		margin-bottom: 40px;
	}
	.burger-nav ul li img {
		width: 30px;
		display: inline-block;
		margin-right: 10px;
	}
	.burger-nav ul li a {
		color: #fff;
	}
	.panelactive {
		left: 0;
	}
	.sp-header__logo {
		position: absolute;
		top: 25px;
		left: 10px;
		color: #fff;
		z-index: 1;
		text-align: left;
	}
	.burger-nav__contact {
		padding: 10px 30px;
    display: inline-block;
    background-color: #FF9600;
    color: #FF9600;
    border-radius: 50px;
	}
}


/*-------------------------body----------------------------*/

/*-------------------------top----------------------------*/
.top{
	max-width: 1920px;
	margin: 0 auto 100px;
	position: relative;
	display: flex;
	align-items: center;
	height: 100vh;
	max-height: 1080px;
	background-image: url("image/top/top-main.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
}
.top::after {
	content: "";
	position: absolute;
	background: rgba(0, 0, 30, 0.7);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top-eria {
	z-index: 1;
	text-align: left;
	width: 40vw;
	margin-left: 10vw;
}

@media (max-width:1020px) {
.top-eria {
    width: 45vw;
    margin-left: 5vw;
	}
}


/*-------------top-slide----------------*/
.top-slide {
	width: 40%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
}
.top-eria__slide {
	margin: 0 10px;
}
.top-slide .slick-list {
  padding: 0 20% 0 0!important;
}
.top-slide img{
	border-radius: 30px;
}
/* Arrows */
.slick-prev,
.slick-next
{
	top: auto;
	bottom: -100px;
	width: 20px;
	height: 20px;
}
.slick-next {
    right: 30%;
	height: 50px;
	width: 30px;
}
.slick-prev  {
	right: 20%;
	left: auto;
	height: 50px;
	width: 30px;
}
.slick-prev:before,
.slick-next:before
{
    font-size: 5rem;
}


.top h2 {
	font-size: 3.8rem;
	line-height: 5.7rem;
	margin-bottom: 40px;
}
.top p {
	font-size: 2rem;
	line-height: 3rem;
	margin-bottom: 80px;
} 
.top a {
	color: #FF9600;
	text-decoration: none;
	border: solid #FF9600 1px;
	padding: 20px 62.5px;
	border-radius: 50px;
}


@media (max-width:767px) {
		.slick-prev, .slick-next {
			display: none!important;
		}
		.top p {
			margin-bottom: 40px;
		} 
}

@media (max-width:1020px) {
	.top h2 {
    font-size: 3.4rem;
    line-height: 5rem;
    margin-bottom: 15px;
	}
	.top p {
    font-size: 1.6rem;
    line-height: 2.4rem;
	}
	.top a {
		padding: 10px 50px;
	}
	.top-eria {
    position: absolute;
    top: 35%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 90%;
    margin: 0;
	}
	.top-slide {
    top:70%;
	max-width: 900px;
	}
}


@media (max-width:370px) {
	.top h2 {
    font-size: 2.8rem;
    line-height: 4rem;
    margin-bottom: 15px;
	}
	.top p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-bottom: 40px;
	}
}

/*--------------Scroll-----------------*/
.scrolldown2 {
  position: absolute;
	z-index: 1;
  bottom: 0;
  left: 5%;
}
.scrolldown2 span {
  position: absolute;
  left: -10px;
  bottom: 110px;
  color: #fff;
  letter-spacing: 0.2em;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
.scrolldown2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  animation:
    circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}
@keyframes circlemove {
  0% {
    bottom: 100px;
  }
  100% {
    bottom: -5px;
  }
}
@keyframes cirlemovehide {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.scrolldown2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 100px;
  background: #eee;
}
@media (max-width:600px) {
	.scrolldown2 span {
		bottom: 60px;
	}
	.scrolldown2:after {
		height: 50px;
	}
	@keyframes circlemove {
		0% {
			bottom: 50px;
		}
		100% {
			bottom: -5px;
		}
	}
}



/*-------------------------top-messege----------------------------*/
.top-message {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 100px;
	text-align: left;
}
.top-message h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	color: #1B83B1;
	margin-bottom: 60px;
}

.top-message__flex {
	display: flex;
}
.top-message__flex a {
	position: relative;
	color: #2A8CB6;
	border: solid 1px #2A8CB6;
	padding: 15px 80px 15px 30px;
	border-radius: 50px;
	text-decoration: none;
}
.top-message__flex a::after{
	content: "";
	position: absolute;
	width: 60px;
	height: 1px;
	background-color: #2A8CB6;
	right: -60px;
	top: 50%;
	transform: translate(-50%,-50%);
}
.top-message__flex h3 {
	font-size: 3rem;
	line-height: 5rem;
	margin-bottom: 150px;
}
.top-message__flex div {
	width: 50%;
}
.top-message__p p {
	margin-bottom: 30px;
}
.top-message__flex__director{
	margin: 80px 0 20px!important;
	color: #1E85B2;
}
.top-message__flex__name {
	font-size: 2rem;
	line-height: 3rem;
	color: #1E85B2;
}
@media (max-width:1020px) {

}
@media (max-width:767px) {
	.top {
		margin-bottom: 100px;
	}
	.top-message h2 {
    margin-bottom: 50px;
		font-size: 3rem;
		line-height: 5rem;
}
.top-message__flex h3 {
	margin-bottom: 100px;
	font-size: 2.4rem;
	line-height: 3.6rem;
}
	.top-message__flex {
		display: block;
	}
	.top-message__flex div {
    width: 100%;
}
	.top-message__flex .top-message__button {
		width: 65%;
		font-size: 1.4rem;
		line-height: 2.1rem;
		margin: 50px auto 0;
		text-align: center;
		padding: 20px 50px 20px 20px;
	}
	.top-message__flex a::after {
    width: 50px;
    right: -50px;
}
}

/*-------------------------top-walk----------------------------*/

.top-walk {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 50px;
	text-align: left;
}
.top-walk h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	color: #1B83B1;
	margin-bottom: 40px;
}
.top-walk h3 {
	font-size: 3rem;
	line-height: 4.5rem;
	color: #2A8CB6;
	margin-bottom: 60px;
}

.top-walk h4 {
	font-size: 2.5rem;
	line-height: 4rem;
	color: #1B83B1;
	text-align: center;
}
.top-walk h4::after {
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	margin: 20px auto 50px;
	background-color: #1B83B1;
}

.top-walk__flex {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
	gap: 5%;
	list-style: none;
}
.column-button {
	margin: 0 auto;
}

.top-walk__flex__content {
	display: block;
	width: 30%;
	color: #707070;
}
.top-walk__flex__content div {
	margin-bottom: 10px;
}
.top-walk__flex__content time {
	display: block;
	text-align: left;
	margin-bottom: 10px;
	color: #2A8CB6;
}
.top-walk__flex__content div img {
	border-radius: 15px;
    height: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
}
.top-walk__flex__content h5 {
	width: 90%;
	margin: 0 auto;
	color: #1B83B1;
	font-size: 2rem;
	line-height: 3rem;
}
.top-walk__flex__content__line {
	margin: 20px 0 20px 10px;
	height: 1px;
	width: 50px;
	background-color: #1B83B1;
}
.top-walk__flex__content ol {
	width: 90%;
	margin: 0 auto;
	list-style: none;
}
@media (max-width: 767px) {
	.top-walk {
		margin-bottom: 100px;
	}
	.top-walk h2 {
    margin-bottom: 50px;
		font-size: 3rem;
		line-height: 5rem;
	}
	.top-walk h3 {
		margin-bottom: 100px;
		font-size: 2.4rem;
		line-height: 3.6rem;
	}
	.top-walk__flex__content {
		width: 100%;
		margin-bottom: 40px;
	}
}

/*-------------------------top-voice----------------------------*/

.top-voice{
	margin-bottom: 200px;
}
.top-voice h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	color: #1B83B1;
	max-width: 1200px;
	width: 90%;
	margin: 0 auto 40px;
	text-align: left;
}
.top-voice h3 {
	font-size: 3rem;
	line-height: 4.5rem;
	text-align: left;
	max-width: 1200px;
	width: 90%;
	margin: 0 auto 60px;
	color: #1B83B1;
}


.top-voice__slide {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto 100px;
}

.top-voice__slide .slick-prev:before, .top-voice__slide .slick-next:before {
    color: #54A2C4;
    font-size: 5rem;
}









.top-voice__slide .slick-list {
	padding: 0 20% 0 0!important;
}
.top-voice__slide__image {
	margin: 0 20px;
	text-align: left;
}
.top-voice__slide__image img {
	height: auto;
	object-fit: cover;
}
.top-voice__slide__image__text {
	width: 90%;
	margin: 0 auto;
}
.top-voice__slide__image__text h4 {
	margin-top: 35px;
	font-size: 2rem;
	line-height: 3rem;
	color: #1B83B1;
}
.top-voice__slide__image__text p {
	font-size: 1.4rem;
	margin-bottom: 25px;
}
.top-voice__slide__image__text div {
	color: #1B83B1;
}

@media (max-width:767px) {
	.top-voice {
		margin-bottom: 100px;
	}
	.top-voice h2 {
    margin-bottom: 50px;
		font-size: 3rem;
		line-height: 5rem;
	}
	.top-voice h3 {
		margin-bottom: 100px;
		font-size: 2.4rem;
		line-height: 3.6rem;
	}
	.top-voice__slide__image__text {
		margin: 0 auto 40px;
	}
}


/*-------------------------professional----------------------------*/
.professional {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 100px;
}
.professional h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	color: #1B83B1;
	text-align: left;
	margin-bottom: 40px;
}
.professional h3 {
	font-size: 3rem;
	line-height: 4.5rem;
	text-align: left;
	color: #1B83B1;
	margin-bottom: 60px;
}
.professional__flex {
	display: flex;
	justify-content: space-around;
	margin-bottom: 100px;
}
.professional__flex__eria {
	width: 35%;
	height: 50%;
	text-align: left;
}
.professional__flex__eria-right {
	width: 55%;
}
.professional__flex__eria img {
	aspect-ratio: 3/4;
	height: 100%;
	border-radius: 15px;
	object-fit: cover;
}
.professional__flex__eria h4 {
	font-size: 3rem;
	line-height: 4.5rem;
	margin-bottom: 10px;
}
.professional__flex__eria h5 {
	font-size: 2rem;
	line-height: 3rem;
	margin-bottom: 50px;
}
.professional__flex__eria p {
	line-height: 2.6rem;
	margin-bottom: 60px;
}
.professional__flex__eria a {
	position: relative;
	display: block;
	width: 80%;
	max-width: 300px;
	color: #2A8CB6;
	border: solid 1px #2A8CB6;
	padding: 10px 0;
	text-align: center;
	border-radius: 50px;
	text-decoration: none;
}
.professional__flex__eria a::after{
	content: "";
	position: absolute;
	width: 60px;
	height: 1px;
	background-color: #2A8CB6;
	right: -60px;
	top: 50%;
	transform: translate(-50%,-50%);
}
.professional__flex__eria__images {
	width: 200px;
	margin-top: 20px;
	margin-right: auto;
}
@media (max-width:767px) {
	.professional {
		margin-bottom: 100px;
	}
	.professional h2 {
    margin-bottom: 50px;
		font-size: 3rem;
		line-height: 5rem;
	}
	.professional h3{
		margin-bottom: 100px;
		font-size: 2.4rem;
		line-height: 3.6rem;
	}
	.professional__flex {
		display: block;
	}

	.professional__flex__eria {
		width: 70%;
		margin: 0 auto 20px;
	}
	.professional__flex__eria-right {
		width: 90%;
	}


	.professional__flex__eria a {
		margin: 0 auto;
	}
	.professional__flex__eria__images {
		margin: 20px auto 0;
	}
}


/*-------------------------top-pick----------------------------*/

.top-pick {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 100px;
}

.top-pick h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	color: #1B83B1;
	text-align: left;
	margin-bottom: 40px;	
}
.top-pick h3 {
	font-size: 3rem;
	line-height: 4.5rem;
	text-align: left;
	color: #1B83B1;
	margin-bottom: 60px;
}

.top-pick__tag {
	text-align: left;
}
.top-pick__tag span {
	display: inline-block;
	padding: 5px 34px;
	border: solid 1px #1B83B1;
	color: #1B83B1;
	border-radius: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.top-pick__text {
	text-align: left;
	color: #707070;
}

@media (max-width:767px) {
	.top-pick {
		margin-bottom: 100px;
	}
	.top-pick h2 {
    margin-bottom: 50px;
		font-size: 3rem;
		line-height: 5rem;
	}
	.top-pick h3{
		margin-bottom: 100px;
		font-size: 2.4rem;
		line-height: 3.6rem;
	}	
}

/*-------------------------top-mail----------------------------*/

.top-mail {
	max-width: 1920px;
	margin: 0 auto 100px;
	background-color: #E9F3F8;
	padding: 50px 0;
}

.top-mail h2 {
	font-size: 3rem;
	line-height: 4.5rem;
	margin-bottom: 50px;
	color: #2A8CB6;
}
.top-mail p {
	margin-bottom: 30px;
}
.top-mail__mail {
	width: 80%;
	max-width: 400px;
	padding: 25px;
	margin: 0 auto 50px;
	border: none;
	border-radius: 20px;
}
.top-mail-button {
	position: relative;
	width: 80%;
	max-width: 420px;
	margin: 0 auto;
}
.top-mail-button:hover {
	opacity: 0.5;
}
.top-mail__button {
	-webkit-appearance: none;
	color: #fff;
	display: block;
	width: 100%;
	height: 60px;
	text-decoration: none;
	background-color: #2A8CB6;
	border-radius: 50px;
	border: none;
}

.top-mail__button__line {
content: '';
position: absolute;
width: 60px;
height: 1px;
background-color: #64C8DC;
right: -60px;
top: 50%;
transform: translate(-50%,-50%);
}

/*-------------------------top-news----------------------------*/

.top-news {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 100px;
}

.top-news h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	color: #1B83B1;
	text-align: left;
}

.top-news__flex {
	display: flex;
	justify-content: space-between;
}

.top-news__flex h3 {
	font-size: 3rem;
	width: 200px;
	text-align: left;
	line-height: 4.5rem;
	margin-top: 50px;
	color: #2A8CB6;
}
.top-news__flex ul {
	list-style: none;
	font-size: 1.8rem;
	text-align: left;
}
.top-news__flex ul li a {
	display: block;
	color: #707070;
	margin-bottom: 40px;
}
.top-news__flex ul time {
	margin-right: 20px;
}
.top-news__tab {
	display: inline-block;
	margin-right: 20px;
	font-size: 1.4rem;
	padding: 5px 30px;
	background-color: #2A8CB6;
	border-radius: 50px;
	margin-bottom: 10px;
	color: #fff;
}
.top-news__text {
	display: inline-block;
}
.top-news__flex ul li:first-child .top-news__text {
	margin-right: 20px;
}
.top-news__new {
	color: #FF0000;
}

@media (max-width: 767px) {
	.top-news {
		margin-bottom: 100px;
	}
	.top-news h2 {
    margin-bottom: 50px;
		font-size: 3rem;
		line-height: 5rem;
	}
	.top-news h3{
		margin-bottom: 100px;
		font-size: 2.4rem;
		line-height: 3.6rem;
	}	
	.top-news__flex {
		display: block;
	} 
}

/*-------------------------about us----------------------------*/

.top-about {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 150px;
	text-align: left;
}
.top-about h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	color: #1B83B1;
	text-align: left;
	margin-bottom: 40px;
}
.top-about h3 {
	font-size: 3rem;
	line-height: 4.5rem;
	color: #2A8CB6;
	margin-bottom: 60px;
}

.top-about table {
	width: 100%;
}
.top-about table tr td {
	padding: 30px 0;
	border-bottom: solid 1px #707070;
}
.top-about table tr td:first-child {
	border-top: solid 1px #707070;
}
.top-about table tr td:nth-child(2) {
	border-top: solid 1px #707070;	
}
.top-about table tr td:nth-child(odd) {
	width: 20%;
	color: #2A8CB6;
}
.top-about table tr td:nth-child(even) {
	width: 80%;
}


@media (max-width:767px) {
	.top-about {
		margin-bottom: 100px;
	}
	.top-about h2 {
		margin-bottom: 50px;
		font-size: 3rem;
		line-height: 5rem;
	}
	.top-about h3{
		margin-bottom: 100px;
		font-size: 2.4rem;
		line-height: 3.6rem;
	}	
}







/*-------------------------footer----------------------------*/

.top-button {
	z-index: 999;
    position: fixed;
    padding: 10px 15px;
    bottom: 5%;
    right: 5%;
    background-color: rgba(42,140, 182, 0.8);
    border-radius: 10px;
    color: #fff;
}

footer {
	max-width: 1920px;
	margin: 0 auto;
}

.footer__contact {
	display: flex;
	align-items: center;
	position: relative;
	background-image: url(image/top/footer.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.footer__contact::after {
    content: "";
    position: absolute;
    background: linear-gradient(to right, rgb(0, 0, 30, 0.8), rgb(0,0,0,0));
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.footer__contact__eria {
	z-index: 1;
	color: #fff;
	text-align: left;
	width: 90%;
	max-width: 1200px;
	margin: 70px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer__contact__eria h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	margin-bottom: 50px;
}
.footer__contact__eria h3 {
	font-size: 3rem;
	line-height: 4.5rem;
	margin-bottom: 30px;
}

.footer__contact__eria a {
	color: #fff;
	width: 80%;
	text-align: center;
	max-width: 300px;
	position: relative;
	display: block;
	text-decoration: none;
	background-color: #2A8CB6;
	padding: 15px 0;
	border-radius: 50px;
}
.footer__contact__eria a::after{
	content: '';
	position: absolute;
	width: 60px;
	height: 1px;
	background-color: #64C8DC;
	right: -60px;
	top: 50%;
	transform: translate(-50%,-50%);
}

.footer__nav {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
}
.footer__nav ul {
	display: flex;
	gap: 20px;
	list-style: none;
}
.footer__nav ul li a {
	color: #707070;
	text-decoration: none;
}

.footer__bottom {
	background-color: #2A8CB6;
	padding: 35px 0;
}
.footer__bottom a {
	font-weight: 600;
	text-decoration: none;
	display: block;
	width: 90%;
	max-width: 420px;
	border-radius: 50px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #fff;
	color: #2A8CB6;
}

@media (max-width:767px) {
	.footer__contact__eria h2 {
		margin-bottom: 20px;
		font-size: 3rem;
		line-height: 5rem;
	}
	.footer__contact__eria h3{
		margin-bottom: 40px;
		font-size: 2.4rem;
		line-height: 3.6rem;
	}	
	.footer__contact__eria {
		display: block;
	}
	.footer__nav {
		display: block;
	}
	.footer__nav ul {
		display: block;
	}
	.footer__nav ul li {
		margin-bottom: 30px;
	}
	.footer__contact__eria a {
		margin: 50px auto 0;
	}
}



/*-------------------top以外のheader下メイン-----------------------*/

.header-top-eria {
	height: 80px;
}
.header__bottom {
	position:relative;
	max-width: 1920px;
	margin: 0 auto 100px;
}
.header__bottom__blar {
	position: absolute;
	display: flex;
	align-items: center;
	background: linear-gradient(to right, rgb(0, 0, 30, 0.8), rgb(0,0,0,0));
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.header__bottom__blar__text {
	width: 90%;
	max-width: 1320px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
}
.header__bottom__blar__text h3 {
	margin-bottom: 25px;
}
.header__bottom__blar__text h2 {
	font-size: 3.5rem;
	line-height: 5rem;
}
@media (max-width:1100px) {
	.header-top-eria {
		height:auto;
	}
	.header {
		background-color: rgb(0,0,0,0);
	}
}
/*-------------------------about----------------------------*/

/*-------------------------about-main----------------------------*/

.consulting__main {
	background-image: url(image/about/about-top.jpg);
	height: 340px;
	background-size: cover;
	background-position: 80% 50%;
	margin-bottom: 60px;
}

/* .consulting__nav {
	margin-bottom: 40px;
} */
.consulting__nav ul {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: space-between;
}
@media (max-width: 1000px) {
	.consulting__nav ul {
		width: 450px;
	}
}
.consulting__nav ul li {
	text-align: left;
	margin-bottom: 40px;
	width: 200px;
	position: relative;
}
.consulting__nav ul li::after {
	content: "〉";
	position: absolute;
	top: 5px;
	right: 0;
	font-weight: bold;
	transform: rotate(90deg);
	color: #54A2C4;
}

.consulting__nav ul li a {
	display: block;
	font-size: 1.4rem;
	line-height: 2.1rem;
	width: 100%;
	text-decoration: none;
	color: #2A8CB6;
	padding-bottom: 13px;
	border-bottom: solid 1px #2A8CB6;
}
@media (max-width: 767px) {
	.header__bottom {
		margin-bottom: 100px;
	}
	.consulting__nav ul {
		display: block;
		width: 300px;
	}
	.consulting__nav ul li {
		margin: 0 auto 40px;
	}
	.consulting__nav {
		margin-bottom: 100px;
	}
}

/*-------------------------about-philosophy----------------------------*/

.philosophy {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 40px;
}
.philosophy h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	color: #1B83B1;
	margin-bottom: 40px;
}
.philosophy p {
	font-size: 3rem;
	line-height: 4.5rem;
	color: #1B83B1;
	font-weight: 600;
	margin-bottom: 60px;
}
.philosophy ul {
	list-style: none;
}
.philosophy ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}
.philosophy ul li:first-child,.philosophy ul li:nth-child(2) {
	margin-bottom: 100px;
}
.philosophy__flex1 {
	font-size: 5rem;
	font-weight: 600;
	color: #2A8CB6;
	margin-right: 20px;
}
.philosophy__flex1 span {
	display: inline-block;
	margin-right: 10px;
	font-size: 8rem;
	vertical-align: top;
	color: #C8C8C8;
	opacity: 0.7;
}
.philosophy__flex2 {
	flex: 1;
	height: 2px;
	background-color: #2A8CB6;
}
.philosophy__flex3 {
	margin: 0 20px;
	width: 50%;
	font-size: 2.4rem;
    line-height: 3.6rem;
}
.philosophy__flex3 span {
	display: block;
	margin-top: 20px;
	font-size: 1.6rem;
	line-height: 2.4rem;
}
@media (max-width: 767px) {
	.philosophy {
		padding-bottom: 40px;
	}
	.philosophy h2 {
		font-size: 3rem;
		line-height: 4.5rem;
	}
	.philosophy p {
		font-size: 2.4rem;
		line-height: 3.6rem;
		margin-bottom: 100px;
	}
	.philosophy ul li {
		display: block;
	}
	.philosophy__flex1 {
		font-size: 3rem;
		line-height: 4.5rem;
		margin: 0 0 20px 0;
	}
	.philosophy__flex1 span {
		display: inline-block;
		margin-right: 5px;
		font-size: 7rem
	}
	.philosophy__flex3 {
		margin: 0;
		width: 100%;
		font-size: 2.4rem;
		line-height: 3.6rem
	}
	.philosophy__flex2 {
		margin-bottom: 20px;
	}
	.philosophy ul li:first-child,.philosophy ul li:nth-child(2) {
		margin-bottom: 100px;
	}
}

/*-------------------------about-marketing----------------------------*/

.marketing {
	width: 90%;
	text-align: left;
	max-width: 1200px;
	margin: -100px auto 100px;
}
.marketing h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	color: #1B83B1;
	margin-bottom: 40px;
}
.marketing p {
	font-size: 3rem;
	line-height: 4.5rem;
	color: #1B83B1;
	font-weight: 600;
	margin-bottom: 60px;
}

.marketing__top {
	display: flex;
	align-items: center;
	margin-bottom: 60px;
}
.marketing__top div {
	width: 50%;
}
.marketing__top__image img {
	border-radius: 20px;
}
.marketing__top__text h3 {
	width: 80%;
	margin: 0 auto 20px;
	font-size: 2.5rem;
	line-height: 4.25rem;
}
.marketing__top__text p {
	width: 80%;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #707070;
	font-weight: 500;
}
.marketing__bottom {
/* 	width: 90%; */
	max-width: 1200px;
	margin: 0 auto;
	display: flex !important;
	justify-content: space-between;
}
.marketing__bottom div {
	padding: 40px 0;
	width: 32%;
	border-radius: 15px;
	background-color: #F4F9FB;
}
.marketing__bottom h3 {
	width: 80%;
	margin: 0 auto 20px;
	font-size: 2rem;
	line-height: 3rem;
	text-align: center;
	color: #2A8CB6;
	padding-bottom: 20px;
	border-bottom: solid 2px #2A8CB6;
}
.marketing__bottom h4 {
	text-align: center;
	font-size: 2rem;
	line-height: 3rem;
	margin-bottom: 40px;
}
.marketing__bottom .marketing__bottom__last {
	margin-bottom: 5px;
}
.marketing__bottom__sub {
	font-size: 1.4rem;
	line-height: 2.6rem;
	text-align: center;
	display: block;
	margin-bottom: 5px;
}
.marketing__bottom ul {
	width: 80%;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.marketing {
		margin-bottom: 100px;
	}
	.marketing h2 {
		font-size: 3rem;
		line-height: 4.5rem;
	}
	.marketing p {
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 80px;
	}
	.marketing__top {
		display: block;
		margin-bottom: 70px;
	}
	.marketing__top div {
		width: 100%;
		margin-bottom: 20px;
	}
	.marketing__bottom {
		display: block !important;
	}
	.marketing__bottom div {
		margin: 0 auto 40px;
		padding: 40px 0;
		width: 100%;
		max-width: 400px;
		border-radius: 15px;
		background-color: #F4F9FB;
	}
}


/*----------------------------about-management-------------------------*/

.management {
	width: 90%;
	text-align: left;
	max-width: 1200px;
	margin: -100px auto 100px;
}
.management h2 {
	font-size: 5rem;
	line-height: 7.5rem;
	color: #1B83B1;
	margin-bottom: 40px;
}
.management p {
	font-size: 3rem;
	line-height: 4.5rem;
	color: #1B83B1;
	font-weight: 600;
	margin-bottom: 80px;
}
.management-top {
	display: flex;
	align-items: center;
	margin-bottom: 60px;
}
.management-top__eria {
	width: 50%;
}
.management-top__text h3 {
	width: 80%;
	margin: 0 auto 20px;
	font-size: 2.5rem;
	line-height: 4.25rem;
}
.management-top__text p {
	width: 80%;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #707070;
	font-weight: 500;
}
.management-top__image {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}
.management-top__image div {
	width: 46%;
}
.management-top__image div img {
	border-radius: 20px;	
}
.management .management__list-none {
	padding: 0;
	margin: 0;
	background-color: #11ffee00;	
}
@media (max-width: 767px) {
	.management h2 {
		font-size: 3rem;
		line-height: 4.5rem;
	}
	.management p {
		width: 100%;
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 80px;
	}
	.management-top {
		display: block;
		margin-bottom: 100px;
	}
	.management-top__eria {
		width: 100%;
	}
	.management-top__text h3 {
		width: 100%;
	}
}




/*----------------------------privacy-------------------------*/


/*-------------------------privacy-main----------------------------*/

.privacy__main {
	background-image: url(image/privacy-top.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 340px;
}

/*-------------------------privacy-policy----------------------------*/

.policy {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 100px;
	text-align: left;
	line-height: 3rem;
}
.policy h2 {
	font-size: 3rem;
	line-height: 4.5rem;
	color: #2A8CB6;
}
.policy__time {
	color: #2A8CB6;
	margin-bottom: 50px;
}

.policy-detail {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 100px;
	text-align: left;
	line-height: 3rem;
}
.policy-detail ul {
	list-style: none;
	padding-bottom: 170px;
}
@media (max-width: 767px) {
	.policy-detail ul {
		padding-bottom: 0;
	}
}
.policy-detail ul li {
	margin-bottom: 60px;
}

.policy-detail ul li h2 {
	font-size: 2rem;
	margin-bottom: 30px;
}
.policy-detail__margin-top {
	margin-top: 50px;
}


/*----------------------------low-------------------------*/


/*-------------------------low-main----------------------------*/

.low__main {
	background-image: url(image/low-top.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 340px;
}
/*-------------------------low-list----------------------------*/
.low__list {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 100px;
	text-align: left;
}
.low__list ul {
	list-style: none;
}
.low__list ul li {
	display: flex;
	align-items: center;
	padding: 30px 0;
	border-top: solid 1px #C8C8C8;
}
.low__list ul li:last-child {
	border-bottom: solid 1px #C8C8C8;
}
.low__list ul li h2 {
	width: 15vw;
	color: #2A8CB6;
}
.low__list ul li p {
	flex: 1;
}
@media (max-width:767px) {
	.low__list ul li {
		display: block;
	}
	.low__list ul li h2 {
		width: 100%;
	}
}

/*-------------------------single----------------------------*/

.article {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
}
.article__tag span {
	display: inline-block;
	padding: 5px 30px;
	background-color: #2A8CB6;
	border-radius: 50px;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 40px;
}
.article__h2 {
	font-size: 3rem;
	line-height: 4.5rem;
	color: #2A8CB6;
	margin-bottom: 30px;
}
.article time {
	color: #2A8CB6;
	display: block;
	margin-bottom: 30px;
}
.article__line {
	width: 100%;
	height: 1px;
	background-color: #707070;
	margin-bottom: 50px;
}
.article__image {
	margin-bottom: 40px;
	aspect-ratio: 16/9;
}
.article__image img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.single-margin {
	height: 230px;
}
.article__button {
	position: relative;
	display: block;
	width: 80%;
	max-width: 300px;
	color: #2A8CB6;
	border: solid 1px #2A8CB6;
	padding: 20px 0;
	margin: 150px auto 300px;
	text-align: center;
	border-radius: 50px;
	text-decoration: none;
}
.article__button::after {
	content: "";
	position: absolute;
	width: 60px;
	height: 1px;
	background-color: #2A8CB6;
	right: -60px;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media (max-width: 767px) {
	.article {
		margin-top: -100px;
	}
}
@media (max-width: 1200px) {
	.single__logo {
		color: #333;
	}
	.article__button {
		margin: 100px auto 100px;
	}
}

.contact__discrption {
	text-align: left;
	width: 90%;
	max-width: 960px;
	margin: -50px auto 50px;
}
.contact__discrption__margin {
	margin-bottom: 30px;
}
.contact__text {
	width: 90%;
	max-width: 960px;
	margin: 0 auto 30px;
	align-items: center;
	display: flex;
	justify-content: center;
}
.contact__text h2 {
	width: 150px;
	text-align: left;
	margin-right: 70px;
}
.contact__text h2 span {
	color: #FF6B6B;
}
.contact__text p {
	flex: 1;
}
.contact__text input,  .contact__text textarea, .contact__text select{
	width: 90%;
	-webkit-appearance: none;
	padding: 20px 5%;
	background-color: #2A8CB610;
	border: none;
	border-radius: 10px;
}
.contact__text select {
	width: 100%;
}
.menu-345::after {
    position: absolute;
    content: "";
    border-top: 10px solid #2A8CB6;
    border-right: 7px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 7px solid transparent;
    right: 20px;
    top: 40%;

}
.contact__text textarea {
	align-items: flex-start;
}
.contact__text textarea h2 {
	margin-top: 20px;
}
.contact__p {
	margin-bottom: 100px;
}
.contact__p span {
	color: #FF6B6B;
}
.wpcf7-submit {
	-webkit-appearance: none;
	background-color: #fff;
	border-radius: 50px;
	color:rgba(42,140, 182, 1);
	border: solid 1px rgba(42,140, 182, 1);
	width: 300px;
	height: 60px;
	margin-top: 100px;
}
.wpcf7-submit:hover {
	opacity: 0.5;
}
.contact__bottom {
	height: 100px;
}
.wpcf7-spinner {
	display: none!important;
}
.wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	.contact__text {
		display: block;
	}
	.contact__text h2 {
		margin-top: 0;
		margin-bottom: 15px;
	}
}
.button {
	position: relative;
    display: block;
    width: 80%;
    max-width: 300px;
    color: #2A8CB6!important;
    border: solid 1px #2A8CB6;
    padding: 10px 0;
    text-align: center;
    border-radius: 50px;
    text-decoration: none;
}
.button::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 1px;
    background-color: #2A8CB6;
    right: -60px;
    top: 50%;
    transform: translate(-50%,-50%);
}

/*-------------------------contact-main----------------------------*/

.contact__main {
	background-image: url(image/top/footer.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 340px;
}

/*-------------------------contact-main----------------------------*/

.column__main {
	background-image: url(image/column-top.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 340px;
}

/*-------------------------thank-main----------------------------*/

.thank__main {
	background-image: url(image/thank-top.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 340px;
	margin-bottom: 80px;
}
.thank__br {
	margin-bottom: 10px;
}
.thank__margin {
	margin-bottom: 80px;
}
.thank__mail {
	margin-bottom: 0;
}

/*-------------------------news-main----------------------------*/

.news__main {
	background-image: url(image/news-top.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
	height: 340px;
}

.news__list {
	width: 90%;
	max-width: 800px;
	margin: 0 auto 40px;
	list-style: none;
	text-align: left;
}
.news__list li {
	padding: 20px 10px;
	border-bottom: solid 1px #2A8CB6;
}
.news__list li:last-child {
	border-bottom: none;
}
.news__list li a {
	color: #707070;
}
.news__list time {
	display: inline-block;
	width: 150px;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px 10px!important;
	margin: 5px!important;
	color: #707070;
}
.wp-pagenavi {
	margin-bottom: 100px;
}
.wp-pagenavi span.current {
    font-weight: bold;
	background-color: #2A8CB6;
	color: #fff;
}
#support, #voice, #consultant, #news, #campany {
	display: block;
	padding-top: 80px;
	margin-top: -80px;
}

.pick-up {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.pick-up li {
		width: 45%;
	}
	.top-pick__tag span {
		padding: 2px 10px;
	}
}
.content__hover:hover {
	opacity: 0.5;
	transition: 0.4s;
}

.column__content {
	font-size: 1.8rem;
	line-height: 1.5;
	margin-bottom: 60px;
}
.column__list {
	display: inline-block;
	list-style: none;
	padding: 20px;
	border: #1A82B1 solid 1px;
	margin-bottom: 60px;
}
.column__list ol {
	list-style: none;
}
.column__list a {
	color: #707070;
}
.column__list a:hover {
	opacity: 0.5;
}
.column__list li {
	margin-bottom: 20px;
}
.column__list li ol li {
	margin-bottom: 10px;
}
.column__list li ol li:first-child {
	margin-top: 10px;
}
.small-title {
	display: flex;
	align-items: center;
}
.small-title::before {
	content: "";
	display: inline-block;
	width: 10px;
	margin: 0 5px;
	height: 1px;
	background: #707070;

}
.article .link {
	display: block;
    padding-top: 50px;
    margin-top: -50px;
	margin-bottom: 60px;
}
@media (max-width: 767px) {
	.article .link {
		padding-top: 30px;
		margin-top: -30px;
		margin-bottom: 40px;
	}
}

.mokuzi {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.mokuzi::before {
	content: "";
	display: block;
	margin-right: 5px;
	width: 5px;
	height: 20px;
	background: #1A82B1;
}
.mokuzi::after {
	content: "";
	display: block;
	flex: 1;
	height: 1px;
	margin-left: 5px;
	background: #1A82B1;
}

.article .main-title {
	padding: 20px 0;
	margin-bottom: 20px;
	font-size: 2.4rem;
	line-height: 1.5;
	display: flex;
	align-items: center;
}
.article .main-title::before{
	content: "";
	height: 50px;
	width: 10px;
	margin-right: 20px;
	display: inline-block;
	background-color: #1A82B1;
}
.article .sub-title {
	padding: 20px 0;
	margin-bottom: 20px;
	font-size: 2rem;
	line-height: 1.5;
	display: flex;
	align-items: center;
}
.article .sub-title::before{
	content: "";
	height: 40px;
	margin-right: 20px;
	width: 5px;
	display: inline-block;
	background-color: #707070;
}
ol {
	list-style: none;
}


/* ここからflow */

/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box {
  opacity: 0;
}

/*==================================================
動かしたい動き（今回は” ふわっ” を採用）
===================================*/

 .fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 線の設定 */
.Flow .box::after {
  content: "";
  position: absolute;
  top: 87px;
  left: 28%;
  display: block;
  width: 18%;
  height: 2px;
  background-color: #2A8CB6;
}

.Flow .Flowbox {
  margin-top: 82px;
}

/* flow中身の設定 */
.Flow .box {
  position: relative;
	    display: block;
	margin-left: 60px;
}

.Flow .StepTitle {
  font-size: 5.0rem;
  text-transform: uppercase;
  color: #2A8CB6;
}

.Flow .StepNo {
  font-size: 6.4rem;
  padding-left: 10px;
  color: #C8C8C8;
  letter-spacing: 6px;
}

.Flow .StepTextBox {
  background-color: #E9F3F8;
  width: 50%;
  height: 204px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Flow .StepTextBox p{
	font-size: 1.4rem;
	font-weight: 400;
line-height: 2.5rem;
    color: #707070;
	margin: 7px 0 0 0;
}
.Flow .StepTextBoxinner {
  width: 70%;
}

.Flow .Flowbox {
  display: flex;
  justify-content: space-around;
	padding-top: 42px;
}

.Flow .StepImage {
  width: 46%;
  height: 180px;
  border-radius: 15px;
  overflow: hidden;
  position: absolute;
  top: 110px;
  left: 0;
}

.Flow .StepImage img {
  width: 100%;
  height: 204px;
  object-fit: cover;
  object-position: center;
}
.FlowBtn1 a, .FlowBtn2 a{
	margin: 0 auto 64px auto;
}
.FlowBtn1 .button2, .FlowBtn2 .button2{
	margin-top: -180px;
}
.FlowCategory{
	    margin-bottom: 120px;
}
/* 完成するまで非表示 */
.FlowBtn1{
margin-top: 140px;
}
.FlowBtn2{
margin-top: 100px;
}
@media (max-width:767px) {
	.Flow .box{
		margin-left: 0;
	}
	.Flow .Flowbox {
		display:block;
		width: 100%;
	}
	.Flow .StepTextBox {
		width:100%;
		    padding: 10%;
		  height: auto;
	}

	.Flow .StepImage {
		width: 46%;
    height: 130px;
     top: -30px;
    left: 60%;
	}

}
@media (max-width:500px) {
	.Flow .StepImage{
	    width: 89%;
    left: 5%;
    top: 95%;
		    height: 110px;
	}
	.Flow .StepTextBox p {
line-height: 2.2rem;
		font-size: 1.4rem;
		margin-top: 10px;
	}
	}