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

/*-----------------------------------------------------------*/
/*ブロック内共通*/

#toppage section h1{
    padding: 0 0 10px;
    position: relative;
}
#toppage section h1::after{
    content: '';
    display: block;
    background-image: url("../image/top/parts_h1.png");
    background-repeat: no-repeat;
    background-size: 16px 5px;
    width: 16px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*-----------------------------------------------------------*/
/*ファーストビュー*/

#firstview{
    width: 100%;
    position: relative;
}
#firstview::before{
    content: '';
    display: block;
    background-image: url("../image/top/parts02sp.jpg");
    background-repeat: no-repeat;
    background-size: 215px 189px;
    width: 215px;
    height: 189px;
    position: absolute;
    bottom: 210px;
    left: 0;
}
#firstview::after{
    content: '';
    display: block;
    background-image: url("../image/top/parts01sp.png");
    background-repeat: no-repeat;
    background-size: 304px 312px;
    width: 304px;
    height: 312px;
    position: absolute;
    bottom: 160px;
    right: 0;
    z-index: -1;
}

#firstview .inner{
    width: 100%;
    margin: 73px auto 0;
    position: relative;
}
#firstview .inner::before{
    content: '';
    display: block;
    width: 100%;
    height: 371px;
    border: 1px solid #FF7BA7;
    position: absolute;
    top: 38px;
    right: 20px;
    z-index: -1;
}

#firstview .slide{
    width: 88.47%;/*637*/
    margin: 0 auto 0 0;
    height: 371px;
    background-color: #fff;
    position: relative;
}

#firstview .mainslide {
    width: 100%;
    margin-inline: auto;
}
#firstview .mainslide .slick-img img {
  width: 100%;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15); /* 拡大率 */
  }
}
#firstview .mainslide .add-animation {
  animation: zoomUp 10s linear 0s normal both;
}

/*slickカスタマイズ*/
#firstview .mainslide .slick-dotted.slick-slider {
}
#firstview .mainslide .slick-dots {
    position: absolute;
    top: 30px;
    right: -32px;
    display: flex;
    flex-direction: column;
}
#firstview .mainslide .slick-dots li {
  position: relative;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
#firstview .mainslide .slick-dots li:not(:last-child){
  margin-bottom: 2.70rem;/*40*/
}

#firstview .mainslide .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    color: transparent;
    border: 1px solid #FF7BA7;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}
#firstview .mainslide .slick-dots li.slick-active button{
    background-color: #FF7BA7;
}
#firstview .mainslide .slick-dots li.slick-active button::after{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #FF7BA7;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*動画*/
#firstview .slide .movie{
}
#firstview .slide .movie video{
    width: 100%;
    height: auto;
}

/*キャッチテキスト*/
#firstview .slide .catch{
    width: 49.17%;/*354*/
    height: 118px;
    position: absolute;
    bottom: -80px;
    left: 15px;
    display: none;
}

/*スクロールアイコン*/
#firstview .scrolldown{
    display: none;
}

/*採用情報バナー*/
#firstview .banner{
    width: 47.92%;/*345*/
    position: absolute;
    /*bottom: 180px;*/
	bottom: 0;
    right: 10px;
}

/*重要なお知らせ*/
#firstview .important_news{
    width: 91.25%;/*657*/
    margin: 133px auto 0;
    border: 1px solid #E81C24;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#firstview .important_news .label{
    display: flex;
    justify-content: space-between;
    padding: 0 1.28rem;/*19*/
    align-items: center;
    height: 40px;
    background-color: #FFE9EC;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;    
}
#firstview .important_news .label dt{
    font-size: 15px;
    color: #E81C24;
    text-indent: 31px;
    position: relative;
}
#firstview .important_news .label dt::before{
    content: '';
    display: block;
    background-image: url("../image/top/icon_important.png");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
}
#firstview .important_news .label dd{
    width: 28%;
}
#firstview .important_news .label dd a{
    font-size: 13px;
    color: #E81C24;
    position: relative;
    padding-left: 18px;
}
#firstview .important_news .label dd a::after{
    content: '';
    display: block;
    background-image: url("../image/top/arrow_important.png");
    background-repeat: no-repeat;
    background-size: 18px 3px;
    width: 18px;
    height: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -24px;
}

