/*-----------------------------top-main-img---------------------------*/

.top-main-img{
	margin-top: 80px;
	background: url(../img/top/top-bg01.png) no-repeat;
	background-size: 100% 811px;
	position: relative;
	height: 811px;
}

.top-main-img .img-container01{
	position: relative;
	top: 65px;
	left: 260px;
	z-index: 1;
}

.top-main-img .img-container02{
	position: relative;
	top: 30px;
	left: 110px;
}

.top-main-img .img-container03{
	position: relative;
	top: 0;
	left: 210px;
}

.top-main-img .img-container04{
	position: relative;
	top: -635px;
	left: 74%;
}


.top-main-img .img-container05{
	position: relative;
	top: -662px;
	left: 77%;
	z-index: 1;
}

.top-main-img .img-container06{
	position: relative;
	top: -696px;
	left: 72%;
}


.top-main-img .top-main-txt{
	position: absolute;
	top: 290px;
	width: 100%;
	margin: 0 auto 280px;
	text-align: center;
	font-size: 46px;
}

.top-main-img .top-main-txt img{
	margin-bottom: 50px;
}


/*-----------------------------top-msg---------------------------*/

.top-msg{
	background: url(../img/common/bg01.jpg);
	padding: 200px 0 120px;
	z-index: -3;
	position: relative;
}

.top-msg h2{
	text-align: center;
	font-size: 90px;
	line-height: 50px;
	letter-spacing: 5px;
	font-weight: 600;
}

.top-msg h2 span{
	font-size: 36px;
	font-weight: 600;
}
.top-msg p{
	margin-top: 30px;
	font-size: 20px;
	line-height: 2.4em;
	font-weight: 500;
	letter-spacing: 3px;
}

.parallax1 {
	position: absolute;
  left: 270px;
  top: 50px;
  width: auto;
  height: auto;
  z-index: -3;
}

.parallax2 {
	position: absolute;
  left: 100px;
  top: 280px;
  width: auto;
  height: auto;
  z-index: -3;
}
.parallax3 {
	position: absolute;
  left: 190px;
  top: 540px;
  width: auto;
  height: auto;
  z-index: -3;
}

.parallax4 {
	position: absolute;
  right: 200px;
  top: 70px;
  width: auto;
  height: auto;
  z-index: -1;
}

.parallax5 {
	position: absolute;
  right: 90px;
  top: 300px;
  width: auto;
  height: auto;
  z-index: -3;
}

.parallax6 {
	position: absolute;
  right: 165px;
  top: 570px;
  width: 77px;
  height: auto;
  z-index: -3;
}



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


.top-news{
	background: #F9F5EA;
}

.top-news .top-news-wap{
	background: #fff;
	box-shadow: 10px;
	margin: 45px auto 45px;
	position: relative;
	height: 110px;
}

.top-news .top-news-wap .top-news-ttl{
	font-size: 28px;
	position: absolute;
	top: 45px;
	margin-left: -100px;
}

.top-news .top-news-wap .top-news-txt-wap{
	margin: 30px 40px 30px 100px;
}

.top-news .top-news-wap .top-news-txt-wap .top-news-txt-day{
	width: 115px;
}

.top-news .top-news-wap .top-news-txt-wap a{
	display: block;
	line-height: 2.0em;
}

/* 新着情報 状態表示（読み込み中／0件／取得失敗） */
.top-news .top-news-wap .top-news-txt-wap .top-news-txt-state{
	margin: 0;
	line-height: 2.0em;
	color: #666;
}

.top-news .top-news-wap .top-news-txt-wap.is-error .top-news-txt-state{
	color: #b23b3b;
}

.top-news .top-news-wap .top-news-txt-wap.is-loading .top-news-txt-state{
	color: #999;
}

@media all and (-ms-high-contrast: none){
	.top-news .top-news-wap .top-news-txt-wap{
		margin: 30px 40px 60px 100px;
	}
}
	
