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



/* contents-top */

.l-container--home {
	width: 100%;
    background : -moz-linear-gradient(73.6% 67.25% 111.27deg,rgba(0, 36, 155, 1) 0%,rgba(0, 93, 227, 1) 38.9%,rgba(0, 255, 186, 1) 100%);
  background : -webkit-linear-gradient(111.27deg, rgba(0, 36, 155, 1) 0%, rgba(0, 93, 227, 1) 38.9%, rgba(0, 255, 186, 1) 100%);
  background : -webkit-gradient(linear,73.6% 67.25% ,-20.08% -1.23% ,color-stop(0,rgba(0, 36, 155, 1) ),color-stop(0.389,rgba(0, 93, 227, 1) ),color-stop(1,rgba(0, 255, 186, 1) ));
  background : -o-linear-gradient(111.27deg, rgba(0, 36, 155, 1) 0%, rgba(0, 93, 227, 1) 38.9%, rgba(0, 255, 186, 1) 100%);
  background : -ms-linear-gradient(111.27deg, rgba(0, 36, 155, 1) 0%, rgba(0, 93, 227, 1) 38.9%, rgba(0, 255, 186, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00249B', endColorstr='#00FFBA' ,GradientType=0)";
  background : linear-gradient(-21.27deg, rgba(0, 36, 155, 1) 0%, rgba(0, 93, 227, 1) 38.9%, rgba(0, 255, 186, 1) 100%);
}

.l-container--home img {
	width: 100%;
height: auto;
}

/* p-top-wrapper */

.p-top-wrapper {
	width: 100%;
    background-image: url("../../img/top/back01.png");
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
    padding-top: 120px;
    padding-bottom: 250px;
}

.p-top-wrapper section:not(:last-child) {
	margin-bottom: 250px;
}


/* p-top__ttl */

.p-top__ttl {
	text-align: center;
    margin-bottom: 120px;
}

.p-top-section02 .p-top__ttl {
    margin-bottom: 70px;
}

.p-top__ttl h2, .p-top__ttl h3 {
font-weight: var(--base-font-weight2);
line-height: 1.2;
    letter-spacing: 0.05em;
    color: #FFF;
}

.p-top__ttl h2 {
	font-family: var(--title-font);
	font-size: 100px;
	line-height: 0.8;
}

.p-top__ttl h3 {
	font-size: 18px;
	letter-spacing: 0.15em;
    padding-top: 15px;
}


/* p-top-mainimg */

.p-top-mainimg {
  width: 100%;
    text-align: center;
    margin-bottom: 300px;
}

.p-top-mainimg .inner {
    width: 1140px;
}


/* p-top-content01 */

.p-top-content01 {
    display: flex;
  justify-content: space-between;
flex-wrap: wrap;
    gap:25px 0px;
}

.p-top-content01 a:hover {
    opacity: 1;
}

.p-top-content01 .item {
    width: 49%;
    position: relative;
    background-color: #000;
}

.p-top-content01 .item::after {
    content: "";
	position: absolute;
right: 25px;
top: 25px;
	background-image: url("../../img/common/link-arrow01.svg");
background-position: right top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 24px;
	height: 24px;
}

.p-top-content01 .item__img {
    position: relative;
    overflow: hidden;
}

.p-top-content01 .item__img img {
  transition:.5s all;
}

.p-top-content01 .item:hover .item__img img {
	transform:scale(1.1,1.1);
  transition:.5s all;
	z-index: -1;
}

.p-top-content01 .item__img::before {
    content: "";
	position: absolute;
left: 0px;
top: 0px;
	width: 100%;
	height: 100%;
    display: block;
    background-color: #000;
    mix-blend-mode: color;
    opacity: 1;
    transition: .5s;
    z-index: 1;
}

.p-top-content01 .item:hover .item__img::before {
    opacity: 0;
}

.p-top-content01 .item__txt {
    position: absolute;
left: 25px;
top: 25px;
    z-index: 1;
}

.p-top-content01 h6 {
    font-weight: var(--base-font-weight2);
    font-size: 24px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.15em;
}


/* p-top-content02 */

.p-top-content02 {
    width: 680px;
    margin-bottom: 80px;
}

.p-top-content02 p {
    font-size: var(--base-font-size2);
    color: #FFF;
    line-height: 2.2;
}


/* p-top-content03 */

.p-top-content03 {
    padding-left: 2%;
}

.p-top-content03 .wrapper {
    overflow-x: auto;
	white-space: nowrap;
	padding-bottom: 35px;
	scrollbar-color: rgba(255,255,255,1) rgba(255,255,255,0.1);
}

.p-top-content03 .wrapper::-webkit-scrollbar {
    width: 6px;
	height: 6px;
	border-radius: 30px;
}

.p-top-content03 .wrapper::-webkit-scrollbar-track-piece  {
    background-color: rgba(255,255,255,0.1);
	border-radius: 30px;
}

.p-top-content03 .wrapper::-webkit-scrollbar-thumb  {
   border-radius: 30px;
	background-color: rgba(255,255,255,1);
}

.p-top-content03 .item {
    width: 660px;
    height: 600px;
	background-color: #FFF;
	overflow: hidden;
	display: inline-block;
vertical-align: top;
	text-align: center;
    position: relative;
}

.p-top-content03 .item:not(:last-child) {
	margin-right: 25px;
}

.p-top-content03 a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.p-top-content03 a:hover {
    opacity: 1;
}

.p-top-content03 .item::before {
    content: "";
	position: absolute;
    left: 25px;
top: 25px;
background-position: left top;
background-repeat: no-repeat;
	background-size: auto 100%;
    width: 480px;
    height: 50px;
}

.p-top-content03 .item--site01::before {
	background-image: url("../../img/common/link-footer02.png");
}

.p-top-content03 .item--site02::before {
	background-image: url("../../img/common/link-footer03.png");
}

.p-top-content03 .item--site03::before {
	background-image: url("../../img/common/link-footer04.png");
}

.p-top-content03 .item--site04::before {
	background-image: url("../../img/common/link-footer05.png");
}
.p-top-content03 .item--site05::before {
	background-image: url("../../img/common/link-footer06.png");
}
.p-top-content03 .item__img {
    width: 100%;
    height: 100%;
    display: flex;
  justify-content: center;
align-items: flex-end;
flex-wrap: wrap;
}

.p-top-content03 .item__img img {
    width: 80%;
    position: relative;
    bottom: -40px;
    transition: .5s;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}

.p-top-content03 a:hover .item__img img {
    bottom: 0px;
}


.sp-view {
	display: none;
}