#firstview .important_news .postwrap{
    padding: 0 18px;
    background-color: #fff;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    position: relative;
}
#firstview .important_news .postwrap::after{
    content: '';
    display: block;
    width: 92%;/*437*/
    height: 1px;
    background-color: #E81C24;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#firstview .important_news .post{
    padding: 10px 0;
    position: relative;
}
#firstview .important_news .post:not(:last-of-type){
    border-bottom: 1px solid #AEAEAE;
}

/*-----------------------------------------------------------*/
/*News & Topics*/

#a01{
    width: 100%;
    margin: 45px auto 0;
}

#a01 h1{
    width: 100%;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
}

#a01 .posts{
    width: 90.28%;/*650*/
    margin: 5px auto 0;
}

#a01 .posts ul{
}
#a01 .posts ul li{
    border-bottom: 1px solid #AEAEAE;
    box-sizing: border-box;
    padding: 20px 0;
}

#a01 .posts ul li:nth-child(n + 6){
	display: none;
}

#a01 .posts ul dl{
    display: flex;
    align-items: center;
}
#a01 .posts ul dl dt{
    width: 71px;
}
#a01 .posts ul dl dd{
    width: 142px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid red;
    box-sizing: border-box;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    /*padding: 0 20px;*/
	margin-left: 12px;
}
#a01 .posts ul dl dd.news{
    border-color: #0071B7;
    color: #0071B7;
}
#a01 .posts ul dl dd.event{
    border-color: #E81C24;
    color: #E81C24;    
}
#a01 .posts ul dl dd.price{
    border-color: #008D45;
    color: #008D45;
}


#a01 .posts ul dl dd.recruit{
    border-color: #29a6dd;
    color: #29a6dd;
}

#a01 .posts ul dl dd.faq{
    border-color: #00937a;
    color: #00937a;
}

#a01 .posts ul dl dd.institution{
    border-color: #e00e6e;
    color: #e00e6e;
}

#a01 .posts ul dl dd.availability{
    border-color: #754c24;
    color: #754c24;
	font-size: 1.05rem;
}

#a01 .posts ul dl dd.schedule{
    border-color: #ea6400;
    color: #ea6400;
	font-size: 1.10rem;
}

#a01 .posts ul a{
    display: block;
    margin: 5px auto 0;
}

#a01 .btn{
    width: 45.00%;/*324*/
    margin: 18px auto 0;
}
#a01 .btn a{
    width: 100%;
    height: 43px;
    align-items: center;
    color: #fff;
    text-align: center;
}

/*-----------------------------------------------------------*/
/*康復センター星岡について*/

#a02{
    width: 100%;
    margin: 67px auto 0;
    position: relative;
}
#a02::before{
    content: '';
    display: block;
    background-image: url("../image/top/about02sp.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 142px;
    height: 251px;
    position: absolute;
    top: 45px;
    left: 0;
}
#a02::after{
    content: '';
    display: block;
    background-image: url("../image/top/about03sp.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 239px;
    height: 291px;
    position: absolute;
    top: 130px;
    right: 0;
    z-index: -1;
}

#a02 h1{
    width: 100%;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
}

#a02 .column{
    width: 79.86%;/*575*/
    margin: 43px auto 0;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
}
#a02 .column::after{
    content: '';
    display: block;
    background-image: url("../image/top/about01.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 156px;
    height: 104px;
    position: absolute;
    top: -47px;
    right: 0;
}

/*スライド*/
#a02 .column .slide{
    width: 84.52%;/*486*/
    margin: 0 auto;
}
#a02 .column .slide li img{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/*slickカスタマイズ*/
#a02 .column .slide .slick-dots {
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: flex;
}
#a02 .column .slide .slick-dots li {
  position: relative;
  width: 13px;
  height: 13px;
  cursor: pointer;
}
#a02 .column .slide .slick-dots li:not(:last-child){
  margin-right: 5px;
}

#a02 .column .slide .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 13px;
    height: 13px;
    cursor: pointer;
    color: transparent;
    border: 2px solid #fff;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.00);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}
#a02 .column .slide .slick-dots li.slick-active button{
    background-color: #fff;
}

