@charset "utf-8";

/*----------------
共通
-----------------*/

#mainVisual-free{
	padding: 0;
	position: relative;
}
#mainVisual-free .headline.headline-04{
	padding:0 30px;
	position: absolute;
	left: 0;
	right: 0;
	top: 130px;
	margin:auto;
	text-align: center;
}
#mainVisual-free .caption{
	bottom: -22px;
	    right: 0;
}
@media only screen and (max-width:736px) {
	.mainVisual-icon{
	    top: -220px;
	}
}


/*----------------
num01
-----------------*/
.num01 .headline.headline-enTtl{
	padding-left: 30px;
	margin-left: -30px;
}
.num01 .headline.headline-enTtl:after{
	content: '';
	width: 100%;
	height: 1px;
	background: #014993;
	position: absolute;
	left: -100%;
	top: 0.5em;
}
/*cityBox*/
.cityBox{
	margin-top: 20px;
}
.cityBox-clm{
	width: 46%;
}
.cityBox-clm:first-child{
	margin-right: 8%;
	margin-top: 80px;
}
.cityBox-img {
	margin-bottom:50px;
}
.cityBox-img-inner{
	width: 95.65217391304348%;
	position: relative;
}
.cityBox-img-inner span{
	display: block;
	width: 100%;
	height: 100%;
}
.cityBox-img-bg{
	content: '';
	width: 100%;
	height: 100%;
	background: #fff57f;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
.cityBox-txt .cmt small{
	display: block;
}
/*左ver*/
.cityBox-img-inner.cityBox-img-innerL {
	margin-bottom: 60px;
}
.cityBox-img-inner.cityBox-img-innerL .cityBox-img-bg{
	left: auto;
	right: 0;
	top: 0;
	bottom: auto;
}
@media only screen and (max-width:736px) {
	.num01 .headline.headline-enTtl{
		padding-left: 15px;
		margin-left: 10px;
	}
	.num01 .headline.headline-enTtl:after{
		content: '';
		width: 100%;
		height: 1px;
		background: #014993;
		position: absolute;
		left: -100%;
		top: 0.5em;
	}
	/*cityBox*/
	.cityBox{
		margin-top: 50px;
	}
	.cityBox-clm{
		width: 100%;
	}
	.cityBox-clm:first-child{
		margin:0 0 80px;
	}
	.cityBox-clm:first-child .cityBox-img{
		margin: 0 0 0 20px;
	}
	.cityBox-clm:last-child .cityBox-img{
		margin: 0 20px 0 0;
	}
	.cityBox-img-inner{
		width: 100%;
		margin-bottom: 40px;
	}

}

/*----------------
num02
-----------------*/
/*gainen-img*/
.gainen-img{
}
/*systemBox*/
.systemBox{
	margin-top: -200px;
	position: relative;
	z-index: 2;
}
.systemBox .systemBox-txt{
	width: 64%;
}
.systemBox-ill{
	text-align: right;
	margin-top: -90px;
	position: relative;
	z-index: 2;
}
.systemBox-ill .ill-move{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;	

	animation: ill-move 0.8s ease-in-out infinite alternate;
}
@keyframes ill-move {
    0% { transform:scale(1.02); }
  100% { transform:scale(0.98);  opacity: .8; }
}

@media only screen and (max-width:736px) {
	/*gainen-img*/
	.gainen-img{
		margin-right: -20px;
	}
	.gainen-img .caption{
		padding-right: 5px;
		bottom: -15px;
	}
	/*systemBox*/
	.systemBox{
		margin-top:0;
	}
	.systemBox .systemBox-txt{
		width: 100%;
	}
	.systemBox-ill{
		margin-top: 30px;
	}

}

/*lifeArea*/
.lifeArea{
	margin-top: -100px;
	overflow: hidden;
}
.lifeArea .wrap1240{
	position: relative;	
}
.lifeBox-bg{
	width: 90.32258064516128%;
	height: 100%;
	background: #0a488d;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.lifeBox-bg:before{
	content: '';
	width: 50%;
	height: 100%;
	background: #0a488d;
	position: absolute;
	left: -50%;
	top: 0;
	z-index: -1;
}
.lifeBox{
	width: 90.32258064516128%;
	color:#fff;
	padding:60px 0;
}
.lifeBox .lifeBox-txt{
	width: 53.5714285714%;
}
.lifeBox .lifeBox-txt .headline.headline-enTtl{
	color: #ffeb00;
	margin-top: 95px;
    padding-right: 100px;
}
.lifeBox .lifeBox-txt .headline.headline-enTtl:before {
    content: '';
    width: 70px;
    height: 1px;
    background: #ffeb00;
    position: absolute;
    right: 0;
    top: 0.5em;
}
.lifeBox .lifeBox-txt .headline.headline-enTtl:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #0a488d;
    position: absolute;
    right: -100%;
    top: 0.5em;
    z-index: -1;
}
.lifeBox-txt-inner{
	width: 85.33333333333333%;
	padding-left: 16%;
	box-sizing: border-box;
}
.lifeBox .lifeBox-img{
	width: 46.42857142857143%;
    height:504px;
    position: relative;
  }
