@charset "utf-8";


/*************************************************
	index専用
*************************************************/

				
/*indexのオープニング 切り替わる背景画像 slider-pro -------------*/
.headerimgs-wrapper{position: relative;}
#headerimgs{margin-top:0;}

.slider-pro p.sp-layer{}
.slider-pro p.sp-layer.bigimg-title{position: absolute;right: 0;left:0 !important;margin: 0 auto;text-align:center;transform-origin: center top 0px !important;width:100%;}

/*回転するサークル*/
.slider-pro div.sp-layer.bigimg-circle{left: 0;right: 0;margin: 0 auto;text-align:center;width:100%;transform-origin: center top 0px !important;}
.rotate-anime{animation: onestop 40s linear infinite;}
@keyframes onestop {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}


/*立体回転するロゴマーク
.rotate-anime-y{animation: rotate-anime-y 20s linear infinite;}
@keyframes rotate-anime-y {
  0%  {transform: rotateY(360deg);}
  100%  {transform: rotateY(0);}
}
*/

/*slider-proの横の矢印*/
.sp-horizontal .sp-arrows {top: 47%;}
.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {height: 53%;}
	
/*slider-proの下の丸いナビゲーションボタン*/
.sp-buttons {position: absolute;padding-top:0;bottom: -35px;z-index: 5;}
.sp-button {border:1px solid #ddd;}
.sp-selected-button {background-color: #ccc;}


/*スクロールダウンボタン*/
.btn-scroll-box{position:absolute;bottom:50px;right:0;left:0;display:block;transition: 0.6s;z-index:45;}
.btn-scroll-box:hover{opacity:0.5;cursor: pointer;bottom:40px;}

.btn-scroll-box a {position: absolute;padding-top: 41px;left:49%;z-index: 2;display: inline-block;color: #fff;font-size: 12px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);text-decoration: none;}
.btn-scroll-box a span {position: absolute;top: 0;left: 50%;width: 26px;height: 40px;margin-left: -13px;border: 2px solid #fff;border-radius: 40px;box-sizing: border-box;}
.btn-scroll-box a span::before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #fff;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb {
  0% {-webkit-transform: translate(0, 0);opacity: 0;}
  40% {opacity: 1;}
  80% {-webkit-transform: translate(0, 15px);opacity: 0;}
  100% {opacity: 0;}
}
@keyframes sdb {
  0% {transform: translate(0, 0);opacity: 0;}
  40% {opacity: 1;}
  80% {transform: translate(0, 15px);opacity: 0;}
  100% {opacity: 0;}
}







/*/////////////　NEWS　お知らせ　//////////////////////////////*/
.section.news {padding:90px 0 70px 0;}

.container.index-news{width:1100px;}

.index-news-box{margin-top: -10px;}
.index-news-box dl.news-dl{}
.index-news-box dl.news-dl dt{float:left;width:110px;padding:0 0 0 10px;line-height: 1.3;color: #444;letter-spacing: 0;transition: 0.8s;}
.index-news-box dl.news-dl dd{padding:0 0 0 130px;line-height: 1.3;color: #333;transition: 0.8s;}
.index-news-box dl.news-dl a dd{background:url(../img/arrow_red4-7.png) no-repeat left 119px top 7px;}
.index-news-box dl.news-dl a dd img{margin: -2px 0 0 8px;}
 
.index-news-box dl.news-dl a{color:#000;text-decoration:none;display: block;padding: 11px 0;}
.index-news-box dl.news-dl a:hover{background-color:rgba(255,100,123,0.2);}
.index-news-box dl.news-dl a:hover dt{padding-left:15px;}
.index-news-box dl.news-dl a:hover dd{padding-left:135px;background-position:left 124px top 7px;}





/*/////////////　Introduction　ごあんない　//////////////////////////////*/
.section.intro{padding:0;}

.news-bg{background:url(../img/index_news_bg.jpg) no-repeat center center;background-size: cover;padding:80px 0 50px 0;}

.midashi.intro{font-size:190%;letter-spacing: 0;}

h3{text-align:center;font-size:136%;font-family:'Noto Serif JP', serif;font-weight:400;color:#f80051;line-height:1.4;margin-bottom:20px;}
h3 span{font-weight:400;}
				
.intro-com{text-align:center;line-height:2.5;}


/*横に流れる画像*/
/* 初期化完了まで非表示 */
.bxslider {display:none;}
.bx-wrapper .bxslider {display: block;}
.bx-wrapper {box-shadow: none;border: none;background: none;margin-top:0;}
.bx-wrapper .bx-controls-direction a{transition:0s;}
.bx-viewport ul{margin-left:0 !important;}




/*/////////////　Beauty and Health 　美と健康のために　//////////////////////////////*/
.gcheck-bg{background:url(../img/gcheck_bg.png) repeat center top;}

.container.bandh{width:1260px;}

.midashi.bandh{font-size:190%;letter-spacing: -0.02em;}
.midashi.bandh span{color:#f80051;}

dl.bandh-dl{}
dl.bandh-dl dt{float:left;width:50%;text-align:center;}
dl.bandh-dl dd{float:right;width: 48%;}

dl.bandh-dl dt .com{line-height:2.7;}
.red-strong{color:#f00;font-weight:bold;font-size:108%;margin-top: 5px;}
.bandh-img2{position: relative;margin: 50px 0 0 40px;}
.bandh-img1 img{max-width:100%;height:auto;}























/*/////////////　Business　//////////////////////////////*/
.index-business-box-outer{margin-top: 50px;}
.index-business-box{text-align:center;}
.index-business-box article{position: relative;display: inline-block;margin: 0 -3px 30px -3px;width:50%;max-width: 720px;}

.index-business-title{position: absolute;z-index: 2;top: -45px;width:300px;height:190px;display: flex;justify-content: center;align-items: center;background-color:#2959a5;color:#fff;line-height:1.2;font-size: 40px;letter-spacing: 0.1em;padding-top: 4px;}
.index-business-title.left{left: 40px;}
.index-business-title.right{right: 40px;}

.inbusi-dl{}
.inbusi-dl dt{width:100%;height:0;padding-top:59%;background-size: cover;position: relative;}
.inbusi-dl dt a{display: block;position: absolute;top: 0;width: 100%;height: 100%;background:url(../img/business_arrow.png) no-repeat center bottom 47%;opacity:0;transition: 0.5s;}
.inbusi-dl dt a:hover{background: rgba(0,0,0,0.4) url(../img/business_arrow.png) no-repeat center center;opacity:1;text-decoration: none;}





/*/////////////　Recruit　//////////////////////////////*/
.bg-recruit{background:#f3fbff url(../img/index_recruit_bg.jpg) no-repeat center top;background-size: cover;}

.bg-recruit h2 p{background-color:#f4f8fb;}

.index-recruit-midashi{text-align:center;margin:0 3% 0 3%;font-weight:bold;font-size:143%;line-height:1.4;margin-top: 35px;}

.index-recruit-com{text-align:center;margin:15px 3% 0 3%;line-height: 1.9;}


ul.index-recruit-ul{text-align: center;width: 98%;margin: 35px auto 0 auto;}
ul.index-recruit-ul li{display:inline-block;width:28%;margin:7px 1% 7px 1%;height:0;padding-top:19%;background-size: cover;position: relative;max-width: 480px;}
ul.index-recruit-ul li a{position: absolute;top: 0;width: 100%;height: 100%;transition: 0.5s;display: flex;justify-content: center;align-items: center;text-decoration: none;}
ul.index-recruit-ul li a p{background-color:rgba(17,82,189,0.6);color:#fff;font-weight:bold;padding:30px 0 20px 0;width:65%;font-size:122%;letter-spacing:0.4em;margin-top:10px;transition: 0.5s;}
ul.index-recruit-ul li a p img{margin-right:15px;transition: 0.5s;}
ul.index-recruit-ul li a:hover{background-color: rgba(0,0,0,0.3);opacity:1;text-decoration: none;}
ul.index-recruit-ul li a:hover p{margin-top:0;}
ul.index-recruit-ul li a:hover p img{margin-right:0;}