/*テキスト*/
#a02 .column .txt{
    width: 100%;
    margin: 75px auto 0;
}
#a02 .column .txt dl dt{
    color: #E81C24;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0.10em;
}
#a02 .column .txt dl dd{
    margin: 28px auto 0;
    line-height: 170%;
}

#a02 .column .txt .btn{
    width: 56.00%;
    margin: 28px auto 0;
}
#a02 .column .txt .btn a{
    width: 100%;
    height: 43px;
    align-items: center;
    color: #fff;
    text-align: center;
    letter-spacing: 0.14em;
}

/*-----------------------------------------------------------*/
/*サービス案内*/

#a03{
    width: 100%;
    margin: 40px auto 0;
    position: relative;
}
#a03::before{
    content: '';
    display: block;
    background-image: url("../image/top/bg_service.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}
#a03::after{
}

#a03 .inner{
    padding: 60px 0 30px;
    position: relative;
}
#a03 .inner::before{
    content: '';
    display: block;
    background-image: url("../image/top/service_parts04.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 171px;
    height: 104px;
    position: absolute;
    top: -32px;
    left: 10px;
}

#a03 h1{
    width: 100%;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
}

#a03 .column{
    width: 100%;
    margin: 0 auto;
}

#a03 .column .oneblock{
    width: 100%;
    height: 295px;
    margin: 45px auto 0;
    position: relative;
}
#a03 .column .oneblock:first-of-type{
    margin: 20px auto 0;
}

/*パーツ*/
#a03 .column .oneblock:nth-child(1)::before{
    content: '';
    display: block;
    background-image: url("../image/top/service_parts01.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 141px ;
    height: 85px;
    position: absolute;
    top: -40px;
    right: 6px;
}
#a03 .column .oneblock:nth-child(2)::before{
    content: '';
    display: block;
    background-image: url("../image/top/service_parts02.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 165px;
    height: 100px;
    position: absolute;
    top: -85px;
    left: 25px;
    z-index: -1;
}
#a03 .column .oneblock:nth-child(3)::before{
    content: '';
    display: block;
    background-image: url("../image/top/service_parts03.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 152px;
    height: 141px;
    position: absolute;
    top: -87px;
    right: 0;
    z-index: -1;
}

/*画像*/
#a03 .column .oneblock .image{
    width: 100%;
    position: absolute;
    top: 0;
}

/*テキスト*/
#a03 .column .oneblock .info{
    width: 88.75%;/*639*/
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    background: rgb(255,123,167);
    background: -moz-linear-gradient(90deg, rgba(255,123,167,1) 0%, rgba(247,233,33,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,123,167,1) 0%, rgba(247,233,33,1) 100%);
    background: linear-gradient(90deg, rgba(255,123,167,1) 0%, rgba(247,233,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7ba7",endColorstr="#f7e921",GradientType=1);    
    padding: 1px;/*borderの太さ*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#a03 .column .oneblock .info .wrap{
    width: 100%;
    height: 174px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;/*背景を白*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
/*筆記体テキストを追加*/
#a03 .column .oneblock .info .wrap::after{
    font-family: 'Oooh Baby', cursive;
    font-weight: 400;
    color: #E81E79;
    font-size: 20px;;
    position: absolute;
    transform: rotate(-20deg);
}
#a03 .column .oneblock:nth-child(1) .info .wrap::after{
    content: 'Short stay';
    top: -9px;
    left: 0;
}
#a03 .column .oneblock:nth-child(2) .info .wrap::after{
    content: 'Group home';
    top: -1.01rem;/*15*/
    left: 0.34rem;/*5*/
}
#a03 .column .oneblock:nth-child(3) .info .wrap::after{
    content: 'Day service center';
    top: -15px;
    left: 0;
}

#a03 .column .oneblock .info .wrap dl{
    text-align: center;
    margin: 0 auto 15px;
}
#a03 .column .oneblock .info .wrap dl dt{
    font-size: 18px;
    color: #E81E79;
}
#a03 .column .oneblock .info .wrap dl dd{
    margin: 10px auto 0;
    line-height: 176%;
}

#a03 .column .oneblock .info .wrap a{
    width: 50.70%;/*324*/
    height: 42px;
    align-items: center;
    color: #fff;
    text-align: center;
    letter-spacing: 0.14em;
}

/*-----------------------------------------------------------*/
/*ピッカピカサロン*/