.lifeBox .lifeBox-img img{
    width: auto;
    height: 100%;
    max-width: initial; /* 初期状態にリセット */
    position: absolute;
    top:50%; /* または200px(heightの半分) */
    left: 50%; /* この値を変更すると左右に位置をずらせる */
    transform: translate(-50%, -50%);
}
.lifeBox .lifeBox-img .caption{
	bottom:-24px;
}
@media only screen and (max-width:1240px) {	
	.lifeBox{
		width: 91.90258064516128%;
	}
}

@media only screen and (max-width:736px) {
	.lifeBox{
		width: 96.022581%;
	    justify-content: initial !important;
	}
	.lifeBox .lifeBox-txt{
		width: 94%;
	}

	.lifeBox .lifeBox-txt .headline.headline-enTtl{
	    padding-right: 60px;
	}
	.lifeBox .lifeBox-txt .headline.headline-enTtl:before {
	    width: 40px;
	}
	.lifeBox-txt-inner{
		width: 100%;
		padding-left: 0;
		padding-right: 10%;
	}
	.lifeBox .lifeBox-img{
		width: 110%;
	    height:auto;
	    margin: 30px -40px 0;
	  }
	.lifeBox .lifeBox-img img{
	    width: 100%;
	    height: auto;
	    max-width: 100%; /* 初期状態にリセット */
	    position: static;
	    transform: none;
	}

}

/*----------------
num03
-----------------*/
.num03 .image{
	width: 84.72222222222221%;
	margin-left: 15.2777777778%;
}
/*lifeinfoBox*/
.lifeinfoBox{
}
.lifeinfoBox .lifeinfoBox-txt{
	width: 36%;
	margin-left: 56.5%;
}
.lifeinfoBox .lifeinfoBox-img{
	margin-top: -80px;
}
.lifeinfoBox .lifeinfoBox-img span{
	font-size: 16px;
	color: #bfdced;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
}
.lifeinfoBox .lifeinfoBox-img span b{
	color: #004088;
	font-weight: 500;
}
.lifeinfoBox .lifeinfoBox-img span.righttop{
	right: -30px;
	top: 0;
}
.lifeinfoBox .lifeinfoBox-img span.leftbottom{
	left: -30px;
	bottom: 0;
}
.lifeinfoBox .lifeinfoBox-img .lifeinfoBox-img-top-clm{
	position: relative;
}
.lifeinfoBox .lifeinfoBox-img .lifeinfoBox-img-bottom-clm{
	position: relative;
	margin-top: 60px;
}
.lifeinfoBox .lifeinfoBox-img .lifeinfoBox-img-top-clm:first-child{
	width: 36%;
}
.lifeinfoBox .lifeinfoBox-img .lifeinfoBox-img-top-clm:last-child{
	width: 35%;
	margin-left: 12%;
}
.lifeinfoBox .lifeinfoBox-img .lifeinfoBox-img-bottom-clm:nth-child(1){
	width: 27%;
}
.lifeinfoBox .lifeinfoBox-img .lifeinfoBox-img-bottom-clm:nth-child(2){
	width: 25%;
	margin-left: 11%;
}
.lifeinfoBox .lifeinfoBox-img .lifeinfoBox-img-bottom-clm:nth-child(3){
	widows: 29%;
	margin-left: 5%;
}
/*lifeinfoBox-caption*/
.lifeinfoBox-caption{
	margin-top: -205px;
}
.lifeinfoBox-caption .cap{
	margin-top: 15px;
}
@media only screen and (max-width:736px) {
	.num03 .image{
		width: 100%;
		margin-left: 0;
	}
	.lifeinfoBox .lifeinfoBox-txt{
		width: 100%;
		margin-left: 0;
	}
	.lifeinfoBox .lifeinfoBox-img{
		margin-top: 40px;
	}
	/*lifeinfoBox-caption*/
	.lifeinfoBox-caption{
		margin-top: 0;
	}

}


