/*
Theme Name: pc
*/
/*mv*/
.mv {}
.mv .inner {
 position: relative;
 overflow: visible;
 max-width: 1400px;
 width: 100%;
 background: #fff;
 margin: 0 auto 0;
 padding: 0 0;
 box-sizing: border-box;
}
.mv-txt {
 font-size: 4.8rem;
 color: #DAB24A;
 font-weight: bold;
 position: absolute;
 top: 170px;
 z-index: 1;
 left: 0;
 text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}
.mv .slick-slide {
 height: 704px;
}
/*container*/
/* ======================== スライダー */
.slick-prev:before, .slick-next:before {
 font-size: 60px !important;
}
.slick-next {
 right: 1% !important;
}
.slick-prev {
 left: 1% !important;
 z-index: 2;
}
.slick-prev, .slick-next {
 width: 10% !important;
 height: 60px !important;
}
.slick-dots li button:before {
 font-size: 16px !important;
}
.slick-slide {
 position: relative !important;
}
.slick-slide img {
 width: 100%;
}
.slick-dotted.slick-slider {
 margin-bottom: 50px !important;
}
.slick-dots {
 display: block;
 display: flex;
 justify-content: space-between;
 bottom: -10px !important;
}
.slick-dots li {
 position: relative;
 display: block;
 width: 19.5%;
 height: 4px;
 margin: 0;
 padding: 0;
 cursor: pointer;
}
.slick-dots li.slick-active button {
 background: #dab24a;
}
.slick-dots li button {
 font-size: 0;
 line-height: 0;
 display: block;
 width: 100%;
 height: 4px;
 padding: 0;
 cursor: pointer;
 color: transparent;
 border: 0;
 outline: none;
 background: #808080;
}
.slick-dots li button:before {
 display: none;
}
.slide-btn {
 display: block;
 /*background:#0372b4;*/
 color: #fff;
 font-size: 44px;
 font-weight: bold;
 margin-top: 40px;
 padding-left: 30px;
 /*text-align:center;*/
 font-style: italic;
 letter-spacing: 1pt;
 /*text-shadow: 2px 2px 3px rgba(0,0,0,0.5);*/
 background: url(../images/slide_icon.png) no-repeat 0 center;
}
.slick-prev, .slick-next {
 display: none !important;
}
/* ======================== philosophy */
#philosophy-top {
 position: relative;
 margin: auto;
 text-align: center;
 color: #fff;
 padding-bottom: 130px;
 /* padding-bottom: 50px; 20240307 追加 */
}
#philosophy-top #launch .fadein {
 padding: 30px 0;
}
#philosophy-top #launch .fadein span {
 opacity: 0;
 font-size: 2.8rem;
 line-height: 1.7;
}
#philosophy-top #launch {
 margin-top: -50px;
 background: linear-gradient(to right, #4098d1, #80c6e5);
 padding: 29px 0 56px;
}
#philosophy-top #launch .logo-area {
 background: #fff;
 padding: 30px 0;
}

/*20240307 追加*/
/* ======================== movie-top */
#movie-top {
	padding-bottom: 120px;
}
#movie-top .inner-outer {
	background-color: #002A66;
}
#movie-top .inner-outer .inner {
	padding-top: 80px;
  padding-bottom: 80px;
}
#movie-top .outer {
	position: relative;
  height: 0px;
  overflow: hidden;
  padding-bottom: 56.25%;
}
#movie-top .outer iframe{
	position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* ======================== Business */
#business-top{
 background: #e4f7ff;
 position: relative;
 padding-bottom: 50px;
}
#business-top .inner{
 max-width: 1540px;
 min-width: 1000px;
 width: 100%;
}
#business-top h2.main-ttl{
 top: -70px;
 position: relative;
}
.business-list{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.business-list{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-top: -60px;
}
.business-list li{
 max-width: 466px;
 width: 32%;
 min-height: 300px;
 position: relative;
 background-size: cover;
 box-sizing: border-box;
 margin-bottom: 80px;
 background-position: center;
}
.business-list li a:hover{
 opacity: 1;
}
.business-list li .bbg{
 display: block;
 width: 100%;
 height: 100%;
 box-sizing: border-box;
 
 color: #fff;
 
 position: relative;
 overflow: hidden;
}
.bbg-inner{
 position: absolute;
 
 left: 0;
 top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
 background-position: center;
	background-size: cover;
	transition: all 0.5s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
	will-change: transform;
}
.business-list li:hover .bbg-inner {
 opacity: 1;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 0.9
	);
}
.bbg-txt{
 position: relative;
 padding: 30px 30px 80px 30px;
 box-sizing: border-box;
}
.business-list li:hover{
}
.business-list li .no01{
 background-image: url("../images/top/business-bg01.png");
}
.business-list li .no02{
 background-image: url("../images/top/business-bg03.png");
}
.business-list li .no03{
 background-image: url("../images/top/business-bg04.png");
}
.business-list li .no04{
 background-image: url("../images/top/business-bg05.png");
}
.business-list li .no05{
 background-image: url("../images/top/business-bg06.png");
}
.business-list li .no06{
 background-image: url("../images/top/business-bg02.png");
}
.business-list li .business-img{
 /*position: absolute;*/
 top: 20px;
 left: 20px;
}
.business-list li h3{
 text-align: center;
 font-size: 3.2rem;
 margin-bottom: 10px;
 margin-top: 20px;
}

.business-list li .btn{
 position: absolute;
 right: 0;
 bottom: -28px;
 min-width: 160px;
 padding-right: 0;
}
.business-list li .btn i {
    left: 0px;
}
.business-list li p{
 text-align: center;
 line-height: 1.8;
 font-size: 1.8rem;
 font-weight: 500;
}
/* ======================== NEWS */
#bx-news {
 padding-top: 80px;
}
.news-list{
 border-top: 2px solid #e4f7ff;
 margin-bottom: 20px;
}
.news-list li {
 padding: 15px 0;
 border-bottom: 2px solid #e4f7ff;;
}

.news-list .news-txt {
 width: 100%;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 align-items: baseline;
}
.news-list .news-txt h3 {
 width: 830px;
 font-size: 1.5rem;
 font-weight: 400;
 padding-right:  50px;
 box-sizing: border-box;
}
.news-list .news-txt .date {
 width: 120px;
 display: block;
 font-size: 1.6rem;
 font-weight: 500;
}
.news-list .news-txt .date span{
 color: #fff;
 display: inline-block;
 background: #4098d1;
 font-size: 1.6rem;
 width: 120px;
 text-align: center;
 border-left: 6px solid #002a66;
 font-family: "Times New Roman", Times, "serif";
 padding: 3px 0;
}
.news-list a{
 display: block;
 position: relative;
}
.news-list a::after{
     content: "\f054";
 font-family: "Font Awesome 5 Free";
 position: absolute;
 font-size: 1.2rem;
 right: 0;
     top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
 -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
 font-weight: 900;
 color: #f5a100;
}

/* ======================== bannar area */
#bannar-area {
 position: relative;
 padding: 0 0 40px;
}
#bannar-area ul {
 margin: auto;
 display: flex;
 justify-content: center;
}
#bannar-area ul li {
 margin: 0 10px;
}
#bannar-area ul.bannar-list{
 padding: 40px 0;
 background: #e4f7ff;
 margin-bottom: 40px;
}
/*kys saito insert*/
#bannar-area p{
 text-align:center;
}