#a04{
    width: 100%;
    margin: 85px auto 0;
    padding: 0;
    position: relative;
}
#a04::before{
    content: '';
    display: block;
    background-image: url("../image/top/salon_parts01sp.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 162px;
    height: 169px;
    position: absolute;
    top: -58px;;
    left: 0;
}

#a04 .inner{
    position: relative;
}
#a04 .inner::before{
    content: '';
    display: block;
    background-image: url("../image/top/bn_salonsp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 299px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#a04 .onlysp_h1{
    width: 100%;
    padding: 30px 0 0;
    position: relative;
}
#a04 .onlysp_h1 h1{
    font-size: 20px;
    font-weight: 500;
    color: #754C24;
    text-align: center;
}
#a04 .onlysp_h1::before{
    content: '';
    display: block;
    background-image: url("../image/top/salon_parts03.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 47px;
    height: 47px;
    position: absolute;
    top: 40px;
    left: 65px;
}
#a04 .onlysp_h1::after{
    content: '';
    display: block;
    background-image: url("../image/top/salon_parts04.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 47px;
    height: 47px;
    position: absolute;
    top: 0;
    right: 64px;
}

#a04 .column{
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 0;
    display: flex; 
    flex-direction: column-reverse;
    position: relative;
}
#a04 .column::before{
    content: '';
    display: block;
    background-image: url("../image/top/salon02sp.png");
    background-repeat: no-repeat;
    background-size: 22px 102px;
    width: 22px;
    height: 102px;
    position: absolute;
    top: -113px;
    left: 45px;
}

/*画像*/
#a04 .column .image{
    width: 83.75%;/*603*/
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
#a04 .column .image img{
    width: 100%;
    height: auto;
}
#a04 .column .image::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #754C24;
    box-sizing: border-box;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: -1;
}
#a04::after{
    content: '';
    display: block;
    background-image: url("../image/top/salon_parts02sp.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 190px;
    height: 201px;
    position: absolute;
    top: 146px;
    right: 0;
}

/*テキスト*/
#a04 .column .txt{
    width: 80.00%;/*576*/
    margin: 30px auto 0;
}
#a04 .column .txt dl{
    margin: 0 auto 15px;
}
#a04 .column .txt dl dt{
    position: relative;
}

#a04 .column .txt dl dd{
    margin: 10px auto 0;
    text-align: center;
    line-height: 176%;
}

#a04 .column .txt a{
    width: 56.00%;
    height: 43px;
    margin: 0 auto;
    align-items: center;
    color: #fff;
    text-align: center;
    letter-spacing: 0.14em;
}

/*-----------------------------------------------------------*/
/*施設紹介*/

#a05{
    width: 100%;
    margin: 103px auto 0;
}

#a05 h1{
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}

#a05 .inner{
    position: relative;
}
#a05 .inner::before{
    content: '';
    display: block;
    background-image: url("../image/top/bg_shisetsusp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 307px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
#a05 .slide::after{
    content: '';
    display: block;
    background-image: url("../image/top/shisetsu01.png");
    background-repeat: no-repeat;
    background-size: 138px 176px;
    width: 138px;
    height: 176px;
    position: absolute;
    top: -106px;;
    left: 0;
    z-index: -1;
}

#a05 .slide{
    width: 88.19%;/*635*/
    margin: 0 auto;
    padding: 16px 0 0;
    position: relative;
}

#a05 .slide ul li.slick-slide{
}
#a05 .slide ul li.slick-slide img{
    width: 100%;
    height: auto;
}

#a05 .slide ul li.slick-slide iframe,
#a05 .slide ul li.slick-slide video{
    width: 100%;
    height: 188px;
}

#a05 .slide ul li.slick-slide p{
    margin: 15px auto 0;
    color: #000;
    text-align: center;
}

/*slickカスタマイズ*/
#a05 .slide .slick-dots {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: flex;
}
#a05 .slide .slick-dots li {
    position: relative;
    width: 13px;
    height: 13px;
    cursor: pointer;
}
#a05 .slide .slick-dots li:not(:last-child){
    margin-right: 5px;
}

#a05 .slide .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: transparent;
    border: 2px solid #fff;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.00);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}
#a05 .slide .slick-dots li.slick-active button{
    background-color: #fff;
}

