@charset "utf-8";



.is-txt-custom{color:#;}
.is-bgc-custom{background-color:#;}

.is-txt-custom-pale{color:#;}
.is-bgc-custom-pale{background-color:#;}

.is-txt-custom-deep{color:#364A91;}
.is-bgc-custom-deep{background-color:#364A91;}


/* index */
.ssc-anchor{position: relative;display: block;overflow: hidden;}

.ssc-anchor + .ssc-anchor{margin-top: 1px;}

.ssc-anchor-img{background: #364A91;overflow: hidden;height: 12.5vw;}
	@media only screen and (max-width:991px)	{.ssc-anchor-img{height: 33vw;}}
	@media only screen and (max-width:767px)	{.ssc-anchor-img{height: 25vw;}}
	@media only screen and (max-width:575px)	{.ssc-anchor-img{height: 50vw;}}

.ssc-anchor-img img{opacity:.2;transform:scale(1);position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family:'object-fit:cover;';object-fit:cover;transition:opacity .3s,transform .3s;}
	@media only screen and (max-width:991px)	{.ssc-anchor-img img{}}

.ssc-anchor:hover .ssc-anchor-img img{opacity:.5;transform:scale(1.05);transition:opacity .3s,transform .3s;}

.ssc-anchor-title{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content:space-between;align-items:center;padding: 3rem;padding-right: 4rem;}

.ssc-anchor-title h4{font-size:2.25em;line-height: 1;color:#FFF;font-weight: 700;}
	@media only screen and (max-width:991px)	{.ssc-anchor-title h4{font-size:3vw;}}
	@media only screen and (max-width:767px)	{.ssc-anchor-title h4{font-size:3vw;}}
	@media only screen and (max-width:575px)	{.ssc-anchor-title h4{font-size:6vw;}}

.ssc-anchor-title h4 small{margin-left: 1em;letter-spacing:.1em;font-size: 0.5em;text-transform: uppercase;}

.arrow-right-wh{position: relative;border: 1px solid #FFF;width: 2rem;height: 2rem;border-radius: 1rem;}

.arrow-right-wh img{position: absolute;left: 1rem;bottom: 50%;}

.wideful-textbox{padding:0 3rem;}


.sec-ssc{padding: 0 !important;}


.minus1{margin:0 10rem 0 -10rem;}
.minus2{margin:0 5rem 0 -5rem;}


.ssc-box{position: relative;display: block;overflow: hidden;}

.ssc-img{background: #364A91;overflow: hidden;}
	@media only screen and (max-width:991px)	{.ssc-img{height: 33vw;}}
	@media only screen and (max-width:767px)	{.ssc-img{height: 25vw;}}
	@media only screen and (max-width:575px)	{.ssc-img{height: 50vw;}}

.ssc-img img{opacity:.25;transform:scale(1);width: 100%;height: auto;transition:opacity .3s,transform .3s;}
	@media only screen and (max-width:991px)	{.ssc-img img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family:'object-fit:cover;';object-fit:cover;}}

.ssc-box:hover .ssc-img img{opacity:.5;transform:scale(1.05);transition:opacity .3s,transform .3s;}

.ssc-title{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 3rem;}

.ssc-title h3,.ssc-title h3 small,.ssc-title p{color:#FFF;}
	@media only screen and (max-width:991px)	{.ssc-title h4{font-size:3vw;}}
	@media only screen and (max-width:767px)	{.ssc-title h4{font-size:3vw;}}
	@media only screen and (max-width:575px)	{.ssc-title h4{font-size:6vw;}}

.ssc-box + p{margin-top: 1em;}



.sec-business{background: url(../images/sec-business01.jpg) center center /cover no-repeat fixed;}




.sec-business .bg-float-ful{opacity:.66;}

.sec-business .bg-float-ful .bg-cover{background-attachment: fixed;}

.sec-business,.sec-business h3,.sec-business h3 small{color:#FFF;}


.ico-business{padding: 2rem 1rem;display: flex;flex-flow:column wrap;justify-content: center;align-items: center;border: 1px solid #FFF;width: 100%;}
	@media only screen and (max-width:767px)	{.ico-business{padding: 1rem .5rem;}}

.contact-box,.area-box{padding: 2rem;border: 1px solid #FFF;width: 100%;}
	@media only screen and (max-width:991px)	{.contact-box,.area-box{padding: 1.5rem;}}
	@media only screen and (max-width:767px)	{.contact-box,.area-box{padding: 1rem;}}


.bg {
	animation:slide 3s ease-in-out infinite alternate;
	background-image: linear-gradient(-75deg, #EFEFEF 50%, #CCF 50%);
	position:fixed;top:0;left:-50%;right:-50%;bottom:0;z-index:-1;
	opacity:.5;
  }

  .bg2 {
	animation-direction:alternate-reverse;
	animation-duration:4s;
  }

  .bg3 {
	animation-duration:5s;
  }

  @keyframes slide {
	0% {
	  transform:translateX(-25%);
/*	  transform:rotate(-360deg);*/
	}
	100% {
	  transform:translateX(25%);
/*	  transform:rotate(360deg);*/
	}
  }



.section-article{display: flex;justify-content:space-between;max-width: 100%;}

.section-text{width: 54rem;}
	@media only screen and (max-width:1199px)	{.section-text{width: 46rem;}}
	@media only screen and (max-width:991px)	{.section-text{width: 75vw;}}
	@media only screen and (max-width:767px)	{.section-text{width: 75vw;}}
	@media only screen and (max-width:575px)	{.section-text{width: 66vw;}}

.section-title{width: 7rem;}
	@media only screen and (max-width:991px)	{.section-title{width: 5rem;}}
	@media only screen and (max-width:767px)	{.section-title{width: 3.88rem;}}


.section-title{}

.title-left{flex-direction:row;}
.title-right{flex-direction:row-reverse;}

.title-left .section-title{}
.title-right .section-title{}


.columns{columns:2 auto;}
	@media only screen and (max-width:575px)	{.columns{columns:1 auto;}}