.top-news .top-news-wap .top-news-btn{
	background: #2B4357;
	color: #fff;
	height: 100%;
	line-height: 110px;
	padding: 0 25px;
	border: 5px solid #2B4357;
	transition: 0.3s;
}

.top-news .top-news-wap .top-news-btn span{
	font-size: 0px;
	position: relative;
	top: -5px;
	left: 6px;
}

@media all and (-ms-high-contrast: none){
	.top-news .top-news-wap .top-news-btn span{
	top: -5px;
	left: 8px;
}
}

.top-news .container{
	padding: 0 0 0 60px;
}

/*----------------------------top-cont01----------------------------*/


.top-cont01{
	width: 1100px;
	padding: 100px 0 0 0;
	margin: auto;
	
}

.top-cont01 .col-lg-6{
	padding: 0;
	width: 47%;
}

.top-cont01 p{
	font-size: 30px;
	color: #fff;
	font-weight: 600;
	line-height: 1.2em;
}

.top-cont01 p span{
	font-size: 22px;
	font-weight: 500;
}

.top-cont01 .top-cont01-inner-grn{
	background: #7BD386;
	padding: 120px 0 60px;
	position: relative;
	top: -110px;
	z-index: -1;	
}

.top-cont01 .top-cont01-inner-blue{
	background: #6DACE1;
	padding: 120px 0 60px;
	position: relative;
	top: -110px;
	z-index: -1;
}

.top-cont01-img-wap{
	background: #fff;
	margin-left: 60px;
	margin-bottom:10px;
}


.top-cont01 .top-cont01-inner02{
	margin-left: 60px;
}

.top-cont01 .btn-navy2{
	display: block;
	width: 280px;
	margin: auto;
	text-align: center;
	position: relative;
	top: -128px;
}




/*----------------------------top-bnr----------------------------*/


.top-bnr{
	width: 100%;
	background: url(../img/top/bg02.jpg) no-repeat;
	background-size: cover;
	padding: 80px 0;
	background-attachment: fixed;
}

.top-bnr .top-bnr-wap{
	width: 850px;
	background: #fff;
	margin: auto;
	height: 250px;
	box-shadow:3px 6px 27px -3px #9B9B9B;
}

.top-bnr .top-bnr-wap h3{
	font-size: 30px;
	margin: 100px 0 84px 80px;
}

.top-bnr .top-bnr-wap span{
	font-size: 22px;
	font-weight: 500;
}

.top-bnr .top-bnr-wap .btn-navy2 span{
	font-size: 10px;
}

.top-bnr .top-bnr-wap .btn-navy2{
	position: relative;
	top: -28px;
}

.top-bnr .btn{
	display: block;
	width: 280px;
	margin: -35px auto 0;
}

.top-bnr .btn .btn01{
	padding: 15px 78px;
}


.top-bnr .btn span.arrow02{
	left: 50px;
}

.top-bnr .imgwrap{
	position: relative;
	background: #fff;
}

.top-bnr .imgwrap:hover img{
}


/*----------------------------top-interview----------------------------*/

.top-interview{
	width: 100%;
	padding: 100px 0 100px;
	background-image: url(../img/top/top-bg02.png);
	background-position: top;
	background-repeat: repeat-x;
	background-size: 100% 90%;
}

.top-interview h3,
.top-telework h3{
	font-size: 42px;
	text-align: center;
	margin-bottom: 70px;
}
.top-interview span,
.top-telework span{
	font-size: 22px;
	font-weight: 500;
}

.top-interview .btn{
	margin: 10px auto 0;
	display: block;
	width: 294px;
}

.top-interview .btn span{
	font-size: 10px;
	position: relative;
	top: -5px;
}

.top-interview .btn span.triangle01{
	font-size: 0;
}

.top-interview .top-interview-wap{
	width: 990px;
	margin: auto;
}


.top-interview .top-interview-inner{
	margin-bottom: 60px;
}