#a05 .slide .prev-arrow{
    width: 31px;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 2;
}
#a05 .slide .next-arrow{
    width: 31px;
    position: absolute;
    top: 80px;
    right: 0;
    z-index: 2;
}

#a05 .btn{
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 28px;
}
#a05 .btn a{
    width: 16.89rem;/*250*/
    height: 4.46rem;/*66*/
    margin: 0 auto;
    align-items: center;
    color: #ED4384;
    font-size: 1.35rem;/*20*/
    text-align: center;
    letter-spacing: 0.14em;
}

/*-----------------------------------------------------------*/
/*ご利用料金・よくあるご質問*/

#a06{
    width: 100%;
    margin: 35px auto 0;
}

#a06 .column{
    width: 92.36%;/*665*/
    margin: 0 auto;
    display: flex;
    position: relative;
}
#a06 .column::before{
    content: '';
    display: block;
    background-image: url("../image/top/shisetsu01.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 138px;
    height: 176px;
    position: absolute;
    bottom: -197px;
    left: 0;
    opacity: 0.6;
}

#a06 .column .oneblock{
    width: calc( 50% - 12px );
    margin: 0 auto;
    position: relative;
}

#a06 .column .oneblock .image{
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#a06 .column .oneblock .image img{
    transition:0.5s all;
}

#a06 .column .oneblock .txt{
    width: 100%;
    display: flex;
    justify-content: center;
}
#a06 .column .oneblock .txt dl{
    margin: 10px auto 0;
    text-align: center;
}
#a06 .column .oneblock .txt dl dt{
    font-size: 18px;
    position: relative;
}
#a06 .column .oneblock .txt dl dt::before{
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    padding-bottom: 0.68rem;/*10*/
}
#a06 .column .oneblock:nth-child(1) .txt dl dt::before{
    background-image: url("../image/top/price_icon.png");
}
#a06 .column .oneblock:nth-child(2) .txt dl dt::before{
    background-image: url("../image/top/qanda_icon.png");
}

#a06 .column .oneblock .txt dl dd{
    margin-top: 10px;
}
#a06 .column .oneblock .txt dl dd a{
    width: 135px;
    height: 36px;
    align-items: center;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.14em;
}

/*-----------------------------------------------------------*/
/*お問い合わせ先・アクセス*/

#a07{
    width: 100%;
    margin: 25px auto 80px;
}

#a07 .column{
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}

#a07 .column .info{
    width: 100%;
}
#a07 .column .info .wrap{
    width: 100%;
}

#a07 .column .info .wrap h1{
    font-size: 23px;
    font-weight: 500;
    text-align: center;
}

#a07 .column .info .wrap .txt{
    width: 80.00%;/*576*/
    margin: 25px auto 0;
}

#a07 .column .info .wrap dl.tel{
    margin: 18px auto 0;
    text-align: center;
}
#a07 .column .info .wrap dl.tel dt, #a07 .column .info .wrap dl.tel dt a{
    font-size: 29px;
    color: #E81E79;
}

#a07 .column .info .wrap .btn{
    width: 80.00%;/*576*/
    margin: 1.69rem auto 0;/*24*/
    position: relative;
}
#a07 .column .info .wrap .btn a{
    width: 100%;
    height: 58px;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    color: #fff;
}
/*動く矢印*/
#a07 .column .info .wrap .btn::after{
    content: '';
    display: block;
    background-image: url("../image/common/icon_arrow_white.png");
    background-size: 1.62rem 0.74rem;/*24,11*/
    background-repeat: no-repeat;
    width: 1.62rem;
    height: 0.74rem;
    right: 2.30rem;/*34*/
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s;
}

#a07 .column .info .wrap .maps{
    width: 100%;
    margin: 48px auto 0;
}
#a07 .column .info .wrap .maps iframe{
    width: 100%;
    height: 150px;
}

#a07 .column .info .wrap dl.access{
    margin: 20px auto 0;
    text-align: center;
}
#a07 .column .info .wrap dl.access dd{
    width: 59.44%;/*248*/
    margin: 18px auto 0;
}
#a07 .column .info .wrap dl.access dd a{
    width: 100%;
    height: 47px;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.2em;
    color: #fff;
}

/*-----------------------------------------------------------*/
/*採用情報*/

