@charset "utf-8";
/* CSS Document */
/*****
main_sp.cssと同じ記述もあります
*/

*{box-sizing: border-box;margin: 0;padding: 0;font-family: "Noto Sans JP";font-weight: normal;}
ul{list-style: none;}
a {text-decoration: none;}
#css{width:auto;}
.hidden_sp{display: none !important;margin: 0;padding: 0;font-size: 0;}
 img{
   transition: all 2s ease-out;
  -webkit-transition:all 2s ease-out;
  -moz-transition:all 2s ease-out;
  -o-transition:all 2s ease-out;
  -ms-transition:all 2s ease-out;
 }
/* ヘッダー */
header{background: #fff;position: fixed;width: 100%;z-index: 1000;}
header ul{text-align:right;margin: 10px 0;}
header ul li{display: inline-block;}
header ul li img{width: 100%;}
.headerlogo {width: 120px;}
.headertel {color: #788BD4; line-height: 1;}
.headertel p{font-size: 16px; font-weight: bold;}
.headertel span {font-size: 12px;}
/* メインエリア */
div.left{width: 100%;}
div.right{width: 100%;}
.space{margin-bottom: 20px;}
div.clearfix{margin-bottom: 50px;}
div.inbox{width: 100%;margin: auto;padding-top: 30px;position: relative;}
/* タイトルバー */
div.titlebar{
 position: relative;
 padding: 10px 16px;
 margin: 0 0 10px;
 border-radius: 4px;
 background: linear-gradient(to bottom right, rgba(136,173,255,1.0), rgba(227,239,255,1.0));
 background: -moz-linear-gradient(top left, rgba(136,173,255,1.0), rgba(227,239,255,1.0)); 
 background: -webkit-linear-gradient(top left, rgba(136,173,255,1.0), rgba(227,239,255,1.0)); 
 font-size: 1.4em;
 font-family: 'Alegreya Sans', sans-serif;
 color: #ffffff;
 }
div.titlebar i{font-size: 0.6em;font-style: normal;}
/* RECRUIT Nav */
.float_Recruit {display: none;margin: 0;padding: 0;font-size: 0;}
/* SP Nav */
footer div.spnavi{display: flex;position: fixed;bottom: 0;z-index: 999;margin: 0;padding: 0;width: 100%;}
footer div.spnavi ul{width: 100%;height: 70px;margin: 0;padding: 0;text-align: center;background: #d8edff;display: flex; flex-wrap: nowrap;}
footer div.spnavi ul li{display: inline-block;width : 33.33333%;width : -webkit-calc(100% / 3) ;width : calc(100% / 3) ;transition: background-color 2s;}
footer div.spnavi ul li:hover{background-color: #5f97ff;transition: background-color 800ms;}
footer div.spnavi ul li a{display: block;height: 70px;width: 100px;background: no-repeat center;margin: auto;}
footer div.spnavi ul li.spnavi_tel a{background: url("../images/common/sp_TEL.png");}
footer div.spnavi ul li.spnavi_tel a:hover{background: url("../images/common/sp_TEL2.png");}
footer div.spnavi ul li.spnavi_mail a{background: url("../images/common/sp_mail.png");}
footer div.spnavi ul li.spnavi_mail a:hover{background: url("../images/common/sp_mail2.png");}
footer div.spnavi ul li.spnavi_rec a{background: url("../images/common/sp_rec.png");}
footer div.spnavi ul li.spnavi_rec a:hover{background: url("../images/common/sp_rec2.png");}
/* フッター */
footer{background: url("../images/sp_top/footer_wall_sp.jpg") no-repeat top;width: 100%;}
footer img{display: block;margin: 0 auto 20px;}
footer h2{font-size: 0.6em;font-weight: normal;color: #788BD4;text-align: center;padding-bottom: 80px;}
footer h2 a {color: #788BD4;}
.footerLogo {width:100px;}

/* ここから下層用記述*/
/*  ---------------------------- TOPに戻る ----------------------------  */
#goto_top {position: fixed; right: 1%; bottom: 1%;}
#goto_top a {width: 60px; height: 60px; border-radius: 50%; background: #788bd4; display: block; color: #fff; text-align: center; line-height: 80px; text-decoration: none;}

main{width: 96%;margin: auto; /*変更しています*/overflow: hidden; padding: 55px 0;}
div.package{text-align: center;}
div.package img{width: 100%;}


.event_base {width: 95%; height: auto; margin: 35px auto 35px auto; padding: 10px; border: solid 1px #788BD4;}
.event_base .left_photo {width: 240px; height: auto; margin: 0 auto; padding: 0;}
.event_base .right_main {width: 90%; height: auto; margin: 0 auto; padding: 0;}
.event_base .right_main .title_news_inner {font-size: 18px; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: solid 1px #555;}
.event_base .right_main .title_news_inner span {font-size: 26px; color: #788BD4; margin-right: 20px;}
.event_base .right_main p {font-size: 18px; margin: 0; padding: 0; }
.event_base .right_main p img {width: 390px; height: auto; margin: 20px 0 20px 0; padding: 0; }


.prev a {color:#fff; font-weight:bold;}
.next a {color:#fff; font-weight:bold;}

.next {display: inline-block; background: #788bd4;width: 80px;height: 80px;border-radius: 50%;text-align: 80px;line-height: 80px;}
.prev {display: inline-block; background: #92b2ff;width: 80px;height: 80px;border-radius: 50%;text-align: 80px;line-height: 80px; margin-right: 10px;}


.breadcrumb {  margin: 0;  padding: 0;  list-style: none;}
.breadcrumb li {  display: inline;/*横に並ぶように*/  list-style: none;  font-weight: bold;/*太字*/}
.breadcrumb li:after {/* >を表示*/  content: '>';  padding: 0 0.2em;  color: #555;}
.breadcrumb li:last-child:after {  content: '';}
.breadcrumb li a {  text-decoration: none;  color: #52b5ee;/*色*/}
.breadcrumb li a:hover {  text-decoration: underline;}
/******* javascript関連　*/
/*slick setting*/
.slider{margin: 0 auto;width: 100%;opacity: 0;transition: 3s;}
.slick-initialized{opacity: 1}
.slider img{height: auto;width: 100%;max-width: 559px;}
.slick-prev:before, .slick-next:before{color: #000;}
.slider{width: 100%;max-width: 559px;}
 /*slick2 setting*/
.newfacePhoto {width: 90%;margin: 0 auto;text-align: center;overflow: hidden;border: #788BD4 solid 1px;}
.newfacePhoto img.newfacegirl{width: 100%; }
.newfacePhoto .slick-arrow {z-index:20;}
.newfacePhoto .slide-arrow{position: absolute;top: 40%;}
.newfacePhoto .prev-arrow{left: 20px;}
.newfacePhoto .next-arrow{right: 20px;}

/*drawer setting*/
/*nav{width: 100%;position:fixed;top: 0;z-index: 1001;}
.drawer{display: flex;flex-direction: row;align-items: center;justify-content: space-between;position: relative;height: 50px;padding: 0 1em;}
.navbar_toggle{z-index:999;}
.navbar_toggle_icon {position: relative;display: block;height: 2px;width: 30px;background: #5c6b80;-webkit-transition: ease .5s;transition: ease .5s;}
.navbar_toggle_icon:nth-child(1) {top: 0;}
.navbar_toggle_icon:nth-child(2) {margin: 8px 0;}
.navbar_toggle_icon:nth-child(3) {top: 0;}
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {top: 10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {top: -10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu{width: 100%;position: absolute;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition:ease .5s;transition:ease .5s;z-index:999;background: rgba(131,180,255,0.9);}
.menu ul{width: 100%;}
.menu ul li{padding: 1em;border-bottom: 1px solid #5f6eb3;}
.menu ul li a{color: #FFFFFF;text-decoration: none;}
.menu.open {-webkit-transform:translateX(0);transform:translateX(0);overflow-y: auto;-webkit-overflow-scrolling: touch;}*/
.footer_menu {width: 90%; margin:0 auto 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer_menu li {width: 110px; height: 40px; text-align: center;}
.footer_menu li a {font-size: 1em; color: #5f6eb3; text-decoration: none; margin: 0 5px; }

button {border: none; background: none; outline: none;}
.menu, .menu span { display: inline-block;  -webkit-transition: all .4s;  transition: all .4s;  box-sizing: border-box;}
.menu {position: fixed; top: 10px; left: 10px; width: 35px; height: 30px; z-index: 10;}
.menu span {position: absolute; left: 0; width: 100%; height: 3px; background-color: #5c6b80; z-index: 10;}
.menu span:nth-of-type(1) {top: 0px;background: #5c6b80;}
.menu span:nth-of-type(2) {top: 14px;background: #5c6b80;}
.menu span:nth-of-type(3) {bottom: 0px;background: #5c6b80;}
.menu.active span:nth-of-type(1) {-webkit-transform: translateY(13px) rotate(45deg); transform: translateY(13px) rotate(45deg);}
.menu.active span:nth-of-type(2) {opacity: 0;}
.menu.active span:nth-of-type(3) {-webkit-transform: translateY(-14px) rotate(-45deg); transform: translateY(-14px) rotate(-45deg);}
#sp_nav {position: fixed; top: 49px; right: 0; z-index: 10; width: 100%; height: 100vh; opacity: 0; background-color: rgba(131,180,255,0.9); transition: all 0.3s ease-in-out; visibility: hidden;}
#sp_nav.active {right: 0; opacity: 1; -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); visibility: visible;overflow: scroll;}
#sp_nav ul {margin: 0; padding-bottom: 120px;}
#sp_nav ul li {width: 100%;list-style-type: none; display: block;margin: auto;padding: 1em;border-bottom: 1px solid #5f6eb3;}
#sp_nav ul li a {display: block; transition: all 0.2s ease-in-out; text-align: center; text-decoration: none; color: #fff;}