.top-interview .top-interview-inner .top-interview-inner-txt{
		background-color: #fff;
		padding: 24px 0 24px 18px;
		position: relative;
		top: -6px;
		width: 300px;
		box-shadow:0px 0px 5px -3px #d4d4dd;
		position: relative;
}

.top-interview .top-interview-inner .top-interview-inner-txt .icon01{
	position: absolute;
	top: -17px;
	right: 15px;
}

.top-interview .top-interview-inner-org .top-interview-inner-txt{
	border-bottom: #FE6942 12px solid;
}

.top-interview .top-interview-inner-pink .top-interview-inner-txt{
	border-bottom: #EE91B0 12px solid;
}

.top-interview .top-interview-inner-blue .top-interview-inner-txt{
	border-bottom: #6DACE1 12px solid;
}

.top-interview .top-interview-inner-org .top-interview-inner-txt .arrow02{
	color: #FE6942;
	left: 0;
}

.top-interview .top-interview-inner-pink .top-interview-inner-txt .arrow02{
	color: #EE91B0;
	left: 0;
}

.top-interview .top-interview-inner-blue .top-interview-inner-txt .arrow02{
	color: #6DACE1;
	left: 0;
}



.top-interview .top-interview-inner-org .top-interview-inner-txt p.top-interview-inner-txt01{
	font-size: 16px;
	font-weight: 500;
	color: #FE6942;
	text-align: left;
}

.top-interview .top-interview-inner-pink .top-interview-inner-txt p.top-interview-inner-txt01{
	font-size: 16px;
	font-weight: 500;
	color: #EE91B0;
	text-align: left;
}


.top-interview .top-interview-inner-blue .top-interview-inner-txt p.top-interview-inner-txt01{
	font-size: 16px;
	font-weight: 500;
	color: #6DACE1;
	text-align: left;
}
.top-interview .top-interview-inner .top-interview-inner-txt p.top-interview-inner-txt02{
	font-size: 22px;
	font-weight: 500;
	text-align: left;
	margin-top: 5px;
}

.top-interview .top-interview-inner .top-interview-inner-txt span.top-interview-inner-txt03{
	font-size: 16px;
	font-weight: 400;
	padding-left: 5px;
}

.top-interview .top-interview-inner .top-interview-inner-txt span.top-interview-inner-txt04{
	font-size: 14px;
	font-weight: 400;
	padding-right: 5px;
}

.top-interview a:hover{
	opacity: 1;
}


.text-content {
  padding: 16px;
}
.text-content .title {
  margin: 0 0 12px 0;
  font-size: 20px;
  color: #4cc48e;
}
.text-content .caption {
  margin: 0 0 12px 0;
  font-size: 14px;
  color: #555;
  font-weight: lighter;
}

.content-meta {
  overflow: hidden;
  width: 100%;
  font-size: 12px;
}
.content-meta .date {
  float: left;
  color: #aaa;
}
.content-meta .like {
  display: inline-block;
  float: right;
  color: #4cc48e;
}
.content-meta .like .material-icons {
  vertical-align: middle;
  font-size: 16px;
}

/*----------------------------top-woman----------------------------*/

.top-woman{
	width: 100%;
}