/*----------------
num04
-----------------*/
/*slideArea*/
#slideArea{
	padding-top: 50px;
	position: relative;
	background: url(../imgs/img-slide-bg.png) no-repeat center top;
	background-size: 94.35483870967742% auto;
}
/*slide*/
.slide-item{
	position: relative;
	overflow: hidden;
	transform: scale(.98);
	transition:1s;
}
.slide-item:before{
	content: '';
	width: 100%;
	height: 100%;
	/*background: linear-gradient(to bottom,rgba(128,151,178,0.05),rgba(128,151,178,1));*/
	background: linear-gradient(to bottom,rgba(229,236,243,0.05),rgba(229,236,243,1));
	/*background: linear-gradient(to bottom,rgba(255,246,137,0.02),rgba(255,246,137,0.8));*/
	position: absolute;
	left: 0;
	bottom: -100%;
	z-index: 5;
	opacity: 0;
	transition:1s;
}
.slide-item.on:before{
	bottom: 0;
	/*opacity: .7;*/
}
.slide-item.on{
	transform: scale(1);
}
/*slideArea-ttl*/
.slideArea-ttl{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -33px;
	margin:auto;
	text-align: center;
	z-index: 4;
}
@media only screen and (max-width:736px) {
	.num04 .wrap1240{
		padding:0;
	}
	#slideArea{
		padding-top: 15px;
		background: none;
	}
	/*slide*/
	.slide-item{
		transform: scale(1);
		width:100%;
	    height:350px;
	    position: relative;
	    overflow: hidden;
	}
	.slide-item img{
		width: auto;
	    height: 100%;
	    max-width: initial; /* 初期状態にリセット */
	    position: absolute;
	    top:50%; /* または200px(heightの半分) */
	    left: 50%; /* この値を変更すると左右に位置をずらせる */
	    transform: translate(-50%, -50%);
	}
	.slick-slide{
		padding:0 !important;
		margin:0 -5px !important;
	}
	/*slideArea-ttl*/
	.slideArea-ttl{
		width: 70%;
		top: -20px;
		bottom: auto;
	}
}




/*----------------
aos
-----------------*/

/*bgMove-L*/
[data-aos="bgMove-L"]{
	right: 0;
	top: 0;
}
[data-aos="bgMove-L"].aos-animate{

	-webkit-animation: bgMove-L 0.8s ease 0.5s 1 forwards;/*表示時間+start時間*/
	animation: bgMove-L 0.8s ease 0.5s 1 forwards;/*表示時間+start時間*/
}
@-webkit-keyframes bgMove-L {
	100% {
		right: 20px;
		top: 20px;
	}
}
@keyframes bgMove-L {
	100% {
		right: 20px;
		top: 20px;
	}
}

/*bgMove-R*/
[data-aos="bgMove-R"]{
	left: 0;
	bottom: 0;
}
[data-aos="bgMove-R"].aos-animate{

	-webkit-animation: bgMove-R 0.8s ease 0.5s 1 forwards;/*表示時間+start時間*/
	animation: bgMove-R 0.8s ease 0.5s 1 forwards;/*表示時間+start時間*/
}
@-webkit-keyframes bgMove-R {
	100% {
		left: 20px;
		bottom: 20px;
	}
}
@keyframes bgMove-R {
	100% {
		left: 20px;
		bottom: 20px;
	}
}