#a08{
    width: 100%;
    margin: 0 auto;
}

#a08 .inner{
    width: 100%;
    position: relative;
    padding: 0 0 24px;
}
#a08 .inner::before{
    content: '';
    display: block;
    background-image: url("../image/top/bg_recruitsp.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 141px;;
    position: absolute;
    bottom: 0;
    left: 0;
}

#a08 .areabtn{
    width: 80.14%;/*577*/
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;    
}

#a08 .areabtn .btnwrap{
    background: rgb(0,184,233);
    background: -moz-linear-gradient(270deg, rgba(0,184,233,1) 0%, rgba(85,255,80,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0,184,233,1) 0%, rgba(85,255,80,1) 100%);
    background: linear-gradient(270deg, rgba(0,184,233,1) 0%, rgba(85,255,80,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b8e9",endColorstr="#55ff50",GradientType=1);    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;    
    padding: 2px;
}

#a08 .areabtn .btnwrap .border-inner{
    box-sizing: border-box;
    background: #ffffff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    width: 100%;
}

#a08 .areabtn .btnwrap .border-inner .photo{
    width: 100%;
    overflow: hidden;
    -webkit-border-top-left-radius: 17px;
    -webkit-border-top-right-radius: 17px;
    -moz-border-radius-topleft: 17px;
    -moz-border-radius-topright: 17px;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
}

#a08 .areabtn .btnwrap .border-inner .txt{
    width: 100%;
    position: relative;
    background-image: url("../image/top/recruit02sp.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    background-color: #29C7E2;
    -webkit-border-bottom-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
    -moz-border-radius-bottomright: 17px;
    -moz-border-radius-bottomleft: 17px;
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 17px;
}

#a08 .areabtn .btnwrap .border-inner .txt dl{
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
#a08 .areabtn .btnwrap .border-inner .txt dl dt{
    width: 79.72%;/*460*/
    margin: 0 auto;
    padding: 30px 0 0;
    font-size: 18px;
    color: #fff;
    position: relative;
    text-indent: 50%;
    border-bottom: 1px solid #fff;
    padding-bottom: 2.03rem;/*30*/
}
#a08 .areabtn .btnwrap .border-inner .txt dl dt::after{
    content: 'Recruit';
    font-family: 'Oooh Baby', cursive;
    font-weight: 400;
    font-size: 30px;
    position: absolute;
    top: 30px;
    left: -35px;
    transform: rotate(-20deg);
}
#a08 .areabtn .btnwrap .border-inner .txt dl dd{
    margin: 15px auto 0;
    color: #fff;
    letter-spacing: 0.10em;
    line-height: 180%;
    text-align: center;
}

#a08 .areabtn .btnwrap .border-inner .btn{
    width: 53.03%;/*306*/
    margin: 0 auto;
    padding: 20px 0;
}
#a08 .areabtn .btnwrap .border-inner .btn a{
    width: 100%;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #3099B5;
}

/*-----------------------------------------------------------*/
/*関連サイト*/

#a09{
    width: 100%;
    margin: 43px auto;
}

#a09 h1{
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

#a09 .links{
    width: 100%;
    margin: 15px auto 0;
}
#a09 .links ul{
}
#a09 .links ul li{
    width: 41.67%;/*300*/
    margin: 0 auto;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    box-shadow: 0px 0px 9px 0px rgba(53,66,71,0.35);
}
#a09 .links ul li:not(:last-child){
    margin: 0 auto 18px;
}

#a09 .links ul li dl{
    height: 42px;
    padding: 0 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#a09 .links ul li dl dt{
    width: 25px;
}
#a09 .links ul li dl dd{
    width: 80px;
    font-size: 9px;
    color: #000;
    line-height: 120%;
}

/*-----------------------------------------------------------*/
/*ローディング*/

.loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 1;
  visibility: visible;
}

.loading.is-active {
  opacity: 0;
  visibility: hidden;
}

.loading-animation {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #fff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}

.loading-animation.is-active {
  opacity: 1;
  visibility: visible;
}

#start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: 53.06%;/*382*/
}
#start .parts.left{
	width: 138px;
	position: fixed;
	top: 15px;
	left: 15px;
	z-index: 9999;
}
#start .parts.right{
	width: 165px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 9999;
}
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/