.top-woman .top-woman-ttl{
	background:linear-gradient(90deg,#EE91B0 0%,#EE91B0 70%,#fff 30%,#fff 100%);
	height: 360px;
	width: 100%;
	text-align: center;
	position: relative;
}

.top-woman .top-woman-ttl h3{
	font-size: 42px;
	position: absolute;
	top: 140px;
	left: 65%;
	font-weight: 600;
}

.top-woman .top-woman-ttl span{
	font-size: 22px;
	font-weight: 500;
}
.top-woman .left{
	position: relative;
}
.top-woman .left p{
	text-align: left;
	margin-left: 35%;
	position: relative;
	top: -120px;
	width: 600px;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.4em;
}


.top-woman .left .btn-navy2{
	position: absolute;
	top: 153px;
	left: 335px;
}

.top-woman .right img{
	position: relative;
	top: -50px;
	margin-left: -21%;
}



.top-woman .left .img-container07{
	position: relative;
	top: -180px;
	left: 105px;
	background: #9E90C5;
	
}

.top-woman .left .img-container07:hover{
	
	
}

.top-woman .left .img-container07:hover img{
	background: #9E90C5;
	opacity: 0.6;
	transition: .3s;
}
/*----------------------------top-telework----------------------------*/
.top-talk.top-telework .top-talk-ttl{
	background: #6DACE1;
}
.top-talk .img-container08.blue {
    background: #6DACE1;
}
/*----------------------------top-talk----------------------------*/
.top-talk{
	background: linear-gradient(#F9F5EA 37%, #ffffff 4%);
	position: relative;
}

.top-talk .top-talk-ttl{
	width: 70%;
	text-align: center;
	background: #F79E44;
	float: right;
	padding: 140px 0;
	margin-top: 120px;
	position: relative;
}

.top-talk .top-talk-ttl h3{
	font-size: 42px;
	position: absolute;
	top: 95px;
	right: 88%;
	width: 400px;
	font-weight: 600;
}

.top-talk .top-talk-ttl span{
	font-size: 22px;
	font-weight: 500;
}

.top-talk .img-container08{
	position: relative;
	top: -90px;
	left: -10%;
	background: #F2CB32;
}

.top-talk .img-container08:hover img{
	opacity: 0.7;
}


.top-talk .right .btn{
	position: relative;
	top: -140px;
	left: 22%;
}

.top-talk .right p{
	text-align: left;
	position: relative;
	top: -68px;
	right: -15%;
	width: 500px;
	line-height: 2.4em;
}


.top-talk .left img{
	position:absolute;
	top: 450px;
}


@media all and (-ms-high-contrast: none){
  .top-talk .left img{
    margin-left: 10%;
  }
}


/*----------------------------top-cont02----------------------------*/


.top-cont02{
	width: 100%;
	padding: 140px 0 0 0;
	margin: auto;
	background: url(../img/top/bg03.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.top-cont02-wap{
	width: 1100px;
	margin: auto;
}

.top-cont02 .col-lg-6{
	padding: 0;
	width: 47%;
}

.top-cont02 p{
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2em;
}

.top-cont02 a:hover p,
.top-cont02 a:hover img{
	opacity: 0.7;
	transition: 0.3s;
}

.top-cont02 span{
	font-size: 22px;
	font-weight: 500;
}


.top-cont02 .top-cont02-inner-pink{
	background: #fff;
	padding: 150px 0 50px 0;
	position: relative;
	top: 250px;
	border-bottom: 15px solid #EE91B0;
	box-shadow:3px 6px 5px -3px #d4d4dd;
	
}

.top-cont02 .top-cont02-inner-ppl{
	background: #fff;
	padding: 150px 0 50px 0;
	position: relative;
	top: 250px;
	border-bottom: 15px solid #9E90C5;
	box-shadow:3px 6px 5px -3px #d4d4dd;
}


.top-cont02-img-wap{
	margin-left: 60px;
	margin-bottom: 10px;
	background: #fff;
	position: relative;
	top: -290px;
}

.top-cont02 .top-cont02-inner img{
	
	position: relative;
	z-index: 10;
	
}

.top-cont02 .top-cont02-inner02{
	margin-left: 60px;
}

.top-cont02 .top-cont02-inner-ppl .arrow02{
	font-size: 10px;
	position: relative;
	top: -3px;
	left: 7px;
	color: #9E90C5;
}

.top-cont02 .top-cont02-inner-pink .arrow02{
	font-size: 10px;
	position: relative;
	top: -3px;
	left: 7px;
	color: #EE91B0;
}


/* ---------------------------------------------
動画を見る追加202404
----------------------------------------------*/
.w_change01 {
	width: 75%;
	margin-left: 45px;
}
.w_change02 {
	width: 100%;
}
.top-cont01 .w_change03 {
	margin-left: 0;
}
.top-cont01 .c_change01 {
	background: #F79E44;
}