@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.company
03.staff
03-2.staff_detail_page
04.new_talkroom
05.message
06.welfare
07.culture
08.education
09.career
10.support
11.work_style
12.business
13.data
14.faq
15.blog
15-2.blog_detail_page
16.recruitment
17.contact
--------------------*/

/*----------
01.top
----------*/
#top #mainvisual_area{
position: relative;
background-color: #FFEF71;
}

#top #mainvisual_area .mv_top{
max-width: 916px;
width: 71.57%;
margin: -54px auto 0;
position: relative;
background: url(../img/top/bg_top_mv.png) no-repeat center center/auto 100%;
padding: 88px 0 65px;
}

#top #mainvisual_area .mv_top::before,#top #mainvisual_area .mv_top::after{
content: "";
display: block;
position: absolute;
z-index: 1;
opacity: 0;
}

#top #mainvisual_area .mv_top::before{
max-width: 330px;
width: 100%;
height: 238px;
top: 60px;
right: 156px;
background: url(../img/top/deco01_mv.png) no-repeat center center/100% auto;
}

#top #mainvisual_area .mv_top::after{
max-width: 167px;
width: 100%;
height: 262px;
bottom: 60px;
left: 150px;
background: url(../img/top/deco02_mv.png) no-repeat center center/100% auto;
}

#top #mainvisual_area .mv_top .text_g{
max-width: 538px;
width: 58.74%;
margin: 0 auto;
padding-left: 12px;
}

#top #mainvisual_area .mv_top .text_box{
position: relative;
}

#top #mainvisual_area .mv_top .text_box::before{
content: "";
display: block;
position: absolute;
width: 135px;
height: 135px;
opacity: 0;
}

#top #mainvisual_area .mv_top .text_box01{
max-width: 479px;
width: 100%;
}

#top #mainvisual_area .mv_top .text_box01::before{
background: url(../img/top/icon02_fukidashi01_mv.png) no-repeat center center/100% auto;
top: 0;
right: 0;
}

#top #mainvisual_area .mv_top .text_box02{
max-width: 475px;
width: 100%;
margin: 20px 0 0 auto;
}

#top #mainvisual_area .mv_top .text_box02::before{
background: url(../img/top/icon03_fukidashi02_mv.png) no-repeat center center/100% auto;
bottom: -2px;
left: 121px;
}

#top #mainvisual_area .mv_top .circle_text{
position: relative;
z-index: 1;
}

#top #mainvisual_area .mv_top .circle_text span{
display: inline-block;
border-radius: 50%;
width: 65px;
height: 65px;
background-color: #000;
color: #fff;
font-weight: 700;
font-size: 40px;
line-height: 58px;
text-align: center;
}

#top #mainvisual_area .mv_top .text_box01 .circle_text span{
background-color: #6ECCEF;
}

#top #mainvisual_area .mv_top .text_box02 .circle_text span{
background-color: #EF6E91;
}

#top #mainvisual_area .mv_top .circle_text01 span,#top #mainvisual_area .mv_top .circle_text03 span{
margin: 0 -14px 0 0;
}

#top #mainvisual_area .mv_top .circle_text02{
position: absolute;
bottom: 11px;
right: 0;
}

#top #mainvisual_area .mv_top .circle_text04{
position: absolute;
bottom: 4px;
right: 0;
}

#top #mainvisual_area .mv_top .fukidashi{
font-weight: 700;
font-size: 76px;
line-height: 1;
text-align: center;
max-width: 365px;
width: 100%;
padding: 10px 0 40px;
margin-top: -19px;
position: relative;
}

#top #mainvisual_area .mv_top .fukidashi::before,#top #mainvisual_area .mv_top .fukidashi::after{
content: "";
display: block;
position: absolute;
}

#top #mainvisual_area .mv_top .fukidashi01{
color: #6ECCEF;
background: url(../img/top/bg_fukidashi01_mv.png) no-repeat center bottom/100% auto;
margin-left: 73px;
}

#top #mainvisual_area .mv_top .fukidashi01::before{
width: 43px;
height: 54px;
background: url(../img/top/icon01_fukidashi01_mv.png) no-repeat center center/100% auto;
top: -27px;
right: 1px;
transform: rotate(57deg);
opacity: 0;
}

#top #mainvisual_area .mv_top .fukidashi02{
color: #EF6E91;
background: url(../img/top/bg_fukidashi02_mv.png) no-repeat center bottom/100% auto;
margin-left: 76px;
}

#top #mainvisual_area .mv_top .fukidashi02::before{
width: 45px;
height: 42px;
background: url(../img/top/icon01_fukidashi02_mv.png) no-repeat center center/100% auto;
top: -8px;
right: -3px;
}

#top #mainvisual_area .mv_top .fukidashi02::after{
width: 23px;
height: 19px;
background: url(../img/top/icon02_fukidashi02_mv.png) no-repeat center center/100% auto;
bottom: 55px;
left: -14px;
}

#top .mv_bottom{
position: relative;
}

#top .mv_bottom::before{
content: "";
display: block;
width: 536px;
height: 163px;
background: url(../img/top/deco05_mv.png) no-repeat center center/100% auto;
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-48%);
opacity: 0;
}

#top .mv_bottom .people_box{
max-width: 496px;
width: 100%;
margin: 0 auto;
position: relative;
flex-wrap: wrap;
align-items: start;
z-index: 1;
}

#top .mv_bottom li{
position: relative;
}

#top .mv_bottom li::before{
content: "";
display: block;
position: absolute;
width: 53px;
height: 42px;
opacity: 0;
}

#top .mv_bottom .people01{
max-width: 217px;
width: 100%;
}

#top .mv_bottom .people01::before{
background: url(../img/top/deco03_mv.png) no-repeat center center/100% auto;
top: 1px;
left: 18px;
}

#top .mv_bottom .people02{
max-width: 201px;
width: 100%;
margin: 14px -84px 0 -48px;
z-index: 1;
}

#top .mv_bottom .people03{
max-width: 210px;
width: 100%;
margin-top: 8px;
}

#top .mv_bottom .people03::before{
background: url(../img/top/deco04_mv.png) no-repeat center center/100% auto;
top: -6px;
right: -20px;
}

#top .mv_slider{
background-color: #FFEF71;
/* max-width: 353px; */
width: 27.58%;
height: 100%;
position: absolute;
top: 0;
overflow: hidden;
}

#top .mv_left{
left: 0;
}

#top .mv_left .slider_g{
animation: scroll_bottomtotop 30s linear infinite both;
}

#top .mv_right{
right: 0;
}

#top .mv_right .slider_g{
animation: scroll_toptobottom 30s linear infinite both;
}

/* アニメーション */
#top #mainvisual_area.active .mv_top .circle_text span{
animation-duration: .3s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#top #mainvisual_area.active .mv_top .fukidashi{
animation-duration: .8s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#top #mainvisual_area.active .mv_top .fukidashi::before,#top #mainvisual_area.active .mv_top .fukidashi::after,#top #mainvisual_area.active .mv_top .text_box::before,#top #mainvisual_area.active .mv_top::before,#top #mainvisual_area.active .mv_top::after,#top #mainvisual_area.active .mv_bottom::before{
animation-duration: .5s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#top #mainvisual_area.active .mv_top .circle_text01 span:nth-child(2){
animation-delay: .1s;
}

#top #mainvisual_area.active .mv_top .circle_text01 span:nth-child(3){
animation-delay: .2s;
}

#top #mainvisual_area.active .mv_top .circle_text01 span:nth-child(4){
animation-delay: .3s;
}

#top #mainvisual_area.active .mv_top .fukidashi01{
animation-delay: .8s;
}

#top #mainvisual_area.active .mv_top .fukidashi01::before{
animation-delay: 1.6s;
}

#top #mainvisual_area.active .mv_top::before{
animation-duration: 1s;
animation-delay: 1.6s;
}

#top #mainvisual_area.active .mv_top .text_box01::before{
animation-delay: 1.8s;
}

#top #mainvisual_area.active .mv_top .circle_text02 span{
animation-delay: 1.9s;
}

#top #mainvisual_area.active .mv_top .circle_text03 span:nth-child(1){
animation-delay: 2.6s;
}

#top #mainvisual_area.active .mv_top .circle_text03 span:nth-child(2){
animation-delay: 2.7s;
}

#top #mainvisual_area.active .mv_top .circle_text03 span:nth-child(3){
animation-delay: 2.8s;
}

#top #mainvisual_area.active .mv_top .circle_text03 span:nth-child(4){
animation-delay: 2.9s;
}

#top #mainvisual_area.active .mv_top .circle_text03 span:nth-child(5){
animation-delay: 3s;
}

#top #mainvisual_area.active .mv_top .circle_text03 span:nth-child(6){
animation-delay: 3.1s;
}

#top #mainvisual_area.active .mv_top .circle_text03 span:nth-child(7){
animation-delay: 3.2s;
}

#top #mainvisual_area.active .mv_top .fukidashi02{
animation-delay: 3.8s;
}

#top #mainvisual_area.active .mv_top .fukidashi02::before{
animation-delay: 4.6s;
}

#top #mainvisual_area.active .mv_top .fukidashi02::after{
animation-delay: 4.7s;
}

#top #mainvisual_area.active .mv_top::after{
animation-duration: 1s;
animation-delay: 4.6s;
}

#top #mainvisual_area.active .mv_top .text_box02::before{
animation-delay: 4.9s;
}


#top #mainvisual_area.active .mv_top .circle_text04 span{
animation-delay: 5.1s;
}

#top #mainvisual_area.active .mv_bottom li{
animation-duration: .3s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#top #mainvisual_area.active .mv_bottom li::before{
animation-duration: .8s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#top #mainvisual_area.active .mv_bottom .people01{
animation-delay: 5s;
}

#top #mainvisual_area.active .mv_bottom .people03{
animation-delay: 5.2s;
}

#top #mainvisual_area.active .mv_bottom .people02{
animation-delay: 5.4s;
}

#top #mainvisual_area.active .mv_bottom .people01::before{
animation-delay: 5.6s;
}

#top #mainvisual_area.active .mv_bottom .people03::before{
animation-delay: 5.8s;
}

#top #mainvisual_area.active .mv_bottom::before{
animation-delay: 5.2s;
}

@media only screen and (max-width:1130px){
#top #mainvisual_area .mv_top .text_g{
padding-left: 0;
}

#top #mainvisual_area .mv_top .text_g{
width: 78.74%;
position: relative;
z-index: 1;
}
}

#top header.orange{
position: relative;
margin-top: -1px;
margin-bottom: 10px;
}

#top header.orange #header_top{
background-color: #FFB62C;
padding: 32px 0 31px;
}

#top header.orange #header_top::before{
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../common/img/bg_orange.png) repeat-x center top/333px auto;
filter: drop-shadow(0px 0px 10px rgba(0,0,0,.08));
z-index: -1;
}

#top header.orange #header_top::after{
background-image: url(../common/img/bg_orange.png);
transform: rotate(180deg);
}

#top header.orange #header_top .logo .white,#top header #header_top .logo .original{
display: block;
}

#top header.orange #header_top .logo .original,#top header #header_top .logo .white{
display: none;
}

#top header.orange #header_top .company_name{
color: #fff;
border-left-color: #fff;
}

#top header.orange .nav_btn{
background-color: #fff;
}

#top header.orange .nav_line{
background-color: #000;
}

/* active */
#top header.active.orange{
position: fixed;
}

#top header.active.orange .nav_btn{
background-color: #FFEF71;
}

#top header.active.orange .nav_line{
background-color: #000;
}

#top header.orange + #banner_area{
margin-top: 0;
}

#top header + #banner_area{
margin-top: 147px;
}

#top #banner_area .contents_in{
position: relative;
padding: 95px 0 116px;
max-width: 1280px;
}

#top #banner_area .contents_in::before,#top #banner_area .contents_in::after{
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
top: 20px;
opacity: 0;
}

#top #banner_area .contents_in::before{
max-width: 225px;
width: 100%;
height: 239px;
background-image: url(../img/top/icon02_banner.png);
left: 4.07%;
}

#top #banner_area .contents_in::after{
max-width: 233px;
width: 100%;
height: 229px;
background-image: url(../img/top/icon04_banner.png);
right: 3.29%;
}

#top #banner_area .contents_in::before,#top #banner_area .contents_in::after{
content: "";
display: block;
position: absolute;
}

#top #banner_area .banner_box{
max-width: 878px;
width: 88%;
margin: 0 auto;
position: relative;
z-index: 1;
justify-content: space-between;
}

#top #banner_area .banner_box::before{
content: "";
display: block;
max-width: 605px;
width: 100%;
height: 269px;
background: url(../img/top/icon03_banner.png) no-repeat center center/100% auto;
position: absolute;
top: -48px;
right: -80px;
z-index: 2;
opacity: 0;
}

#top #banner_area .banner_box li{
max-width: 419px;
width: 47.73%;
box-shadow: 0 0 10px rgba(0,0,0,.1);
position: relative;
}

#top #banner_area .banner_box li::before{
content: "";
display: block;
width: 10.74%;
height: 90px;
background: url(../img/top/icon01_banner.png) no-repeat center center/100% auto;
position: absolute;
top: -67px;
opacity: 0;
}

#top #banner_area .banner_box li.banner01::before{
left: -47px;
transform: rotate(45deg);
}

#top #banner_area .banner_box li.banner02::before{
right: -47px;
transform: rotate(135deg);
}

#top #banner_area .banner_box li span{
display: block;
position: relative;
}

#top #banner_area .banner_box li span::before,#top #banner_area .banner_box li span::after{
content: "";
display: block;
position: absolute;
width: 42.01%;
height: 176px;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
opacity: 0;
}

#top #banner_area .banner_box li img{
position: relative;
z-index: 1;
}

#top #banner_area .banner_box li.banner01 span::before{
background-image: url(../img/top/deco_blue.png);
bottom: -64px;
left: -47px;
}

#top #banner_area .banner_box li.banner01 span::after{
background-image: url(../img/top/deco_orange.png);
top: -44px;
right: 17px;
}

#top #banner_area .banner_box li.banner02 span::before{
background-image: url(../img/top/deco_pink.png);
bottom: -50px;
left: 86px;
}

/* アニメーション */
#top #banner_area.active .banner_box .banner01{
animation-duration: .3s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#top #banner_area.active .banner_box .banner01::before{
opacity: 1;
transition: all .2s .8s;
}

#top #banner_area.active .banner_box .banner01 span::before{
animation-duration: .3s;
animation-name: small_fadeInDown;
animation-fill-mode: both;
animation-delay: .4s;
}

#top #banner_area.active .banner_box .banner01 span::after{
animation-duration: .3s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
animation-delay: .5s;
}


#top #banner_area.active02 .banner_box .banner02{
animation-duration: .3s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#top #banner_area.active02 .banner_box .banner02::before{
opacity: 1;
transition: all .2s .8s;
}

#top #banner_area.active02 .banner_box .banner02 span::before{
animation-duration: .3s;
animation-name: small_fadeInDown;
animation-fill-mode: both;
animation-delay: .4s;
}

#top #banner_area .contents_in::before,#top #banner_area .contents_in::after,#top #banner_area.active .banner_box::before{
animation-duration: .3s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#top #banner_area .contents_in::before{
animation-delay: 1.3s;
}

#top #banner_area.active .banner_box::before{
animation-delay: 1.4s;
}

#top #banner_area .contents_in::after{
animation-delay: 1.5s;
}

#top #cnt_area01{
position: relative;
background-color: #FFEF71;
margin-top: 10px;
}

#top #cnt_area01::before{
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../common/img/bg_yellow.png) repeat-x center top/auto 10px;
}

#top #cnt_area01::after{
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../common/img/bg_yellow.png) repeat-x 0 top/auto 10px;
transform: rotate(180deg);
}

#top #cnt_area01 .bg{
position: relative;
}

#top #cnt_area01 .bg::before,#top #cnt_area01 .bg::after{
content: "";
display: block;
position: absolute;
width: 1280px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
opacity: 0;
}

#top #cnt_area01 .bg::before{
height: 326px;
background-image: url(../img/top/icon01_cnt01.png);
top: 18px;
}

#top #cnt_area01 .bg::after{
height: 540px;
background-image: url(../img/top/icon02_cnt01.png);
top: 462px;
}

#top #cnt_area01 .icon03_cnt01{
display: block;
position: absolute;
width: 1280px;  
left: 0;
right: 0;
margin: 0 auto;
height: 213px;
background: url(../img/top/icon03_cnt01.png) no-repeat 50% 0/100% auto;
bottom: 94px;
}

#top #cnt_area01 .contents_in{
max-width: 1280px;
padding: 91px 0 180px;
position: relative;
}

#top #cnt_area01 .h2_ptn_01{
margin-bottom: 30px;
}

#top #cnt_area01 .cnt_g{
max-width: 1000px;
width: 100%;
margin: 0 auto;
flex-wrap: wrap;
align-items: start;
position: relative;
z-index: 2;
}

#top #cnt_area01 .cnt_box{
max-width: 431px;
width: 43.1%;
position: relative;
padding: 45px 0 7px;
}

#top #cnt_area01 .cnt_box .number_box{
max-width: 134px;
width: 100%;
position: absolute;
top: 0;
left: 5px;
z-index: 2;
}

#top #cnt_area01 .cnt_box .cnt_img{
position: relative;
}

#top #cnt_area01 .cnt_box .cnt_img::before,#top #cnt_area01 .cnt_box .cnt_img::after{
content: "";
display: block;
position: absolute;
width: 58.47%;
height: 252px;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}

#top #cnt_area01 .cnt_box .cnt_img::before{
background-image: url(../img/top/deco_orange.png);
top: 0;
right: 0;
}

#top #cnt_area01 .cnt_box .cnt_img::after{
background-image: url(../img/top/deco_white.png);
top: 38px;
left: 0;
}

#top #cnt_area01 .cnt_box .cnt_img span{
display: block;
max-width: 362px;
width: 84%;
margin: 0 auto;
position: relative;
z-index: 1;
}

#top #cnt_area01 .cnt_box .cnt_img span img{
position: relative;
}

#top #cnt_area01 .cnt_box .cnt_img span::before{
content: "";
display: block;
background-color: #000;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 7.5px;
right: -18px;
}

#top #cnt_area01 .cnt_box .btn_ptn01{
max-width: 284px;
position: absolute;
right: 59px;
bottom: 0;
z-index: 1;
}

#top #cnt_area01 .cnt_box .btn_ptn01 a{
background-color: #fff;
font-size: 24px;
padding: 12px 0 13px 24px;
border-width: 3px;
border-radius: 50px;
text-align: left;
}

#top #cnt_area01 .cnt_box .btn_ptn01 a::after{
width: 33px;
height: 33px;
background-size: 9px auto;
}

#top #cnt_area01 .orange_box .cnt_img span::before{
background-color: #FFB62C;
}

#top #cnt_area01 .orange_box{
margin-left: 4.6%;
}

#top #cnt_area01 .pink_box .cnt_img span::before{
background-color: #EF6E91;
}

#top #cnt_area01 .pink_box{
max-width: 387px;
width: 38.7%;
margin-top: 123px;
margin-left: 4.6%;
}

#top #cnt_area01 .pink_box .number_box{
left: 0;
}

#top #cnt_area01 .pink_box .cnt_img::before{
background-image: url(../img/top/deco_pink.png);
top: auto;
bottom: 0;
right: auto;
left: 0;
}

#top #cnt_area01 .pink_box .cnt_img::after{
background-image: url(../img/top/deco_white.png);
top: -15px;
left: auto;
right: 0;
}

#top #cnt_area01 .pink_box .cnt_img span{
width: 93.55%;
margin: 0 0 0 auto;
}

#top #cnt_area01 .pink_box .btn_ptn01{
right: 49px;
}

#top #cnt_area01 .blue_box .cnt_img span::before{
background-color: #6ECCEF;
}

#top #cnt_area01 .blue_box{
max-width: 414px;
width: 41.4%;
margin-top: -63px;
margin-left: 5.1%;
}

#top #cnt_area01 .blue_box .number_box{
left: 0;
}

#top #cnt_area01 .blue_box .cnt_img::before{
background-image: url(../img/top/deco_blue.png);
top: auto;
bottom: 12px;
right: auto;
left: 0;
}

#top #cnt_area01 .blue_box .cnt_img::after{
background-image: url(../img/top/deco_white.png);
top: -16px;
left: auto;
right: 35px;
}

#top #cnt_area01 .blue_box .cnt_img span{
width: 87.44%;
margin: 0 18px 0 auto;
}

#top #cnt_area01 .blue_box .btn_ptn01{
right: 49px;
}

#top #cnt_area01 .purple_box .cnt_img span::before{
background-color: #A758D9;
}

#top #cnt_area01 .purple_box{
max-width: 457px;
width: 45.7%;
margin-top: 82px;
margin-left: 5.1%;
}

#top #cnt_area01 .purple_box .cnt_img::before{
background-image: url(../img/top/deco_purple.png);
top: auto;
bottom: 31px;
right: 54px;
}

#top #cnt_area01 .purple_box .cnt_img::after{
background-image: url(../img/top/deco_white.png);
top: 39px;
left: 0px;
}

#top #cnt_area01 .purple_box .cnt_img span{
width: 79.22%;
margin: 0 auto 0 40px;
}

#top #cnt_area01 .blue_box .btn_ptn01{
right: 85px;
}

#top #cnt_area01 .people{
position: absolute;
width: 135px;
}

#top #cnt_area01 .people::before,#top #cnt_area01 .people::after{
content: "";
display: block;
position: absolute;
}

#top #cnt_area01 .people::before{
width: 135px;
height: 135px;
border-radius: 50%;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
}

#top #cnt_area01 .people::after{
width: 252px;
height: 252px;
background: url(../img/top/deco_white.png) no-repeat center center/100% auto;
opacity: 0;
}

#top #cnt_area01 .people img{
position: relative;
z-index: 1;
width: 100%;
}

#top #cnt_area01 .people01{
top: 375px;
left: 3.99%;
}

#top #cnt_area01 .people01::before{
background-color: #A758D9;
}

#top #cnt_area01 .people01::after{
top: 44px;
right: 9px;
}

#top #cnt_area01 .people02{
top: 603px;
right: 4.85%;
}

#top #cnt_area01 .people02::before{
background-color: #6ECCEF;
}

#top #cnt_area01 .people02::after{
top: -340px;
left: 17px;
}

#top #cnt_area01 .people02 img{
width: 144px;
margin-left: -9px;
}

#top #cnt_area01 .people03{
bottom: 124px;
left: 512px;
left: 40%;
}

#top #cnt_area01 .people03::before{
background-color: #EF6E91;
margin: 0;
right: auto;
}

#top #cnt_area01 .people03::after{
width: 131px;
height: 131px;
bottom: -30px;
right: 56px;
}

#top #cnt_area01 .people03 img{
width: 146px;
/* margin-left: -9px; */
}

/* アニメーション */
#top #cnt_area01.orange_active .bg::before,#top #cnt_area01.blue_active .bg::after,#top #cnt_area01.purple_active .icon03_cnt01{
animation-delay: 1s;
animation-duration: 1s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#top #cnt_area01.orange_active .orange_box{
animation-duration: .3s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#top #cnt_area01.orange_active .orange_box .number_box{
animation-duration: .5s;
animation-name: bounceInUp;
animation-fill-mode: both;
animation-delay: .2s;
}

#top #cnt_area01.pink_active .pink_box{
animation-duration: .3s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#top #cnt_area01.pink_active .pink_box .number_box{
animation-duration: .5s;
animation-name: bounceInUp;
animation-fill-mode: both;
animation-delay: .2s;
}

#top #cnt_area01.orange_active .people01,#top #cnt_area01.pink_active .people02,#top #cnt_area01.purple_active .people03{
animation-duration: .4s;
animation-name: zoomIn;
animation-fill-mode: both;
animation-delay: 1.2s;
}

#top #cnt_area01.orange_active .people01::after,#top #cnt_area01.pink_active .people02::after,#top #cnt_area01.purple_active .people03::after{
animation-duration: .4s;
animation-name: zoomIn;
animation-fill-mode: both;
animation-delay: 1.5s;
}

#top #cnt_area01.blue_active .blue_box{
animation-duration: .3s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#top #cnt_area01.blue_active .blue_box .number_box{
animation-duration: .5s;
animation-name: bounceInUp;
animation-fill-mode: both;
animation-delay: .2s;
}

#top #cnt_area01.purple_active .purple_box{
animation-duration: .3s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#top #cnt_area01.purple_active .purple_box .number_box{
animation-duration: .5s;
animation-name: bounceInUp;
animation-fill-mode: both;
animation-delay: .2s;
}

#top #cnt_area02{
/* max-width: 1280px; */
width: 100%;
margin: 20px auto 20px;
}

#top #cnt_area02 .cnt_block{
margin-bottom: 20px;
position: relative;
}

#top #cnt_area02 .block01::before,#top #cnt_area02 .block01::after{
content: "";
display: block;
width: 100%;
height: 10px;
background: url(../img/top/bg_area01_01.png) no-repeat center 100%/100% 10px;
position: absolute;
left: 0;
}

#top #cnt_area02 .cnt_block::before{
top: -10px;
}

#top #cnt_area02 .cnt_block::after{
transform: scale(1,-1);
bottom: -10px;
}

#top #cnt_area02 .block02::before,#top #cnt_area02 .block02::after{
content: "";
display: block;
width: 100%;
height: 10px;
background: url(../img/top/bg_area01_02.png) no-repeat center 100%/100% 10px;
position: absolute;
left: 0;
}

#top #cnt_area02 .block03::before,#top #cnt_area02 .block03::after{
content: "";
display: block;
width: 100%;
height: 10px;
background: url(../img/top/bg_area01_03.png) no-repeat center 100%/100% 10px;
position: absolute;
left: 0;
}

#top #cnt_area02 .block03::before{
transform: scale(-1,1);
}

#top #cnt_area02 .block03::after{
transform: rotate(180deg);
}

#top #cnt_area02 .cnt_g{
position: relative;
background-repeat: no-repeat;
background-size: 100% auto;
padding: 22px 0 57px;
}

#top #cnt_area02 .cnt_g::before,#top #cnt_area02 .cnt_g::after{
content: "";
display: block;
width: 100%;
height: 10px;
background-repeat: repeat-x;
background-size: auto 10px;
background-position: 50% 50%;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
}

#top #cnt_area02 .cnt_g::before{
top: -10px;
}

#top #cnt_area02 .cnt_g::after{
bottom: -10px;
transform: rotate(180deg);
}

#top #cnt_area02 .cnt_g.cnt_g01{
width: 33.33%;
background-position: 50% 8px;
}

#top #cnt_area02 .cnt_g.blue_g{
background-color: #6ECCEF;
}

#top #cnt_area02 .cnt_g.blue_g::before,#top #cnt_area02 .cnt_g.blue_g::after{
background-image: url(../common/img/bg_blue_top.png);
}

#top #cnt_area02 .cnt_g.orange_g{
background-color: #FFB62C
}

#top #cnt_area02 .cnt_g.orange_g::before,#top #cnt_area02 .cnt_g.orange_g::after{
background-image: url(../common/img/bg_orange.png);
}

#top #cnt_area02 .cnt_g.purple_g{
background-color: #A758D9;
}

#top #cnt_area02 .cnt_g.purple_g::before,#top #cnt_area02 .cnt_g.purple_g::after{
background-image: url(../common/img/bg_purple.png);
background-position: 100% 50%;
}

#top #cnt_area02 .cnt_g.purple_g::before{
transform: scale(-1, 1);
}

#top #cnt_area02 .cnt_g.pink_g{
background-color: #EF6E91;
}

#top #cnt_area02 .cnt_g.pink_g::before,#top #cnt_area02 .cnt_g.pink_g::after{
background-image: url(../common/img/bg_pink.png);
background-position: 0% 50%;
}

#top #cnt_area02 .cnt_g.pink_g::before{
transform: scale(-1, 1);
}

#top #cnt_area02 .cnt_g .deco_title_ptn{
font-size: 70px;
text-align: center;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
opacity: .3;
top: 50px;
}

#top #cnt_area02 .cnt_g.blue_g .deco_title_ptn{
color: #6ECCEF;
}

#top #cnt_area02 .cnt_g.orange_g .deco_title_ptn{
color: #FFB62C;
}

#top #cnt_area02 .cnt_g.orange_g .animate_deco_title_ptn::before{
background-color: #FFB62C;
}

#top #cnt_area02 .cnt_g.purple_g .deco_title_ptn{
color: #A758D9;
}

#top #cnt_area02 .cnt_g.purple_g .animate_deco_title_ptn::before{
background-color: #A758D9;
}

#top #cnt_area02 .cnt_g.pink_g .deco_title_ptn{
color: #EF6E91;
}

#top #cnt_area02 .cnt_g.pink_g .animate_deco_title_ptn::before{
background-color: #EF6E91;
}

#top #cnt_area02 .cnt_g .cnt_box{
position: relative;
z-index: 2;
max-width: 183px;
width: 100%;
margin: 0 auto;
}

#top #cnt_area02 .cnt_g .cnt_box .cnt_img{
position: relative;
}

#top #cnt_area02 .cnt_g .cnt_box .cnt_img::before,#top #cnt_area02 .cnt_g .cnt_box .cnt_img::after{
content: "";
display: block;
opacity: 0;
}

#top #cnt_area02 .cnt_g .cnt_box .cnt_img::before{
width: 71px;
height: 33.5px;
background: url(../common/img/icon01_white_title.png) no-repeat center bottom/100% auto;
margin: 0 auto -4px;
}

#top #cnt_area02 .cnt_g .cnt_box .cnt_img::after{
width: 183px;
height: 183px;
border-radius: 50%;
background-color: #000;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}

#top #cnt_area02 .cnt_g .cnt_box .cnt_img span{
display: block;
position: relative;
z-index: 1;
}

#top #cnt_area02 .cnt_g .cnt_box .cnt_img span::before,#top #cnt_area02 .cnt_g .cnt_box .cnt_img span::after{
content: "";
display: block;
position: absolute;
opacity: 0;
}

#top #cnt_area02 .cnt_g.cnt_g.blue_g .cnt_box .cnt_img::after{
background-color: #D8F4FF;
}

#top #cnt_area02 .cnt_g.cnt_g.orange_g .cnt_box .cnt_img::after{
background-color: #FFE6B7;
}

#top #cnt_area02 .cnt_g.cnt_g.purple_g .cnt_box .cnt_img::after{
background-color: #EAC9FF;
}

#top #cnt_area02 .cnt_g.cnt_g.pink_g .cnt_box .cnt_img::after{
background-color: #FFD6E1;
}

#top #cnt_area02 .cnt_g .btn_ptn01{
max-width: 282px;
position: absolute;
bottom: 29px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}

#top #cnt_area02 .cnt_g .btn_ptn01 a{
background-color: #fff;
}

#top #cnt_area02 #welfare{
background-image: url(../img/top/bg_welfare.png);
}

#top #cnt_area02 #welfare .cnt_img span::before{
width: 65px;
height: 55px;
background: url(../img/top/icon01_welfare.png) no-repeat center center/100% auto;
top: 33px;
right: 16px;
}

#top #cnt_area02 #welfare .cnt_img span::after{
width: 54px;
height: 47px;
background: url(../img/top/icon02_welfare.png) no-repeat center center/100% auto;
top: 82px;
right: -14px;
}

#top #cnt_area02 #culture{
background-image: url(../img/top/bg_culture.png);
}

#top #cnt_area02 #culture .cnt_img span::before{
width: 54px;
height: 47px;
background: url(../img/top/icon01_culture.png) no-repeat center center/100% auto;
top: 37px;
left: -33px;
}

#top #cnt_area02 #culture .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../img/top/icon02_culture.png) no-repeat center center/100% auto;
top: 50%;
right: -42px;
transform: translateY(-50%) rotate(17deg);
}

#top #cnt_area02 #culture .cnt_img img{
width: 213px;
margin-left: -20px;
}

#top #cnt_area02 #education{
background-image: url(../img/top/bg_welfare.png);
}

#top #cnt_area02 #education .cnt_box .cnt_img::before{
margin-bottom: -24px;
}

#top #cnt_area02 #education .cnt_img span::before{
width: 60px;
height: 54px;
background: url(../img/top/icon01_education.png) no-repeat center center/100% auto;
top: 3px;
left: -21px;
}

#top #cnt_area02 #education .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../img/top/icon02_education.png) no-repeat center center/100% auto;
top: 58px;
left: -32px;
transform: rotate(17deg);
}

#top #cnt_area02 #education .cnt_img img{
width: 234px;
margin-left: -40px;
}

#top #cnt_area02 #career{
background-image: url(../img/top/bg_career.png);
}

#top #cnt_area02 #career .cnt_img span::before{
width: 65px;
height: 56px;
background: url(../img/top/icon01_career.png) no-repeat center center/100% auto;
top: -2px;
right: -14px;
transform: rotate(16deg);
}

#top #cnt_area02 #career .cnt_img span::after{
width: 54px;
height: 47px;
background: url(../img/top/icon02_career.png) no-repeat center center/100% auto;
top: 76px;
right: -14px;
}

#top #cnt_area02 #career .cnt_img img{
width: 194px;
}

#top #cnt_area02 #support{
background-image: url(../img/top/bg_support.png);
}

#top #cnt_area02 #support .cnt_img span::before{
width: 54px;
height: 47px;
background: url(../img/top/icon01_support.png) no-repeat center center/100% auto;
top: 37px;
left: -13px;
}

#top #cnt_area02 #support .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../img/top/icon02_support.png) no-repeat center center/100% auto;
top: 86px;
right: -35px;
transform: rotate(17deg);
}

#top #cnt_area02 #support .cnt_img img{
width: 213px;
margin-left: -19px;
}

#top #cnt_area02 #faq{
background-image: url(../img/top/bg_business.png);
}

#top #cnt_area02 #faq .cnt_img span::before{
width: 60px;
height: 54px;
background: url(../img/top/icon01_faq.png) no-repeat center center/100% auto;
top: 46px;
left: 0px;
}

#top #cnt_area02 #faq .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../img/top/icon02_faq.png) no-repeat center center/100% auto;
top: 117px;
left: -25px;
transform: rotate(163deg);
}

#top #cnt_area02 #faq .cnt_img img{
width: 240px;
margin-left: -49px;
}

#top #cnt_area02 #business{
background-image: url(../img/top/bg_business.png);
}

#top #cnt_area02 #business .cnt_img span::before{
width: 65px;
height: 55px;
background: url(../img/top/icon01_business.png) no-repeat center center/100% auto;
top: 6px;
right: 17px;
}

#top #cnt_area02 #business .cnt_img span::after{
width: 54px;
height: 47px;
background: url(../img/top/icon02_business.png) no-repeat center center/100% auto;
top: 91px;
right: -13px;
}

#top #cnt_area02 #number{
background-image: url(../img/top/bg_number.png);
}

#top #cnt_area02 #number .cnt_img span::before{
width: 54px;
height: 47px;
background: url(../img/top/icon01_number.png) no-repeat center center/100% auto;
top: 67px;
left: -27px;
}

#top #cnt_area02 #number .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../img/top/icon02_number.png) no-repeat center center/100% auto;
top: 42px;
right: -32px;
transform: rotate(17deg);
}

#top #cnt_area02 #number .cnt_img img{
width: 213px;
margin-left: -19px;
}

#top #cnt_area02 #number .btn_ptn01 a{
text-align: left;
padding-left: 28px;
}

#top #cnt_area02 #work_style{
background-image: url(../img/top/bg_work_style.png);
}

#top #cnt_area02 #work_style .cnt_box .cnt_img::before{
margin-bottom: -23px;
}

#top #cnt_area02 #work_style .cnt_img span::before{
width: 54px;
height: 47px;
background: url(../img/top/icon01_work_style.png) no-repeat center center/100% auto;
top: 55px;
left: 0px;
transform: rotate(7deg);
}

#top #cnt_area02 #work_style .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../img/top/icon02_work_style.png) no-repeat center center/100% auto;
top: 112px;
left: -29px;
transform: rotate(163deg);
}

#top #cnt_area02 #work_style .cnt_img img{
width: 234px;
margin-left: -39px;
}

/* アニメーション */
@keyframes cnt_area02_circle {
from {
width: 0;
height: 0;
opacity: 0;
}
to {
width: 183px;
height: 183px;
opacity: 1;
}
}

#top #cnt_area02 .cnt_g.active .cnt_box .cnt_img::before{
animation-duration: .6s;
animation-name: fadeIn;
animation-fill-mode: both;
animation-delay: .5s;
}

#top #cnt_area02 .cnt_g.active .cnt_box .cnt_img::after{
animation-duration: .6s;
animation-name: cnt_area02_circle;
animation-fill-mode: both;
}

#top #cnt_area02 .cnt_g.active .cnt_box .cnt_img span{
animation-duration: .4s;
animation-delay: 1s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#top #cnt_area02 .cnt_g.active .cnt_box .cnt_img span::before,#top #cnt_area02 .cnt_g.active .cnt_box .cnt_img span::after{
animation-duration: .5s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#top #cnt_area02 .cnt_g.active .cnt_box .cnt_img span::before{
animation-delay: 1.3s;
}

#top #cnt_area02 .cnt_g.active .cnt_box .cnt_img span::after{
animation-delay: 1.4s;
}

#top #blog_area{
background-color: #000;
position: relative;
margin-bottom: 10px;
}

#top #blog_area::before,#top #blog_area::after{
content: "";
display: block;
position: absolute;
width: 100%;
height: 10px;
background: url(../common/img/bg_footer.png) repeat 30% 50%/auto 10px;
left: 0;
right: 0;
}

#top #blog_area::before{
top: -10px;
}

#top #blog_area::after{
bottom: -10px;
transform: rotate(180deg);
}

#top #blog_area .bg{
position: relative;
padding: 75px 0 87px;
}

#top #blog_area .bg::before,#top #blog_area .bg::after{
content: "";
display: block;
width: 157px;
height: 157px;
background: url(../img/top/deco01_blog.png) no-repeat center center/100% auto;
position: absolute;
}

#top #blog_area .bg::before{
top: 34px;
left: 4.15%;
}

#top #blog_area .bg::after{
bottom: 42px;
right: 2.97%;
}

#top #blog_area .title_ptn01{
color: #fff;
margin-bottom: 20px;
}

#top #blog_area .title_ptn01::before{
background-image: url(../common/img/icon01_white_title.png);
}

#top #blog_area .title_ptn01::after{
background-color: #5F5F5F;
}

#top #blog_area p.first_text{
margin-bottom: 86px;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 26px;
position: relative;
z-index: 1;
}

#top #blog_area .deco_title_ptn{
color: #000;
text-shadow: 1px 1px 0 #525252, -1px -1px 0 #525252, -1px 1px 0 #525252, 1px -1px 0 #525252, 0px 1px 0 #525252, 0 -1px 0 #525252, -1px 0 0 #525252, 1px 0 0 #525252;
text-align: center;
top: 207px;
}

#top #blog_area .cnt_g{
margin-bottom: 60px;
}

#top #blog_area .cnt_box{
background-color: #fff;
max-width: 273px;
width: 100%;
border-radius: 20px;
margin: 0 10px;
}

#top #blog_area .cnt_box a{
display: block;
padding: 17px;
position: relative;
}

#top #blog_area .cnt_box a::after{
content: "";
display: block;
width: 29px;
height: 29px;
background: url(../common/img/arrow_right02.png) no-repeat center center/7px auto;
background-color: #000;
border-radius: 50%;
position: absolute;
bottom: 17px;
right: 17px;
transition: all .3s;
}

#top #blog_area .cnt_box a:hover::after{
width: 39px;
height: 39px;
bottom: 12px;
right: 12px;
}

#top #blog_area .cnt_box .cnt_img{
border-radius: 20px;
overflow: hidden;
margin-bottom: 9px;
}

#top #blog_area .cnt_box .title{
font-weight: 500;
font-size: 14px;
line-height: 24px;
margin-bottom: 5px;
}

#top #blog_area .cnt_box .date_text{
max-width: 118px;
width: 100%;
border-radius: 14px;
background-color: #FFF4A2;
text-align: center;
font-weight: 500;
font-size: 16px;
line-height: 19px;
padding: 5px 0;
}

#top #blog_area .btn_ptn01 a{
border-color: #fff;
color: #fff;
background-color: #000;
}

#top #blog_area .btn_ptn01 a::after{
background-image: url(../common/img/arrow_right01.png);
background-color: #fff;
}

#top #blog_area .slick-arrow{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
background: url(../common/img/arrow_right01.png) no-repeat center center/10px auto;
background-color: #FFEF71;
width: 57px;
height: 57px;
font-size: 0;
border: none;
border-radius: 50%;
padding: 0;
}

#top #blog_area .slick-arrow.slick-prev{
left: calc((859px/3) - 57px - 57px);
transform:  translateY(-50%) rotate(180deg);
}

#top #blog_area .slick-arrow.slick-next{
right: calc((859px/3) - 57px - 57px);
}

#top #slider_area{
padding: 72px 0 0;
position: relative;
}

#top .slider_block{
width: 100%;
height: auto;
display: flex;
overflow: hidden;
position: relative;
}

#top .slider_top{
margin-bottom: 20px;
}

#top .slider_block .slider_g{
display: flex;
align-items: center;
}

#top .slider_block .slider_g li{
width: calc(100vw/5);
margin: 0 10px;
}

#top .slider_top .slider_g{
animation: scroll_righttoleft 30s linear infinite both;
}

#top .slider_bottom .slider_g{
animation: scroll_lefttoright 30s linear infinite both;
}

#top #slider_area .deco{
position: absolute;
}

#top #slider_area .deco01{
width: 75px;
top: 42px;
top: 6.72%;
left: 10.94%;
}

#top #slider_area .deco02{
width: 162px;
top: 51px;
top: 8.16%;
right: 26.33%;
}

#top #slider_area .deco03{
width: 162px;
top: 332px;
top: 53.12%;
left: 11.72%;
}

#top #slider_area .deco04{
width: 83px;
top: 332px;
top: 53.12%;
right: 15.86%;
}

#top #slider_area .deco05{
width: 162px;
bottom: 26px;
bottom: 4.16%;
right: 10.94%;
}

#top #slider_area .deco.active{
animation-duration: .8s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#top #recruit_area{
position: relative;
}

#top #recruit_area .deco{
position: absolute;
}

#top #recruit_area .deco01{
max-width: 73px;
width: 5.71%;
top: 79px;
left: 30.79%;
}

#top #recruit_area .deco02{
max-width: 90px;
width: 7.04%;
top: 38px;
right: 32.35%;
}

#top #recruit_area .deco02 img{
transform: rotate(8deg);
}

#top #recruit_area .contents_in{
max-width: 1280px;
position: relative;
padding: 88px 0 0;
}

#top #recruit_area .contents_in::before,#top #recruit_area .contents_in::after{
content: "";
display: block;
position: absolute;
}

#top #recruit_area .contents_in::before{
max-width: 414px;
width: 32.35%;
height: 264px;
background: url(../img/top/deco03_recruit.png) no-repeat center center/100% auto;
top: 67px;
left: -4.54%;
z-index: 1;
}

#top #recruit_area .contents_in::after{
max-width: 384px;
width: 30%;
height: 133px;
background: url(../img/top/deco04_recruit.png) no-repeat center center/100% auto;
top: 104px;
right: 2.97%;
}

#top #recruit_area .title_ptn01{
margin-bottom: 87px;
}

#top #recruit_area .deco_title_ptn{
top: 179px;
text-align: center;
text-shadow: 1px 1px 0 #EFEFEF, -1px -1px 0 #EFEFEF, -1px 1px 0 #EFEFEF, 1px -1px 0 #EFEFEF, 0px 1px 0 #EFEFEF, 0 -1px 0 #EFEFEFEB, -1px 0 0 #EFEFEF, 1px 0 0 #EFEFEF;
}

#top #recruit_area .animate_deco_title_ptn::before{
background-color: #fff;
}

#top #recruit_area .cnt_g{
max-width: 1000px;
width: 100%;
margin: 0 auto;
background-color: #FFEF71;
border-radius: 22px;
padding: 47px 20px 32px;
position: relative;
}

#top #recruit_area .cnt_g .link_g{
max-width: 860px;
width: 100%;
align-items: start;
justify-content: space-between;
margin: 0 auto 35px;
position: relative;
z-index: 1;
}

#top #recruit_area .cnt_g .link_g li{
max-width: 207px;
width: 24.07%;
}

#top #recruit_area .link_top_g{
max-width: 857px;
width: 100%;
margin: 0 auto;
align-items: start;
justify-content: space-between;
position: relative;
z-index: 1;
}

#top #recruit_area .link_top_g .btn_ptn01{
max-width: 415px;
width: 48.43%;
position: relative;
}

#top #recruit_area .link_top_g .btn_ptn01::before{
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 70px;
top: 11px;
left: 7px;
}

#top #recruit_area .link_top_g .btn_ptn01 a{
background-color: #000000;
color: #fff;
padding: 20px 0 24px 88px;
text-align: left;
font-weight: 500;
font-size: 34px;
line-height: 49px;
border-radius: 70px;
}

#top #recruit_area .link_top_g .btn_ptn01 a::after{
width: 43px;
height: 43px;
background-image: url(../common/img/arrow_right01.png);
background-size: 10px auto;
background-color: #fff;
right: 25px;
}

#top #recruit_area .link_top_g .btn_ptn01 a:hover::after{
width: 53px;
height: 53px;
right: 20px;
}

#top #recruit_area .link_top_g .btn_ptn01 a::before{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

#top #recruit_area .link_top_g .recruitment_btn a::before{
width: 27px;
height: 32px;
background: url(../common/img/icon01_seat.png) no-repeat center center/100% auto;
left: 41px;
}

#top #recruit_area .link_top_g .recruitment_btn::before{
background: url(../img/top/bg01_recruit.png) repeat center center/100% auto;
}

#top #recruit_area .link_top_g .entry_btn a::before{
width: 21px;
height: 37px;
background: url(../common/img/icon01_pencil.png) no-repeat center center/100% auto;
left: 41px;
}

#top #recruit_area .link_top_g .entry_btn::before{
background: url(../img/top/bg02_recruit.png) repeat center center/100% auto;
}

/* アニメーション */
#top #recruit_area .deco01.active{
animation-duration: .5s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#top #recruit_area .deco02.active{
animation-delay: .4s;
animation-duration: .5s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#top #sns_area .contents_in{
max-width: 1280px;
padding: 66px 0 0;
position: relative;
}

#top #sns_area .contents_in::before,#top #sns_area .contents_in::after{
content: "";
display: block;
position: absolute;
}

#top #sns_area .contents_in::before{
max-width: 575px;
width: 44.93%;
height: 258px;
background: url(../img/top/deco01_sns.png) no-repeat center center/100% auto;
top: 34px;
left: -5.47%;
}

#top #sns_area .contents_in::after{
max-width: 563px;
width: 43.99%;
height: 388px;
background: url(../img/top/deco02_sns.png) no-repeat center center/100% auto;
top: -89px;
right: -4.54%;
}

#top #sns_area .title{
max-width: 243px;
width: 100%;
margin: 0 auto 23px;
position: relative;
font-weight: 500;
font-size: 19px;
line-height: 27px;
text-align: center;
padding-bottom: 6px;
z-index: 1;
}

#top #sns_area .title::before,#top #sns_area .title::after{
content: "";
display: block;
position: absolute;
width: 21px;
height: 38px;
background: url(../img/top/icon01_sns.png) no-repeat center bottom/100% auto;
bottom: 0;
}

#top #sns_area .title::before{
transform: scale(-1,1);
left: 0;
}

#top #sns_area .title::after{
right: 0;
}

#top #sns_area .deco_title_ptn{
text-align: center;
top: 70px;
text-shadow: 1px 1px 0 #EFEFEF, -1px -1px 0 #EFEFEF, -1px 1px 0 #EFEFEF, 1px -1px 0 #EFEFEF, 0px 1px 0 #EFEFEF, 0 -1px 0 #EFEFEFEB, -1px 0 0 #EFEFEF, 1px 0 0 #EFEFEF;
}

#top #sns_area .animate_deco_title_ptn::before{
background-color: #fff;
}

#top #sns_area .sns_g{
max-width: 1000px;
width: 100%;
margin: 0 auto;
align-items: start;
justify-content: space-between;
}

#top #sns_area .sns_g li{
max-width: 300px;
width: 100%;
}

#top #sns_area .sns_g li a{
position: relative;
display: block;
}

#top #sns_area .sns_g li a::after{
content: "";
display: block;
position: absolute;
width: 37px;
height: 37px;
background: url(../common/img/arrow_right02.png) no-repeat center center/8px auto;
background-color: #000;
border-radius: 50%;
top: 20px;
right: 15px;
}

#top #sns_area .people{
max-width: 337px;
width: 100%;
margin: -65px auto 0;
position: relative;
}

#top #sns_area .people::before{
content: "";
display: block;
position: absolute;
background: url(../img/top/deco_yellow.png) no-repeat 50% 0/100% auto;
width: 281px;
height: 281px;
margin: 0 auto;
top: 18px;
left: 0;
right: 0;
opacity: 0;
}

#top #sns_area .people img{
position: relative;
z-index: 1;
}

/* アニメーション */
#top #sns_area .sns_g.active .title{
animation-delay: .4s;
animation-duration: .5s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#top #sns_area .sns_g.active a{
animation-delay: 1s;
animation-duration: .5s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#top #sns_area .people.active::before{
animation-delay: 2s;
animation-duration: 1s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#top #sns_area .people.active{
animation-delay: 1.6s;
animation-duration: .5s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

/*----------
02.company
----------*/
#company .title_ptn02{
text-align: center;
}

#company .title_ptn02 span{
display: inline-block;
font-weight: 700;
font-size: 32px;
line-height: 46px;
padding-bottom: 7px;
border-bottom: 3px solid #FFEF71;
position: relative;
}

#company .title_ptn02 span::before,#company .title_ptn02 span::after{
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FFEF71;
position: absolute;
bottom: -6px;
}

#company .title_ptn02 span::before{
left: 0;
}

#company .title_ptn02 span::after{
right: 0;
}

#company #cnt_area01{
background-color: #FFC557;
}

#company #cnt_area01 .cnt_block{
max-width: 1280px;
width: 100%;
margin: 0 auto;
position: relative;
padding: 0 0 102px;
}

#company #cnt_area01 .breadcrumb{
color: #FFDFA5;
}

#company #cnt_area01 .breadcrumb a::after{
color: #fff;
}

#company #cnt_area01 .breadcrumb a{
color: #fff;
}

#company #cnt_area01 .h2_title{
padding-top: 48px;
text-align: center;
margin: 0 auto 40px;
}

#company #cnt_area01 .h2_title::after{
content: "";
display: block;
width: 4px;
height: 33px;
border-radius: 10px;
background-color: #fff;
margin: 17px auto 0;
opacity: 0;
}

#company #cnt_area01 .h2_title span{
display: inline-block;
background-color: #FFFFFF;
border-radius: 43px;
font-weight: 700;
font-size: 46px;
line-height: 66px;
color: #FFB62C;
text-align: center;
padding: 10px 31px;
margin: 0 auto 20px;
}

#company #cnt_area01 .cnt_text{
max-width: 785px;
width: 100%;
height: 785px;
margin: 0 auto;
background-color: #fff;
border-radius: 50%;
font-weight: 500;
font-size: 18px;
line-height: 42px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

#company #cnt_area01 .cnt_text::before,#company #cnt_area01 .cnt_text::after{
content: "";
display: block;
position: absolute;
width: 176px;
height: 176px;
background: url(../img/company/deco_white.png) no-repeat center center/100% auto;
}

#company #cnt_area01 .cnt_text::before{
top: 59px;
left: -40px;
}

#company #cnt_area01 .cnt_text::after{
bottom: 125px;
right: -44px;
}

#company #cnt_area01 .cnt_text p{
max-width: 575px;
width: 100%;
text-align: center;
position: relative;
z-index: 2;
}

#company #cnt_area01 .cnt_text .deco{
position: absolute;
z-index: 1;
}

#company #cnt_area01 .cnt_text .deco01{
max-width: 102px;
width: 100%;
top: 22px;
left: -26px;
}

#company #cnt_area01 .cnt_text .deco02{
max-width: 162px;
width: 100%;
bottom: 118px;
right: -40px;
}

#company #cnt_area01 .people_img{
position: absolute;
}

#company #cnt_area01 .people_img::before,#company #cnt_area01 .people_img::after{
content: "";
display: block;
position: absolute;
}

#company #cnt_area01 .people_img img{
position: relative;
z-index: 1;
}

#company #cnt_area01 .people_img::before{
width: 252px;
height: 252px;
background: url(../img/company/deco_white.png) no-repeat center center/100% auto;
}

#company #cnt_area01 .people_img::after{
width: 203px;
height: 203px;
background-color: #000;
border-radius: 50%;
bottom: 0;
}

#company #cnt_area01 .people01{
max-width: 226px;
width: 100%;
top: 290px;
right: 76px;
}

#company #cnt_area01 .people01::before{
bottom: 50px;
right: -134px;
}

#company #cnt_area01 .people01::after{
right: 0;
background-color: #6ECCEF;
}

#company #cnt_area01 .people02{
max-width: 206px;
width: 100%;
bottom: 112px;
left: 66px;
}

#company #cnt_area01 .people02::before{
bottom: 38px;
left: -150px;
}

#company #cnt_area01 .people02::after{
right: 0;
left: 0;
margin: 0 auto;
background-color: #EF6E91;
}

#company #cnt_area01 .deco{
position: absolute;
}

#company #cnt_area01 .triangle{
width: 37px;
height: 32px;
background: url(../img/company/deco_triangle_w.png) no-repeat center center/100% auto;
transform: rotate(91deg);
}

#company #cnt_area01 .circle{
width: 24px;
height: 24px;
background-color: #fff;
border-radius: 50%;
}

#company #cnt_area01 .triangle01{
top: 143px;
left: 112px;
}

#company #cnt_area01 .triangle02{
width: 21px;
height: 18px;
bottom: 91px;
right: 207px;
}

#company #cnt_area01 .circle01{
top: 129px;
right: 171px;
}

#company #cnt_area01 .circle02{
width: 10px;
height: 10px;
top: 341px;
left: 390px;
}

#company #cnt_area01 .circle03{
bottom: 494px;
left: 76px;
}

#company #cnt_area01 .circle04{
bottom: 494px;
right: 56px;
}

#company #cnt_area02{
position: relative;
}

#company #cnt_area02::before{
content: "";
display: block;
position: absolute;
top: -10px;
left: 0;
background: url(../common/img/bg_header_w.png) repeat-x center center/auto 10px;
width: 100%;
height: 10px;
transform: rotate(180deg);
}

#company #cnt_area02 .contents_in{
position: relative;
padding: 100px 0 91px;
}

#company #cnt_area02 .contents_in::before{
content: "";
display: block;
width: 96px;
height: 79px;
background: url(../img/company/deco01_cnt02.png) no-repeat center center/100% auto;
transform: rotate(-44deg);
position: absolute;
top: 104px;
right: 14px;
opacity: 0;
}

#company #cnt_area02 .title_ptn02{
margin-bottom: 46px;
}

#company #cnt_area02 .cnt_box{
max-width: 1000px;
width: 100%;
margin: 0 auto;
justify-content: space-between;
align-items: center;
}

#company #cnt_area02 .cnt_img{
max-width: 377px;
width: 37.7%;
position: relative;
}

#company #cnt_area02 .cnt_img::before,#company #cnt_area02 .cnt_img::after{
content: "";
display: block;
position: absolute;
}

#company #cnt_area02 .cnt_img::before{
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #FFB62C;
top: 7px;
right: -18px;
}

#company #cnt_area02 .cnt_img::after{
width: 69.77%;
height: 69.77%;
background: url(../img/company/deco_orange.png) no-repeat center center/100% auto;
top: 0;
right: -29px;
}

#company #cnt_area02 .cnt_img img{
position: relative;
z-index: 1;
border-radius: 50%;
box-shadow: 0 0 20px rgba(255,168,49,.1);
}

#company #cnt_area02 .deco{
position: absolute;
display: block;
}

#company #cnt_area02 .circle{
width: 64px;
height: 75px;
top: 60px;
left: -15px;
z-index: 2;
}

#company #cnt_area02 .circle::before,#company #cnt_area02 .circle::after{
content: "";
display: block;
position: absolute;
border-radius: 50%;
left: 0;
box-sizing: border-box;
}

#company #cnt_area02 .circle::before{
width: 64px;
height: 64px;
background: #6ECCEF;
bottom: 0;
}

#company #cnt_area02 .circle::after{
border: 1px solid #FFEF71;
top: 0;
width: 31px;
height: 31px;
}

#company #cnt_area02 .triangle{
width: 102px;
height: 77px;
bottom: -4px;
left: -15px;
z-index: 2;
}

#company #cnt_area02 .triangle::before,#company #cnt_area02 .triangle::after{
content: "";
display: block;
position: absolute;
box-sizing: border-box;
border-bottom: 48px solid #A758D9;
border-left: 27.5px solid transparent;
border-right: 27.5px solid transparent;
}

#company #cnt_area02 .triangle::before{
width: 55px;
height: 48px;
transform: rotate(255deg);
bottom: 0;
left: 0;
}

#company #cnt_area02 .triangle::after{
width: 34px;
height: 30px;
border-bottom-width: 30px;
border-bottom-color: #FFEF71;
border-left-width: 17px;
border-right-width: 17px;
transform: rotate(353deg);
top: 0;
right: 0;
}


#company #cnt_area02 .cnt_text{
max-width: 578px;
width: 58.8%;
}

#company #cnt_area02 .cnt_text h3{
text-align: center;
font-weight: 700;
font-size: 46px;
line-height: 66px;
margin-bottom: 23px;
}

#company #cnt_area02 .cnt_text p{
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 2;
margin-bottom: 35px;
}

#company #cnt_area02 .keyword_box{
max-width: 485px;
width: 100%;
margin: 0 auto;
align-items: center;
}

#company #cnt_area02 .keyword_box li{
margin: 0 15px;
}

#company #cnt_area02 .keyword_box li span{
display: block;
text-align: center;
}

#company #cnt_area02 .keyword_box li .yomi{
max-width: 81px;
width: 100%;
margin: 0 auto 12px;
font-weight: 500;
font-size: 19px;
padding-bottom: 7px;
position: relative;
}

#company #cnt_area02 .keyword_box li .yomi::before,#company #cnt_area02 .keyword_box li .yomi::after{
content: "";
display: block;
position: absolute;
background: url(../img/company/icon01_cnt02.png) no-repeat center 100%/100% auto;
width: 13px;
height: 24px;
top: 0;
}

#company #cnt_area02 .keyword_box li .yomi::before{
left: 0;
transform: scale(-1,1);
}

#company #cnt_area02 .keyword_box li .yomi::after{
right: 0;
}

#company #cnt_area02 .keyword_box li .kanji{
width: 132px;
height: 132px;
border-radius: 50%;
background-color: #EF6E91;
color: #fff;
font-weight: 700;
font-size: 71px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 5px;
}

#company #cnt_area03{
position: relative;
background-color: #FFEF71;
margin: -10px 0 10px;
padding: 76px 0 91px;
}

#company #cnt_area03::before,#company #cnt_area03::after{
content: "";
display: block;
position: absolute;
width: 100%;
height: 10px;
background: url(../common/img/bg_yellow.png) repeat-x center center/auto 10px;
}

#company #cnt_area03::before{
top: -10px;
}

#company #cnt_area03::after{
transform: rotate(180deg);
bottom: -10px;
}

#company #cnt_area03 .title_ptn02{
margin-bottom: 133px;
position: relative;
z-index: 1;
}

#company #cnt_area03 .title_ptn02 span{
border-color: #FFB72C;
}

#company #cnt_area03 .title_ptn02 span::before, #company #cnt_area03 .title_ptn02 span::after{
background-color: #FFB72C;
}

#company #cnt_area03 .deco_title_ptn{
max-width: 522px;
width: 100%;
margin: 0 auto;
left: 0;
right: 0;
top: 119px;
}

#company #cnt_area03 .deco_title_ptn::before{
background-color: #FFEF71;
}

#company #cnt_area03 .cnt_box{
max-width: 1000px;
width: 100%;
margin: 0 auto;
border-radius: 10px;
background-color: #fff;
padding: 61px 27px 49px;
position: relative;
}

#company #cnt_area03 .cnt_box .keyword_box{
max-width: 934px;
width: 100%;
margin-bottom: 56px;
}

#company #cnt_area03 .cnt_box .keyword_box li{
border-right: 2px solid #B2B2B2;
padding: 9px 30px 12px;
}

#company #cnt_area03 .cnt_box .keyword_box li:last-of-type{
border-right: none;
}

#company #cnt_area03 .cnt_box .keyword_box img{
margin-bottom: 27px;
}

#company #cnt_area03 .cnt_box .keyword_box li:last-of-type img{
margin-bottom: 17px;
}

#company #cnt_area03 .cnt_box .keyword_box span{
display: block;
font-weight: 700;
font-size: 25px;
line-height: 1;
text-align: center;
}

#company #cnt_area03 .cnt_box p{
text-align: center;
font-size: 18px;
line-height: 27px;
}

#company #cnt_area04{
padding: 78px 0 78px;
position: relative;
}

#company #cnt_area04::after{
content: "";
display: block;
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 10px;
background: url(../common/img/bg_header_w.png) repeat-x center center/auto 10px;
z-index: 1;
}

#company #cnt_area04 .title_ptn02{
margin-bottom: 40px;
}

#company #cnt_area04 .cnt_img{
max-width: 1000px;
width: 100%;
margin: 0 auto;
}

#company #cnt_area05{
position: relative;
background-color: #FFC557;
padding: 88px 0 91px;
}

#company #cnt_area05 .title_ptn02{
margin-bottom: 40px;
}

#company #cnt_area05 .title_ptn02 span{
color: #fff;
border-bottom-color: #fff;
}

#company #cnt_area05 .title_ptn02 span::before,#company #cnt_area05 .title_ptn02 span::after{
background-color: #fff;
}

#company #cnt_area05 .cnt_box{
max-width: 1000px;
width: 100%;
margin: 0 auto;
background-color: #fff;
border-radius: 20px;
padding: 30px 30px 40px;
}

#company #cnt_area05 .no1_box{
position: relative;
background-color: #FFB62C;
border-radius: 41px;
align-items: center;
justify-content: center;
padding: 9px 0 2px;
margin-bottom: 10px;
}

#company #cnt_area05 .no1_box .deco{
position: absolute;
width: 38px;
height: 42px;
}

#company #cnt_area05 .no1_box .deco::before,#company #cnt_area05 .no1_box .deco::after{
content: "";
display: block;
position: absolute;
border-radius: 50%;
}

#company #cnt_area05 .no1_box .deco::before{
background-color: #EF6E91;
width: 38px;
height: 38px;
bottom: 0;
left: 0;
}

#company #cnt_area05 .no1_box .deco::after{
width: 16px;
height: 16px;
background-color: #FFEF71;
}

#company #cnt_area05 .no1_box .deco01{
top: -9px;
right: auto;
left: 1px;
transform: rotate(17deg);
}

#company #cnt_area05 .no1_box .deco02{
top: auto;
bottom: -4px;
right: 0;
transform: rotate(180deg);
}

#company #cnt_area05 .no1_box .number_text{
max-width: 240px;
width: 25.98%;
margin-right: 18px;
}

#company #cnt_area05 .no1_box .no1_text{
max-width: 547px;
width: 59.2%;
}

#company #cnt_area05 .attention_text{
text-align: center;
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin-bottom: 38px;
}

#company #cnt_area05 p{
font-weight: 500;
font-size: 18px;
line-height: 32px;
text-align: center;
position: relative;
max-width: 843px;
width: 100%;
margin: 0 auto 42px;
padding: 0 43px;
}

#company #cnt_area05 p::before,#company #cnt_area05 p::after{
content: "";
display: block;
position: absolute;
width: 21px;
height: 38px;
background: url(../img/company/icon01_cnt02.png) no-repeat center 100%/100% auto;
bottom: 0;
}

#company #cnt_area05 p::before{
left: 0;
transform: scale(-1,1);
}

#company #cnt_area05 p::after{
right: 0;
}

#company #cnt_area05 .map_box{
max-width: 920px;
width: 100%;
margin: 0 auto;
padding-bottom: 5px;
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% auto;
}

#company #cnt_area05 .map{
padding-left: 27px;
}

#company #cnt_area05 .deco{
position: absolute;
}

#company #cnt_area05 .deco01{
max-width: 64px;
width: 100%;
top: 175px;
left: 0;
}

#company #cnt_area05 .deco02{
max-width: 71px;
width: 100%;
top: 48px;
right: 5px;
}

#company #cnt_area06{
position: relative;
}

#company #cnt_area06::before{
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
top: -10px;
left: 0;
background: url(../common/img/bg_header_w.png) repeat-x center center/auto 10px;
z-index: 1;
transform: rotate(180deg);
}

#company #cnt_area06 .contents_in{
max-width: 1280px;
padding: 71px 0 130px;
position: relative;
}

#company #cnt_area06 .title_ptn02{
margin-bottom: 40px;
}

#company #cnt_area06 p{
font-weight: 500;
font-size: 18px;
line-height: 42px;
text-align: center;
position: relative;
z-index: 2;
}

#company #cnt_area06 .people_img{
position: absolute;
}

#company #cnt_area06 .people_img::before{
content: "";
display: block;
position: absolute;
}

#company #cnt_area06 .people_img span{
max-width: 218px;
width: 100%;
display: block;
position: relative;
}

#company #cnt_area06 .people_img span::before,#company #cnt_area06 .people_img span::after{
content: "";
display: block;
position: absolute;
}

#company #cnt_area06 .people_img span::before{
width: 69.73%;
height: 69.73%;
background: url(../img/company/deco_purple.png) no-repeat center center/100% auto;
top: 0;
right: -17px;
}

#company #cnt_area06 .people_img span::after{
top: 4px;
right: -10px;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #000;
}

#company #cnt_area06 .people_img span img{
position: relative;
z-index: 1;
}

#company #cnt_area06 .people01{
max-width: 236px;
width: 18.44%;
top: 38px;
right: 5.86%;
}

#company #cnt_area06 .people01::before{
width: 35.17%;
height: 195px;
background: url(../img/company/deco01_cnt06.png) no-repeat center 100%/100% auto;
bottom: -10px;
left: -3.39%;
z-index: 2;
}

#company #cnt_area06 .people01 span::after{
background-color: #A758D9;
}

#company #cnt_area06 .people02{
max-width: 263px;
width: 20.55%;
bottom: 38px;
left: 5.86%;
}

#company #cnt_area06 .people02::before{
width: 82.51%;
height: 98.37%;
background: url(../img/company/deco02_cnt06.png) no-repeat center 50%/100% auto;
top: -2.87%;
left: 2.29%;
z-index: 2;
}

#company #cnt_area06 .people02 span{
max-width: 244px;
width: 100%;
}

#company #cnt_area06 .people02 span::before{
width: 69.68%;
height: 69.68%;
background: url(../img/company/deco_pink.png) no-repeat center center/100% auto;
top: 0;
right: -19px;
}

#company #cnt_area06 .people02 span::after{
background-color: #EF6E91;
}

#company #cnt_area07 .contents_in{
max-width: 1280px;
padding: 0 0 100px;
position: relative;
}

#company #cnt_area07 .title_ptn02{
margin-bottom: 70px;
}

#company #cnt_area07 .cnt_g{
max-width: 1000px;
width: 100%;
margin: 0 auto;
justify-content: space-between;
flex-wrap: wrap;
}

#company #cnt_area07 .cnt_box{
max-width: 480px;
width: 48%;
margin-bottom: 40px;
position: relative;
z-index: 1;
}

#company #cnt_area07 .cnt_box .number_box{
font-weight: 500;
font-size: 47px;
line-height: 57px;
position: relative;
max-width: 124px;
width: 100%;
margin: 0 auto 15px;
text-align: center;
}

#company #cnt_area07 .cnt_box .number_box::before,#company #cnt_area07 .cnt_box .number_box::after{
content: "";
display: block;
width: 0px;
height: 3px;
background-color: #000;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all .3s .5s;
}

#company #cnt_area07 .cnt_box .number_box::before{
right: 101px;
}

#company #cnt_area07 .cnt_box .number_box::after{
left: 101px;
}

#company #cnt_area07 .cnt_box .box_in{
border-radius: 20px;
border: 2px solid #000;
background-color: #fff;
padding: 30px 30px 34px;
text-align: center;
}

#company #cnt_area07 .cnt_img{
border-radius: 15px;
margin-bottom: 27px;
overflow: hidden;
}

#company #cnt_area07 h3{
display: inline-block;
font-weight: 700;
font-size: 20px;
line-height: 29px;
letter-spacing: 0.05em;
padding-bottom: 6px;
position: relative;
margin-bottom: 8px;
}

#company #cnt_area07 h3::before{
content: "";
display: block;
width: 100%;
height: 17px;
background-color: #aaa;
position: absolute;
bottom: 0;
left: 0;
}

#company #cnt_area07 h3 span{
display: block;
position: relative;
z-index: 1;
}

#company #cnt_area07 p{
font-weight: 500;
line-height: 2;
}

#company #cnt_area07 p .bold{
font-weight: 700;
}

#company #cnt_area07 .blue_box .number_box{
color: #85CAEB;
}

#company #cnt_area07 .blue_box .number_box::before,#company #cnt_area07 .blue_box .number_box::after{
background-color: #85CAEB;
}

#company #cnt_area07 .blue_box .box_in{
border-color: #85CAEB;
}

#company #cnt_area07 .blue_box h3::before{
background-color: #BCEDFF;
}


#company #cnt_area07 .orange_box .number_box{
color: #F4B94D;
}

#company #cnt_area07 .orange_box .number_box::before,#company #cnt_area07 .orange_box .number_box::after{
background-color: #F4B94D;
}

#company #cnt_area07 .orange_box .box_in{
border-color: #F4B94D;
}

#company #cnt_area07 .orange_box h3::before{
background-color: #FFDC9A;
}

#company #cnt_area07 .pink_box .number_box{
color: #DF7591;
}

#company #cnt_area07 .pink_box .number_box::before,#company #cnt_area07 .pink_box .number_box::after{
background-color: #DF7591;
}

#company #cnt_area07 .pink_box .box_in{
border-color: #DF7591;
}

#company #cnt_area07 .pink_box h3::before{
background-color: #FFD5E0;
}

#company #cnt_area07 .yellow_box .number_box{
color: #FFDB43;
}

#company #cnt_area07 .yellow_box .number_box::before,#company #cnt_area07 .yellow_box .number_box::after{
background-color: #FFDB43;
}

#company #cnt_area07 .yellow_box .box_in{
border-color: #FFDB43;
}

#company #cnt_area07 .yellow_box h3::before{
background-color: #FFF3BF;
}

#company #cnt_area07 .purple_box .number_box{
color: #9D5CD2;
}

#company #cnt_area07 .purple_box .number_box::before,#company #cnt_area07 .purple_box .number_box::after{
background-color: #9D5CD2;
}

#company #cnt_area07 .purple_box .box_in{
border-color: #9D5CD2;
}

#company #cnt_area07 .purple_box h3::before{
background-color: #E4D4EF;
}

#company #cnt_area07 .box_type02{
max-width: none;
width: 100%;
}

#company #cnt_area07 .box_type02 .box_in{
align-items: center;
justify-content: space-between;
}

#company #cnt_area07 .box_type02 .cnt_img{
max-width: 420px;
width: 44.88%;
margin-bottom: 0;
}

#company #cnt_area07 .box_type02 .cnt_text{
max-width: 480px;
width: 51.29%;
text-align: left;
}

#company #cnt_area07 .deco{
position: absolute;
}

#company #cnt_area07 .deco01{
width: 18.05%;
right: -10.24%;
top: 3.76%;
}

#company #cnt_area07 .deco02{
width: 14.22%;
left: -5.94%;
top: 19.56%;
}

#company #cnt_area07 .deco03{
width: 13.75%;
right: -5.94%;
top: 48.98%;
}

#company #cnt_area07 .deco04{
width: 16.875%;
left: -8.36%;
top: 69.47%;
}

#company #cnt_area07 .deco05{
width: 16.875%;
right: -9.07%;
top: 89.85%;
}

#company #cnt_area08 .contents_in{
padding: 40px 0 150px;
}

#company #cnt_area08 .title_ptn02{
margin-bottom: 70px;
}

#company #cnt_area08 ul{
justify-content: center;
}

#company #cnt_area08 li{
width: 300px;
}

#company #cnt_area08 li .box{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
font-weight: 700;
font-size: 32px;
line-height: 48px;
text-align: center;
border-radius: 50%;
width: 300px;
height: 300px;
border-width: 4px;
border-style: solid;
}

#company #cnt_area08 li.list01,#company #cnt_area08 li.list02{
display: flex;
align-items: flex-end;
}

#company #cnt_area08 li.list01 .box{
border-color: #6ECCEF;
color: #6ECCEF;
background-color: rgba(216, 244, 255,.2);
}

#company #cnt_area08 li.list02{
margin: 0 -20px;
}

#company #cnt_area08 li.list02 .box{
border-color: #ef6e91;
color: #ef6e91;
background-color: rgba(255, 214, 225,.2);
}

#company #cnt_area08 li.list03 .box{
background-color: rgba(234, 201, 255,.2);
border-color: #A758D9;
color: #A758D9;
}

#company #cnt_area08 li .number{
font-size: 60px;
margin-left: 10px;
}

#company #cnt_area08 li .small_text{
font-size: 18px;
line-height: 28px;
font-weight: 500;
margin: 0px auto 10px;
text-align: center;
color: #444;
position: relative;
max-width: 220px;
width: 100%;
}

#company #cnt_area08 li .small_text::before,#company #cnt_area08 li .small_text::after{
content: "";
display: block;
width: 2px;
height: 60%;
background-color: #A758D9;
position: absolute;
bottom: 0;
}

#company #cnt_area08 li .small_text::before{
left: 0;
transform: rotate(-20deg);
}

#company #cnt_area08 li .small_text::after{
right: 0;
transform: rotate(20deg);
}

/* アニメーション */
#company #cnt_area01 .h2_title.active span{
animation-duration: 1s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#company #cnt_area01 .h2_title.active span:nth-of-type(2){
animation-delay: .6s;
}

#company #cnt_area01 .h2_title.active::after{
animation-delay: .8s;
animation-duration: 1s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#company #cnt_area01 .cnt_text.active{
animation-delay: .4s;
animation-duration: .8s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#company #cnt_area01 .cnt_text .deco.active{
animation-duration: 0.9s;
animation-fill-mode: both;
}

#company #cnt_area01 .cnt_text .deco01.active{
animation-delay: .6s;
animation-name: fadeInRight;
}

#company #cnt_area01 .cnt_text .deco02.active{
animation-delay: 1s;
animation-name: fadeInLeft;
}

#company #cnt_area01 .people_img.active{
animation-duration: 1s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#company #cnt_area01 .people01.active{
animation-delay: .6s;
}

#company #cnt_area01 .people02.active{
animation-delay: 1s;
}

#company #cnt_area01 .triangle.active,#company #cnt_area01 .circle.active{
animation-delay: 1s;
animation-duration: 1s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#company #cnt_area02.active .contents_in::before{
animation-duration: .6s;
animation-name: fadeInLeft;
animation-fill-mode: both;
}

#company #cnt_area02.active .cnt_img{
animation-delay: .2s;
animation-duration: .6s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#company #cnt_area02.active .deco{
animation-duration: .6s;
animation-name: fadeInRight;
animation-fill-mode: both;
}

#company #cnt_area02.active .circle{
animation-delay: .6s;
}

#company #cnt_area02.active .triangle{
animation-delay: 1s;
}

#company #cnt_area02.active .cnt_text h3,#company #cnt_area02.active .cnt_text p{
animation-delay: .2s;
animation-duration: .6s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#company #cnt_area02.active .cnt_text p{
animation-delay: .6s;
}

#company #cnt_area02.active .keyword_box li{
animation-duration: 1s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#company #cnt_area02.active .keyword_box li:nth-child(1){
animation-delay: 1s;
}

#company #cnt_area02.active .keyword_box li:nth-child(2){
animation-delay: 1.2s;
}

#company #cnt_area02.active .keyword_box li:nth-child(3){
animation-delay: 1.4s;
}

#company #cnt_area02 .animate_deco_title_ptn::before{
background-color: #FFEF71;
}

#company #cnt_area03 .cnt_box::before{
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #FFEF71;
transition: all .8s;
}

#company #cnt_area03 .cnt_box.active::before{
width: 0;
}

#company #cnt_area05 .no1_box.active,#company #cnt_area05 .attention_text.active,#company #cnt_area05 p.active{
animation-duration: .6s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#company #cnt_area05 .no1_box.active{
animation-delay: .2s;
}

#company #cnt_area05 .attention_text.active{
animation-delay: .6s;
}

#company #cnt_area05 p.active{
animation-delay: 1s;
}

#company #cnt_area05 .map_box.active{
background-image: url(../img/company/deco01_cnt05.png);
}

#company #cnt_area05 .map.active{
animation-delay: .4s;
animation-duration: .4s;
animation-name: zoomIn;
animation-fill-mode: both;
}

#company #cnt_area05 .deco.active{
animation-duration: .6s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#company #cnt_area05 .deco01.active{
animation-delay: .8s;
}

#company #cnt_area05 .deco02.active{
animation-delay: 1.2s;
}

#company #cnt_area06 p.active{
animation-duration: .6s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#company #cnt_area06 .people_img.active{
animation-duration: .6s;
animation-fill-mode: both;
}

#company #cnt_area06 .people01.active{
animation-name: fadeInLeft;
animation-delay: 1.0s;
}

#company #cnt_area06 .people02.active{
animation-name: fadeInRight;
animation-delay: 1.6s;
}

#company #cnt_area07 .cnt_box.active .number_box{
animation-duration: .6s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#company #cnt_area07 .cnt_box.active .number_box::before, #company #cnt_area07 .cnt_box.active .number_box::after{
width: 23px;
}

#company #cnt_area07 .cnt_box.active .box_in{
animation-delay: .5s;
animation-duration: .6s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

/*----------
03.staff
----------*/
#staff .breadcrumb{
margin-bottom: 50px;
}

#staff .purple .name{
background-color: #A758D9;
}

#staff .green .name{
background-color: #6FDB6B;
}

#staff .orange .name{
background-color: #FFB62C;
}

#staff .red .name{
background-color: #E24848;
}

#staff .pink .name{
background-color: #EF6E91;
}

#staff .first_text{
max-width: 742.65px;
text-align: center;
margin: 0 auto 77px;
position: relative;
font-size: 18px;
line-height: 32px;
}

#staff .first_text::before, #staff .first_text::after{
content: "";
display: inline-block;
width: 21.22px;
height: 37.62px;
background: center/contain no-repeat url(../common/img/black_fukidashi.png);
position: absolute;
bottom: 0;
}

#staff .first_text::after{
right: -52px;
transform: scale(-1,1);
}

#staff .first_text::before{
left: -52px;
}

#staff .cnt_area01 .contents_in{
max-width: 1280px;
}

#staff .bg{
position: relative;
z-index: 1;
padding: 68px 0 70px;
background-color: #FFFBD9;
}

#staff .bg::before {
content: "";
position: absolute;
width: 100%;
height: 12px;
top: -11px;
background: url(../img/staff/bg_yellow_top.png) repeat-x top center / 83px 12px;
}

#staff .bg .cnt_box{
max-width: 246px;
position: relative;
}

#staff .bg .cnt_box::before{
content: "";
display: inline-block;
width: 65px;
height: 65px;
background: center/contain no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

#staff .bg .purple::before{
background-image: url(../img/staff/icon01.png);
}

#staff .bg .green::before{
background-image: url(../img/staff/icon02.png);
}

#staff .bg .orange::before{
background-image: url(../img/staff/icon03.png);
}

#staff .bg .red::before{
background-image: url(../img/staff/icon04.png);
}

#staff .bg .pink::before{
background-image: url(../img/staff/icon05.png);
}

#staff .bg .cnt_box:nth-child(even){
margin-top: 70px;
}

#staff .bg .flex_box{
max-width: 1080px;
margin: 0 auto;
justify-content: space-between;
flex-wrap: wrap;
width: 88.93%;
}

#staff .bg .cnt_img{
border-radius: 123px 123px 0 0;
overflow: hidden;
position: relative;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#staff .bg .cnt_img .img {
display: block;
}

#staff .bg .cnt_img .img:last-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
}

#staff .bg .cnt_box:nth-of-type(2) .img,#staff .bg .cnt_box:nth-of-type(4) .img,#staff .bg .cnt_box:nth-of-type(5) .img,#staff .bg .cnt_box:nth-of-type(7) .img,#staff .bg .cnt_box:nth-of-type(10) .img,#staff .bg .cnt_box:nth-of-type(12) .img,#staff .bg .cnt_box:nth-of-type(13) .img,#staff .bg .cnt_box:nth-of-type(15) .img {
transition-delay: .5s;
}

#staff .bg.switch_on .cnt_img .img:last-child {
opacity: 1;
}

#staff .bg .cnt_img .tag{
font-weight: 500;
display: inline-block;
padding: 2px 10px;
background: #676767;
border-radius: 12px;
position: absolute;
bottom: 56px;
left: 5px;
color: #fff;
font-size: 13px;
}

#staff .bg .cnt_box.green .cnt_img .tag {
padding: 3px 6px;
font-size: 12px;
letter-spacing: -.015em;
}

#staff .bg .cnt_box.green .cnt_img .tag span {
position: absolute;
top: 1px;
left: 0;
transform: translateY(-100%);
padding: 2px 8px;
background: #676767;
border-radius: 12px;
font-size: 13px;
letter-spacing: 0;
}

#staff .bg .name{
border-radius: 6px;
color: #fff;
padding: 3.3px 11px 7.1px;
text-align: center;
font-weight: 500;
margin-top: -52px;
position: relative;
z-index: 1;
}

#staff .bg .name .top{
font-size: 18px;
line-height: 26px;
padding-bottom: 3.9px;
display: block;
position: relative;
margin-bottom: 2px;
}

#staff .bg .name .top::after{
content: "";
display: block;
width: 90.6%;
height: 5px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: center/contain no-repeat url(../img/staff/border_wh.png);
}

#staff .bg .name .bottom{
line-height: 20px;
}

#staff .bg .bg_parts {
position: absolute;
z-index: -1;
top: calc(100% / 3);
left: 0;
width: 100%;
height: calc(100% / 3);
background-color: #FFEFF3;
}

#staff .bg .bg_parts::before,#staff .bg .bg_parts::after {
content: "";
position: absolute;
width: 100%;
height: 12px;
left: 0;
background: url(../img/staff/bg_yellow_top.png) repeat-x top center / 83px 12px;
}

#staff .bg .bg_parts::before {
top: 0;
transform: scale(1,-1);
}

#staff .bg .bg_parts::after {
bottom: 0;
}

#staff .bg .parts_wrp {
position: absolute;
z-index: -1;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1280px;
height: 100%;
}

@keyframes partsAnim {
0%{
  transform: translateY(-5%);
}
50% {
  transform: translateY(5%);
}
100%{
  transform: translateY(-5%);
}
}

#staff .bg .parts {
position: absolute;
width: 144px;
animation: partsAnim 2.5s infinite ease-in-out;
}

#staff .bg .parts.p01 {
top: 5%;
left: 24.6%;
}
#staff .bg .parts.p02 {
top: 7%;
right: 4.4%;
animation-delay: .5s;
}
#staff .bg .parts.p03 {
top: 44%;
right: 24%;
}
#staff .bg .parts.p04 {
top: 61%;
left: 3%;
animation-delay: .5s;
}
#staff .bg .parts.p05 {
top: 77%;
right: 2%;
}
#staff .bg .parts.p06 {
top: 88%;
left: 21%;
animation-delay: .5s;
}

#staff #sns_area {
background: #FFEFF3;
position: relative;
z-index: 1;
}

#staff #sns_area::before {
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/staff/bg_lightpink_top.png) repeat-x center top/333px auto;
}

#staff #sns_area .contents_in{
max-width: 1280px;
padding: 103px 0 0;
position: relative;
}

#staff #sns_area .contents_in::before,
#staff #sns_area .contents_in::after{
content: "";
display: block;
position: absolute;
pointer-events: none;
}

#staff #sns_area .contents_in::before{
max-width: 575px;
width: 44.93%;
height: 258px;
background: url(../img/top/deco01_sns.png) no-repeat center center/100% auto;
top: 67px;
left: -5.47%;
}

#staff #sns_area .contents_in::after{
max-width: 563px;
width: 42.8%;
height: 350px;
background: url(../img/staff/deco02.png) no-repeat center center/100% auto;
top: -20px;
right: -4.54%;
}

#staff #sns_area .title{
max-width: 243px;
width: 100%;
margin: 0 auto 23px;
position: relative;
font-weight: 500;
font-size: 19px;
line-height: 27px;
text-align: center;
padding-bottom: 6px;
z-index: 1;
}

#staff #sns_area .title::before,#staff #sns_area .title::after{
content: "";
display: block;
position: absolute;
width: 21px;
height: 38px;
background: url(../img/top/icon01_sns.png) no-repeat center bottom/100% auto;
bottom: 0;
}

#staff #sns_area .title::before{
transform: scale(-1,1);
left: 0;
}

#staff #sns_area .title::after{
right: 0;
}

#staff #sns_area .deco_title_ptn{
text-align: center;
top: 70px;
color: #FFEFF3;
text-shadow: 1px 1px 0 #F4C9D4, -1px -1px 0 #F4C9D4, -1px 1px 0 #F4C9D4, 1px -1px 0 #F4C9D4, 0px 1px 0 #F4C9D4, 0 -1px 0 #F4C9D4, -1px 0 0 #F4C9D4, 1px 0 0 #F4C9D4;
}

#staff #sns_area .animate_deco_title_ptn::before{
background-color: #FFEFF3;
}

#staff #sns_area .sns_g{
max-width: 1000px;
width: 100%;
margin: 0 auto;
align-items: start;
justify-content: space-between;
}

#staff #sns_area .sns_g li{
max-width: 300px;
width: 100%;
}

#staff #sns_area .sns_g li a{
position: relative;
display: block;
}

#staff #sns_area .sns_g li a::after{
content: "";
display: block;
position: absolute;
width: 37px;
height: 37px;
background: url(../common/img/arrow_right02.png) no-repeat center center/8px auto;
background-color: #000;
border-radius: 50%;
top: 20px;
right: 15px;
}

#staff #sns_area .people{
max-width: 337px;
width: 100%;
margin: -65px auto 0;
position: relative;
}

#staff #sns_area .people::before{
content: "";
display: block;
position: absolute;
background: url(../img/top/deco_yellow.png) no-repeat 50% 0/100% auto;
width: 281px;
height: 281px;
margin: 0 auto;
top: 18px;
left: 0;
right: 0;
opacity: 0;
}

#staff #sns_area .people img{
position: relative;
z-index: 1;
}

/* アニメーション */
#staff #sns_area .sns_g.active .title{
animation-delay: .4s;
animation-duration: .5s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#staff #sns_area .sns_g.active a{
animation-delay: 1s;
animation-duration: .5s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#staff #sns_area .people.active::before{
animation-delay: 2s;
animation-duration: 1s;
animation-name: fadeIn;
animation-fill-mode: both;
}

#staff #sns_area .people.active{
animation-delay: 1.6s;
animation-duration: .5s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#staff .absolute{
position: absolute;
}

#staff .cnt_area02 .person{
max-width: 337px;
bottom: -69px;
left: 50%;
transform: translateX(-50%);
}

#staff .fukidashi{
width: 300px;
z-index: 1;
}

#staff .fukidashi a{
display: block;
padding: 15.8px 0 32.8px 25.8px;
}

#staff .fukidashi01{
left: 0;
top: 213px;
}

#staff .fukidashi02{
right: 0;
top: 213px;
}

#staff .fukidashi01 a{
background: center/contain no-repeat url(../img/staff/fukidashi.png);
}

#staff .fukidashi02 a{
background: center/contain no-repeat url(../img/staff/fukidashi02.png);
}

#staff .fukidashi01 img{
max-width: 154.17px;
width: 51%;
}

#staff .fukidashi02 img{
width: 61%;
}

#staff .fukidashi a::after {
content: "";
display: block;
width: 37.38px;
height: 37.38px;
background: url(../common/img/arrow_right02.png) no-repeat center center/7px auto;
background-color: #000;
border-radius: 50%;
position: absolute;
top: 21.3%;
right: 19px;
transition: all .4s;
}

#staff .fukidashi a:hover::after {
transform: scale(1.1);
right: 19px;
}

/*----------
03-2.staff_detail_page
----------*/
.staff_detail_page #under_maintitle01_area.pink .title_text_area{
margin-top: 93px;
padding: 82.9px 0 63.5px;
}

.staff_detail_page .cnt_area01 .contents_in{
position: relative;
max-width: 860px;
z-index: 1;
}

.staff_detail_page .absolute{
position: absolute;
}

.staff_detail_page h1{
font-size: 28px;
line-height: 40px;
text-align: center;
color: #fff;
font-weight: 700;
position: relative;
padding-bottom: 15.7px;
max-width: fit-content;
margin: 0 auto;
}

.staff_detail_page h1 span{
display: inline-block;
height: 3px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-color: #fff;
}
.staff_detail_page h1 span::before, .staff_detail_page h1 span::after{
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: -4px;
}

.staff_detail_page h1 span::before{
left: -5px;
}

.staff_detail_page h1 span::after{
right: -5px;
}

.staff_detail_page .cnt_area01{
padding: 15.5px 0 100.5px;
position: relative;
z-index: 1;
background: center top/666px auto repeat-x url(../img/staff/staff_detail_page/bg01.jpg);
overflow: hidden;
}

.staff_detail_page .cnt_area01 .bg_wrap{
max-width: 1280px;
margin: 0 auto;
position: relative;
}

.staff_detail_page .cnt_area01 .bg_wrap::before{
content: "";
position: absolute;
display: block;
width: 216px;
height: 100%;
background: url(../img/staff/bg_left.png) repeat-y center top/100% auto;
left: -107.8px;
top: 422px;
}

.staff_detail_page .cnt_area01 .bg_wrap::after{
content: "";
position: absolute;
display: block;
width: 231px;
height: 100%;
background: url(../img/staff/bg_right.png) repeat-y center top/100% auto;
right: -131px;
top: 422px;
}

.staff_detail_page .breadcrumb{
color: #EF6E91;
margin-bottom: 44.5px;
}

.staff_detail_page .breadcrumb a, .staff_detail_page .breadcrumb a::after{
color: #fff;
}

.staff_detail_page .cnt_img{
border-radius: 20px;
overflow: hidden;
max-width: 600px;
margin: 0 auto 80px;
display: flex;
justify-content: space-between;
background-color: #FFD5E0;
}

.staff_detail_page .cnt_img img{
width: 49.08%;
}

.staff_detail_page .icon01{
max-width: 162.31px;
width: 16.2%;
top: 100px;
left: 0;
}

.staff_detail_page .deco01{
max-width: 168.85px;
width: 16.8%;
right: 0;
top: 147.8px;
}

.staff_detail_page dl{
font-weight: 500;
margin-bottom: 50px;
}

.staff_detail_page dt{
padding: 0 0 15px 0;
display: flex;
align-items: center;
font-weight: 700;
font-size: 20px;
line-height: 29px;
border-bottom: 1px solid #E5E5E5;
}

.staff_detail_page dt::before{
content: "";
display: inline-block;
width: 17px;
height: 17px;
border-radius: 50%;
background-color: #FFDB43;
margin-right: 10px;
}

.staff_detail_page dd{
line-height: 28px;
padding:30px 27px 0;
}

.staff_detail_page .attention_text{
font-size: 12px;
line-height: 1.4;
text-align: right;
}

.staff_detail_page .cnt_area01 .btn_ptn01{
margin-top: 100px;
}

.staff_detail_page .btn_ptn01 a::after{
right: auto;
left: 12px;
width: 27px;
height: 27px;
transform: translateY(-50%) rotateZ(180deg);
}

.staff_detail_page .btn_ptn01:hover a::after{
width: 32px;
height: 32px;
left: 10px;
right: auto;
}

.staff_detail_page #relation_area{
padding: 100px 0;
background: #F8F8F8;
position: relative;
}

.staff_detail_page #relation_area::before{
content: "";
display: block;
width: 100%;
height: 10px;
background: url(../common/img/bg_header_w.png) repeat-x center top/333px auto;
position: absolute;
top: 0;
left: 0;
}

.staff_detail_page #relation_area h2{
text-align: center;
font-size: 26px;
line-height: 37px;
margin-bottom: 43px;
}

.staff_detail_page #relation_area h2::before,.staff_detail_page #relation_area h2::after{
display: inline-block;
content: "";
width: 17px;
height: 17px;
background-color: #000;
border-radius: 50%;
margin: 0 10px;
}

.staff_detail_page #relation_area .cnt_box{
max-width: 246px;
width: 22.78%;
position: relative;

}

.staff_detail_page #relation_area .cnt_box::before{
content: "";
display: inline-block;
width: 65px;
height: 65px;
background: center/contain no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

.staff_detail_page #relation_area .purple::before{
background-image: url(../img/staff/icon01.png);
}

.staff_detail_page #relation_area .green::before{
background-image: url(../img/staff/icon02.png);
}

.staff_detail_page #relation_area .orange::before{
background-image: url(../img/staff/icon03.png);
}

.staff_detail_page #relation_area .red::before{
background-image: url(../img/staff/icon04.png);
}

.staff_detail_page #relation_area .pink::before{
background-image: url(../img/staff/icon05.png);
}

.staff_detail_page #relation_area .flex_box{
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 120px;
}

.staff_detail_page #relation_area .cnt_img{
border-radius: 123px 123px 0 0;
overflow: hidden;
position: relative;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: none;
margin: 0;
display: block;
background: none;
}

.staff_detail_page #relation_area .cnt_img .img {
display: block;
}

.staff_detail_page #relation_area .cnt_img .img:last-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
}

.staff_detail_page #relation_area .cnt_img img{
width: 100%;
}

.staff_detail_page #relation_area.switch_on .cnt_img .img:last-child {
opacity: 1;
}

.staff_detail_page #relation_area .cnt_img .tag{
font-weight: 500;
display: inline-block;
padding: 2px 10px;
background: #676767;
border-radius: 12px;
position: absolute;
bottom: 56px;
left: 5px;
color: #fff;
font-size: 13px;
}

.staff_detail_page #relation_area .cnt_box.green .cnt_img .tag {
padding: 3px 6px;
font-size: 12px;
letter-spacing: -.015em;
}

.staff_detail_page #relation_area .cnt_box.green .cnt_img .tag span {
position: absolute;
top: 1px;
left: 0;
transform: translateY(-100%);
padding: 2px 8px;
background: #676767;
border-radius: 12px;
font-size: 13px;
letter-spacing: 0;
}

.staff_detail_page #relation_area .name{
border-radius: 6px;
color: #fff;
padding: 3.3px 11px 7.1px;
text-align: center;
font-weight: 500;
margin-top: -52px;
position: relative;
z-index: 1;
}

.staff_detail_page #relation_area .name .top{
font-size: 18px;
line-height: 26px;
padding-bottom: 3.9px;
display: block;
position: relative;
margin-bottom: 2px;
}

.staff_detail_page #relation_area .name .top::after{
content: "";
display: block;
width: 90.6%;
height: 5px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: center/contain no-repeat url(../img/staff/border_wh.png);
}

.staff_detail_page #relation_area .name .bottom{
line-height: 20px;
}

.staff_detail_page #relation_area .purple .name{
background-color: #A758D9;
}

.staff_detail_page #relation_area .green .name{
background-color: #6FDB6B;
}

.staff_detail_page #relation_area .orange .name{
background-color: #FFB62C;
}

.staff_detail_page #relation_area .red .name{
background-color: #E24848;
}

.staff_detail_page #relation_area .pink .name{
background-color: #EF6E91;
}


/*----------
04.new_talkroom
----------*/
#new_talkroom #under_maintitle01_area .deco_title_ptn{
width: 780px;
white-space: nowrap;
}

#new_talkroom .absolute{
position: absolute;
}

#new_talkroom #bread_area{
background-color: #FFEF71;
}

#new_talkroom .breadcrumb{
background-color: #FFEF71;
padding: 15.5px 0 38px;
}

#new_talkroom .cnt_area01{
margin: 0 auto 100.2px;
font-size: 18px;
line-height: 32px;
font-weight: 500;
padding-bottom: 346px;
background: center bottom/contain no-repeat url(../img/new_talkroom/area01.png);
background-size: 1280px auto;
position: relative;
}


#new_talkroom .cnt_area01 .cnt_text{
max-width: 582px;
position: relative;
z-index: 1;
margin: 0 auto 52.4px;
}

#new_talkroom .cnt_area01{
background-color: #FFEF71;
text-align: center;
}

#new_talkroom .cnt_area01 span{
font-size: 32px;
line-height: 46px;
margin-bottom: 8px;
display: block;
}

#new_talkroom .cnt_area01 .cnt_text.active span{
animation-duration: .4s;
animation-delay: 1s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#new_talkroom .cnt_area01 .cnt_text::before, #new_talkroom .cnt_area01 .cnt_text::after{
content: "";
display: inline-block;
width: 21.22px;
height: 37.62px;
background: center/contain no-repeat url(../common/img/black_fukidashi.png);
position: absolute;
bottom: 0;
}

#new_talkroom .cnt_area01 .cnt_text::after{
right: -30.2px;
transform: scale(-1,1);
}

#new_talkroom .cnt_area01 .cnt_text::before{
left: -30.2px;
}

#new_talkroom .cnt_area01 .deco01{
top: 12px;
left: 15.31%;
width: 3.63%;
}

#new_talkroom .cnt_area01 .deco02{
top: 186px;
left: 3.5%;
width: 4.25%;
}

#new_talkroom .cnt_area01 .deco03{
top: 156.4px;
left: 17%;
width: 8.1%;
}

#new_talkroom .cnt_area01 .deco04{
top: 19px;
right: 16.75%;
width: 8.1%;
}

#new_talkroom .cnt_area01 .deco05{
bottom: 145.6px;
left: 230.7px;
width: 21.81px;
}

#new_talkroom .cnt_area01 .deco06{
bottom: -30px;
left: 3.51%;
width: 8.8%;
}

#new_talkroom .cnt_area01 .deco07{
top: 60.3px;
right: 104.4px;
width: 35.63px;
}

#new_talkroom .cnt_area01 .deco08{
top: 212.6px;
right: 3.52%;
width: 10.23%;
}

#new_talkroom .cnt_area01 .deco09{
top: 183.9px;
right: 13.14%;
width: 5.57%;
}

#new_talkroom .cnt_area01 .deco10{
bottom: 93.1px;
right: 16.7%;
width: 8.1%;
}

#new_talkroom .cnt_area01 .deco11{
bottom: 105.3px;
right: 1.9%;
width: 2.48%;
transform: rotate(21deg);
}

#new_talkroom .cnt_area02 .profile_g.flex_box{
max-width: 1000px;
width: 100%;
margin: 0 auto 132px;
justify-content: space-between;
align-items: stretch;
flex-direction: inherit;
}

#new_talkroom .cnt_area02 .profile_g .profile_box{
max-width: 305px;
width: 30.5%;
background-color: #eee;
border-radius: 10px;
padding: 15px 10px 15px 15px;
align-items: center;
margin: 0;
}

#new_talkroom .cnt_area02 .profile_box img{
max-width: 100px;
width: 36.37%;
background-color: #ccc;
border-radius: 50%;
margin-right: 15px;
}

#new_talkroom .cnt_area02 .profile_box span{
display: block;
font-weight: 500;
font-size: 16px;
line-height: 24px;
width: calc(100% - 36.37% - 15px);
}

#new_talkroom .cnt_area02 .profile_box.orange_box{
background-color: #FFFBD9;
}

#new_talkroom .cnt_area02 .profile_box.orange_box img{
background-color: #FFB62C;
}

#new_talkroom .cnt_area02 .profile_box.pink_box{
background-color: #FFEFF3;
}

#new_talkroom .cnt_area02 .profile_box.pink_box img{
background-color: #EF6E91;
}

#new_talkroom .cnt_area02 .profile_box.blue_box{
background-color: #E2F7FF;
}

#new_talkroom .cnt_area02 .profile_box.blue_box img{
background-color: #6ECCEF;
}

#new_talkroom .cnt_area02 .flex_box{
max-width: 1000px;
margin: 0 auto 60px;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 1;
}

#new_talkroom .cnt_area02 .cnt_img{
border-radius: 20px;
overflow: hidden;
width: 44.8%;
position: relative;
z-index: 3;
}

#new_talkroom .cnt_area02 .text_g01, #new_talkroom .cnt_area02 .text_g03, #new_talkroom .cnt_area02 .text_g05, #new_talkroom .cnt_area02 .text_g06{
width: 51.2%;
}

#new_talkroom .cnt_area02 .text_g02{
max-width: 1000px;
margin: 0 auto 40px;
}

#new_talkroom .cnt_area02 .q{
font-weight: 500;
font-size: 18px;
margin-bottom: 20px;
display: flex;
align-items: center;
line-height: 32px;
}

#new_talkroom .cnt_area02 .q::before{
content: "";
display: inline-block;
width: 24px;
margin-right: 19.9px;
height: 2px;
background-color: #000000;
}

#new_talkroom .cnt_area02 dl:not(.sp){
display: flex;
font-size: 16px;
line-height: 32px;
}

#new_talkroom .cnt_area02 dl:not(:last-child){
margin-bottom: 20.6px;
}

#new_talkroom .cnt_area02 dt{
width: 60px;
height: 60px;
border-radius: 50%;
font-size: 0;
margin-right: 20px;
}

#new_talkroom .cnt_area02 dd{
width: calc(100% - 20px - 60px);
font-weight: 500;
display: flex;
align-items: center;
}

#new_talkroom .cnt_area02 dt.pink{
background: url(../img/new_talkroom/icon_people02.png) no-repeat center center/100% auto;
background-color: #EF6E91;
}

#new_talkroom .cnt_area02 .blue{
background: url(../img/new_talkroom/icon_people03.png) no-repeat center center/100% auto;
background-color:#6ECCEF;
}

#new_talkroom .cnt_area02 .orange{
background: url(../img/new_talkroom/icon_people01.png) no-repeat center center/100% auto;
background-color:#FFB62C;
}

#new_talkroom .cnt_area02 .flex_box02{
margin-bottom: 0;
align-items: flex-start;
}

#new_talkroom .cnt_area02 .flex_box02 + dl{
max-width: 1000px;
margin: 0 auto 80.6px;
}

#new_talkroom .cnt_area02 .deco01{
width: 144px;
left: -52px;
top: -49px;
}

#new_talkroom .cnt_area02 .yellow{
background-color: #FFFBD9;
position: relative;
margin-bottom: 79.8px;
}

#new_talkroom .cnt_area02 .yellow .contents_in{
padding: 79.4px 140px 80.2px;
max-width: 1280px;
margin: 0 auto;
position: relative;
}

#new_talkroom .cnt_area02 .yellow::before, #new_talkroom .cnt_area02 .yellow::after{
content: "";
width: 100%;
height: 13px;
position: absolute;
left: 0;
background: center/666px auto repeat-x;
background-image: url(../img/new_talkroom/bg_yellow.png) ;
}

#new_talkroom .cnt_area02 .yellow::before{
top: -13px;
}

#new_talkroom .cnt_area02 .yellow::after{
transform: scale(-1,-1);
bottom: -13px;
}

#new_talkroom .cnt_area02 .text_g04{
margin-bottom: 40px;
}

#new_talkroom .cnt_area02 .deco02{
width: 144px;
bottom: 23.3px;
left: 88px;
z-index: 2;
}

#new_talkroom .cnt_area02 .flex_box04{
align-items: flex-start;
margin-bottom: 0;
}

#new_talkroom .cnt_area02 .flex_box04 + dl {
max-width: 1000px;
margin: 0 auto 80.6px;
}

#new_talkroom .cnt_area02 .deco03{
width: 144px;
top: -58px;
right: -60.6px;
z-index: 2;
}

#new_talkroom .cnt_area02 .deco04{
width: 144px;
bottom: -52.9px;
left: -52px;
z-index: 2;
}

#new_talkroom .cnt_area02 .deco05{
width: 144px;
top: -59.7px;
right: -61px;
z-index: 2;
}

#new_talkroom .cnt_area02 .pink_bg {
background-color: #FFEFF3;
position: relative;
margin-bottom: 79.6px;
}

#new_talkroom .cnt_area02 .pink_bg .contents_in{
padding: 80.3px 140px 80.4px;
max-width: 1280px;
margin: 0 auto;
position: relative;
}

#new_talkroom .cnt_area02 .pink_bg::before, #new_talkroom .cnt_area02 .pink_bg::after{
content: "";
width: 100%;
height: 13px;
position: absolute;
left: 0;
background: center/contain repeat-x url(../img/new_talkroom/bg_pink.png);
}

#new_talkroom .cnt_area02 .pink_bg::before{
top: -13px;
}

#new_talkroom .cnt_area02 .pink_bg::after{
transform: scale(-1,-1);
bottom: -13px;
}

#new_talkroom .cnt_area02 .deco06{
width: 144px;
top: 31.2px;
left: 88px;
z-index: 2;
}

#new_talkroom .contents_in03{
max-width: 1000px;
}

#new_talkroom .cnt_area02 .text_g08{
margin-bottom: 40px;
}

#new_talkroom .cnt_area02 .deco07{
width: 144px;
top: -70.4px;
right: -60.6px;
z-index: 2;
}

#new_talkroom .cnt_area02 .blue_bg {
background-color: #E2F7FF;
position: relative;
}

#new_talkroom .cnt_area02 .blue_bg .contents_in{
padding: 80.3px 140px 80.6px;
max-width: 1280px;
margin: 0 auto;
position: relative;
}

#new_talkroom .cnt_area02 .blue_bg::before{
content: "";
width: 100%;
height: 15px;
display: inline-block;
background: center/666px auto repeat-x url(../img/new_talkroom/bg_blue_top.png);
top: -15px;
position: absolute;
left: 0;
}

#new_talkroom .cnt_area02 .deco08 {
left: -52px;
top: -43.2px;
width: 144px;
}

/*----------
05.message
----------*/
#message .cnt_area01{
position: relative;
padding: 80px 0 150px;
}

#message .cnt_area01 .video{
position: relative;
margin: 0 auto;
z-index: 1;
}

#message .cnt_area01 .video::before{
content: "";
display: inline-block;
width: 176px;
height: 176px;
background: center/contain no-repeat url(../img/message/area01_deco01.png);
position: absolute;
top: 72px;
right: -88px;
z-index: -1;
}

#message .cnt_area01 .video::after{
content: "";
display: inline-block;
width: 288.98px;
height: 252.5px;
background: center/contain no-repeat url(../img/message/area01_deco02.png);
position: absolute;
bottom: -82.3px;
left: -132.1px;
z-index: -1;
}

#message .cnt_area01 .wrap {
position: relative;
max-width: 857px;
margin: 0 auto;
}

#message .cnt_area01 .wrap::before,
#message .cnt_area01 .wrap::after {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
transition: .5s cubic-bezier(.7,0,1,1);
pointer-events: none;
}

#message .cnt_area01 .wrap::before {
background-color: #EFD5FF;
transition-delay: .3s;
}

#message .cnt_area01 .wrap::after {
background-color: #A758D9;
}

#message .cnt_area01 .video.is_on .wrap::before,#message .cnt_area01 .video.is_on .wrap::after {
width: 0;
}

#message .cnt_area01 video{
width: 100%;
height: auto;
display: block;
}

#message .cnt_area01 .video .btn{
position: absolute;
z-index: 1;
top: calc(50% - 50px);
left: calc(50% - 50px);
width: 100px;
pointer-events: none;
opacity: 0;
}

#message .cnt_area01 .video.is_on .btn{
animation-duration: .5s;
animation-name: bounceInUp;
animation-fill-mode: both;
animation-delay: .9s;
}

#message .cnt_area01 .video.played .btn {
display: none;
}

#message .cnt_area01 .inview_video {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
pointer-events: none;
}

#message .cnt_area01 .text_block {
margin-top: 70px;
}

#message .cnt_area01 h2{
margin-bottom: 45px;
padding-bottom: 7px;
}

#message .cnt_area01 p{
line-height: 28px;
max-width: 1000px;
padding: 0 40px;
margin: 0 auto;
position: relative;
}

#message .cnt_area01 p::before,#message .cnt_area01 p::after{
content: "";
display: inline-block;
width: 21.22px;
height: 37.62px;
background: center/contain no-repeat url(../img/message/black_fukidashi.png);
position: absolute;
bottom: 0;
}

#message .cnt_area01 p::after{
right: 0;
transform: scale(-1,1);
}

#message .cnt_area01 p::before{
left: 0;
}

#message .cnt_area02 h2 {
margin-bottom: 60px;
}

#message .cnt_area02 .cnt_img{
max-width: 340px;
margin: 0 auto 43px;
}

#message .cnt_area02 p{
line-height: 28px;
max-width: 1000px;
padding: 0 40px;
margin: 0 auto 120px;
}

#message .cnt_area03{
position: relative;
margin: 0 auto 104.4px;
padding: 80px 0 105px;
background-color: #EFD5FF;
}

#message .cnt_area03 .orange_area{
position: relative;
}

#message .cnt_area03 h3{
font-size: 20px;
padding: 0;
margin: 0 auto 0 0;
}

#message .cnt_area03::before,#message .cnt_area03::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 12px;
background-repeat: repeat-x;
background-position: center top;
background-size: 83px 12px;
}

#message .cnt_area03::before {
top: -11px;
background-image: url(../img/message/bg_purple_top.png);
}

#message .cnt_area03::after {
z-index: 2;
bottom: 0;
background-image: url(../img/message/bg_white_bottom.png);
}

#message .cnt_area03 h2{
margin-bottom: 50px;
}

#message .cnt_area03 h2 span{
background-color: #fff;
}

#message .cnt_area03 h2 span::after, #message .cnt_area03 h2 span::before{
background-color: #fff;
}

#message .cnt_area03 .bg_w{
background-color: #fff;
border-radius: 20px;
padding: 60px 40px;
font-weight: 500;
line-height: 27px;
max-width: 1000px;
margin: 0 auto;
position: relative;
z-index: 1;
}

#message .cnt_area03 .bg_w.is_on {
animation-duration: .6s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#message .absolute{
position: absolute;
}

#message .shibuki, #message .shibuki02{
width: 78.79px;
height: 49.5px;
}

#message .shibuki{
transform: rotate(-154deg);
left: -78.79px;
top: -34px;
}

#message .shibuki02{
transform: rotate(-26deg);
right: -125.69px;
bottom: 165px;
}

#message .area03_deco01{
width: 192.57px;
height: 192.57px;
right: -73.3px;
top: -67.2px;
}

#message .area03_deco02{
width: 134px;
height: 134px;
left: -92.5px;
top: 202.8px;
}

#message .sankaku{
transform: rotate(26deg);
width: 21px;
height: 18px;
left: -98.8px;
bottom: 162.3px;
}

#message .people_wrp {
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
transform: translateX(-50%);
max-width: 1220px;
width: 100%;
margin: 0 auto;
}

#message .people {
bottom: 0;
width: 16.4%;
min-width: 168px;
overflow: hidden;
}

#message .people.p01 {
left: -1.2%;
}

#message .people.p02 {
right: -.8%;
}

#message .people.p02 img {
animation-delay: .1s;
}

#message .people_wrp.is_on .people img {
animation-duration: .5s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#message .cnt_area04 {
margin-bottom: 80.2px;
}

#message .cnt_area04 h2{
margin-bottom: 50px;
}

#message .cnt_area04 .contents_in{
max-width: 1000px;
}

#message .cnt_area04 .flex_box{
justify-content: space-between;
align-items: center;
margin-bottom: 91.3px;
}

#message .cnt_area04 .flex_box.is_on{
animation-duration: .5s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#message .cnt_area04 p{
max-width: 715px;
font-weight: 500;
line-height: 28px;
}

#message .cnt_area04 .cnt_img{
max-width: 313px;
margin-right: -14px;
}

#message .cnt_area04 .cnt_text{
margin-bottom: 91.3px;
}

#message .cnt_area04 .bg_g{
border-radius: 20px;
background: #F7F7F7;
padding: 40px;
position: relative;
overflow: hidden;
}

#message .cnt_area04 .bg_g.is_on{
animation-duration: .5s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#message .cnt_area04 .bg_g.is_on .animate_pre{
animation-duration: .5s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#message .cnt_area04 .bg_g.is_on .animate_pre:nth-child(1) {
animation-delay: .4s;
}
#message .cnt_area04 .bg_g.is_on .animate_pre:nth-child(2) {
animation-delay: .5s;
}
#message .cnt_area04 .bg_g.is_on .animate_pre:nth-child(3) {
animation-delay: .6s;
}
#message .cnt_area04 .bg_g.is_on .animate_pre:nth-child(4) {
animation-delay: .7s;
}

#message .cnt_area04 h3{
font-size: 20px;
font-weight: 700;
line-height: 29px;
padding-bottom: 10px;
margin-bottom: 20px;
}

#message .cnt_area04 .title{
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-bottom: 10px;
}

#message .cnt_area04 li{
display: flex;
align-items: center;
margin-bottom: 8px;
line-height: 20px;
}

#message .cnt_area04 li::before{
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: #FFB62C;
border-radius: 50%;
margin-right: 6px;
}

#message .cnt_area04 .bg_w{
padding-top: 10px;
line-height: 22px;
max-width: 289px;
}

#message .cnt_area04 .deco_title_ptn{
max-width: 510px;
right: 40px;
left: auto;
bottom: -24px;
}

#message .cnt_area04 .deco_title_ptn{
color: #F7F7F7;
}

#message .cnt_area04 .animate_deco_title_ptn::before{
background-color: #F7F7F7;
}

/*----------
06.welfare
----------*/
.scroll_fadeinup {
opacity: 0;
transform: translate(0, 20%);
transition: 0.6s;
}
.scroll_fadeinup.is_show {
transform: translate(0, 0);
opacity: 1;
}

.scroll_fadein {
opacity: 0;
transition: 1.6s;
}
.scroll_fadein.is_show {
opacity: 1;
}

#welfare #under_maintitle01_area {
position: relative;
z-index: 3;
}

#welfare #lead_area {
position: relative;
background: #BFEEFF;
}

#welfare #lead_area::before {
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url("../img/welfare/bg_light_blue_bottom.png") repeat-x center top/333px auto;
}

#welfare #lead_area .contents_in {
position: relative;
padding: 105px 0 110px;
z-index: 1;
max-width: 1280px;
margin: 0 auto;
}

#welfare #lead_area .contents_in .cnt_img{
position: absolute;
z-index: -1;
}

#welfare #lead_area .contents_in .cnt_img.bg01 {
width: 223px;
height: 176px;
top: 50px;
left: -100px;
}

#welfare #lead_area .contents_in .cnt_img.bg02 {
width: 176px;
height: 176px;
bottom: -115px;
left: 49%;
}

#welfare #lead_area .contents_in .cnt_img.bg03 {
width: 188px;
height: 295px;
top: -47px;
right: -35px;
}

#welfare #lead_area .contents_in .cnt_img.bg04 {
width: 14px;
height: 12px;
bottom: 40px;
left: 21%;
}

#welfare #lead_area .contents_in .cnt_img.bg05 {
width: 14px;
height: 12px;
top: 35px;
right: 21%;
}

#welfare #lead_area .lead_text {
font-size: 18px;
line-height: 32px;
text-align: center;
position: relative;
max-width: 700px;
margin: 0 auto;
}

#welfare #lead_area .lead_text::before {
position: absolute;
content: "";
background: url("../img/welfare/bg_text_left.png")no-repeat center/contain;
width: 22px;
height: 38px;
bottom: 0;
left: 0;
}

#welfare #lead_area .lead_text::after {
position: absolute;
content: "";
background: url("../img/welfare/bg_text_right.png")no-repeat center/contain;
width: 22px;
height: 38px;
bottom: 0;
right: 0;
}

#welfare #imgs_area {
position: relative;
z-index: 1;
padding: 92px 0 50px;
} 

#welfare #imgs_area .contents_in {
position: relative;
}

#welfare #imgs_area .flex_box {
justify-content: space-between;
}

#welfare #imgs_area .img {
width: 31.5%;
}

#welfare #imgs_area .deco{
position: absolute;
}

#welfare #imgs_area .deco01{
width: 162px;
top: -15%;
right: 4%;
}

#welfare #imgs_area .deco02{
width: 162px;
bottom: -15%;
left: 11%;
}

#welfare #imgs_area .deco.active{
animation-duration: .8s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#welfare #cnt_area01 {
padding: 50px 0 60px;
position: relative;
z-index: 1;
}

#welfare #cnt_area01 .cnt_g {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}

#welfare #cnt_area01 .cnt_box {
width: 100%;
margin-bottom: 40px;
padding-top: 68px;
}

#welfare #cnt_area01 .cnt_box.half {
max-width: 520px;
width: 49%;
}

#welfare #cnt_area01 .cnt_box.half_right {
transition-delay: .2s;
}

#welfare #cnt_area01 .cnt_box .cnt_top {
padding: 18px 0;
position: relative;
border-radius: 10px 10px 0 0;
}

#welfare #cnt_area01 .cnt_box.pink .cnt_top {
background: #EF6E91;
}

#welfare #cnt_area01 .cnt_box.orange .cnt_top {
background: #FFB62C;
}

#welfare #cnt_area01 .cnt_box.blue .cnt_top {
background: #6ECCEF;
}

#welfare #cnt_area01 .cnt_box.purple .cnt_top {
background: #A758D9;
}

#welfare #cnt_area01 .cnt_box .cnt_top h2 {
color: #FFFFFF;
font-size: 25px;
line-height: 1;
font-weight: 700;
width: fit-content;
margin: 0 auto;
position: relative;
}

#welfare #cnt_area01 .cnt_box .cnt_top .number{
color: #FFFFFF;
font-size: 32px;
line-height: 1;
font-weight: 700;
letter-spacing: 1px;
position: absolute;
text-align: center;
width: 80px;
height: 45px;
border-radius: 40px 40px 0 0;
top: -41px;
left: 50%;
transform: translateX(-50%);
padding-top: 15px;
z-index: 1;
}

#welfare #cnt_area01 .cnt_box.pink .cnt_top .number {
background: #EF6E91;
}

#welfare #cnt_area01 .cnt_box.orange .cnt_top .number {
background: #FFB62C;
}

#welfare #cnt_area01 .cnt_box.blue .cnt_top .number {
background: #6ECCEF;
}

#welfare #cnt_area01 .cnt_box.purple .cnt_top .number {
background: #A758D9;
}

#welfare #cnt_area01 .cnt_box .cnt_top .number::before {
position: absolute;
content: "";
width: 47px;
height: 22px;
top: -27px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}

#welfare #cnt_area01 .cnt_box .cnt_top .number::before {
background: url("../img/welfare/bg_title_pink.png") no-repeat center/contain;
}

#welfare #cnt_area01 .cnt_box.orange .cnt_top .number::before  {
background: url("../img/welfare/bg_title_orange.png") no-repeat center/contain;
}

#welfare #cnt_area01 .cnt_box.blue .cnt_top .number::before  {
background: url("../img/welfare/bg_title_blue.png") no-repeat center/contain;
}

#welfare #cnt_area01 .cnt_box.purple .cnt_top .number::before  {
background: url("../img/welfare/bg_title_purple.png") no-repeat center/contain;
}

#welfare #cnt_area01 .cnt_box .cnt_top h2 .new {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -45px;
left: -112px;
width: 94px;
height: 60.5px;
padding-bottom: 11.5px;
padding-left: 3px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
font-size: 23px;
font-weight: 600;
letter-spacing: .1em;
opacity: 0;
}
#welfare #cnt_area01 .cnt_box.pink .cnt_top h2 .new {
background-image: url(../img/welfare/parts_bubble_pink.png);
color: #EF6E91;
}
#welfare #cnt_area01 .cnt_box.orange .cnt_top h2 .new {
background-image: url(../img/welfare/parts_bubble_orange.png);
color: #FFB62C;
}
#welfare #cnt_area01 .cnt_box.blue .cnt_top h2 .new {
background-image: url(../img/welfare/parts_bubble_blue.png);
color: #6ECCEF;
}
#welfare #cnt_area01 .cnt_box.purple .cnt_top h2 .new {
background-image: url(../img/welfare/parts_bubble_purple.png);
color: #A758D9;
}

#welfare #cnt_area01 .cnt_box.is_show .cnt_top h2 .new {
animation-duration: .8s;
animation-name: bounceInUp;
animation-fill-mode: both;
animation-delay: .5s;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom {
padding: 22px 30px;
border-radius: 0 0 10px 10px;
background: #F7F7F7;
width: 100%;
display: flex;
align-items: center;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom .flex_box {
display: flex;
align-items: center;
justify-content: flex-start;
max-width: 905px;
margin: 0 auto;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom .cnt_img {
max-width: 120px;
min-width: 120px;
margin-right: 30px;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom .text {
font-size: 14px;
line-height: 28px;
font-weight: 500;
}

/*----------
07.culture
----------*/
#culture #under_maintitle01_area .title_text_area {
background-color: #FFB62C;
}

#culture #under_maintitle01_area .title_text_area::before {
background: url(../common/img/bg_orange.png) repeat-x center top/333px auto;
}

#culture #under_maintitle01_area .deco_title_ptn {
color: #FFB62C;
}

#culture .animate_deco_title_ptn::before {
background-color: #FFB62C;;
}

#culture #cnt_area01 .contents_in {
width: 96%;
max-width: 1000px
}

#culture #lead_g {
padding: 60px 0 40px;
}

#culture #lead_g h2 {
margin: 0 auto 55px;
}

#culture #lead_g .lead_text {
font-size: 14px;
line-height: 28px;
font-weight: 500;
text-align: center;
}

#culture .point_g {
padding: 90px 0 74px;
position: relative;
}

#culture .point_g.active .animate_pre {
animation-fill-mode: both;
}

#culture .point_g .cnt_box {
border-radius: 20px;
padding: 50px;
position: relative;
background: #FFFFFF;
}

#culture .point_g.active .cnt_box {
animation-duration: .4s;
animation-delay: .2s;
animation-name: small_fadeInUp;
}

#culture .point_g.blue .cnt_box {
border: solid #6ECCEF 2px;
}

#culture .point_g.orange .cnt_box {
border: solid #FFB62C 2px;
}

#culture .point_g.pink .cnt_box {
border: solid #EF6E91 2px;
}

#culture .point_g.yellow .cnt_box {
border: solid #FFDB43 2px;
}

#culture .point_g.purple .cnt_box {
border: solid #A758D9 2px;
}

#culture .point_g .bg_number {
font-size: 120px;
line-height: 1;
font-weight: 500;
color: #BCEDFF;
position: absolute;
top: 0;
z-index: -1;
}

#culture .point_g.active .bg_number {
animation-duration: 1.2s;
animation-delay: .6s;
animation-name: fadeInRight;
}

#culture .point_g:nth-child(even) .bg_number {
left: 40px;
}

#culture .point_g:nth-child(odd) .bg_number {
right: 40px;
}

#culture .point_g.blue .bg_number {
color: #BCEDFF;
}

#culture .point_g.orange .bg_number {
color: #FFDC9A;
}

#culture .point_g.pink .bg_number {
color: #FFD5E0;
}

#culture .point_g.yellow .bg_number {
color: #FFF3BF;
}

#culture .point_g.purple .bg_number {
color: #E6D6F0;
}

#culture .point_g .cnt_text {
width: 65%;
max-width: 540px;
position: relative;
z-index: 2;
}

#culture .point_g:nth-child(odd) .cnt_text {
margin: 0 0 0 auto;
}

#culture .point_g .title_box .color_title {
position: relative;
padding-left: 20px;
margin-bottom: 5px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}

#culture .point_g.blue .title_box .color_title {
color: #6ECCEF;
}

#culture .point_g.orange .title_box .color_title {
color: #FFB62C;
}

#culture .point_g.pink .title_box .color_title {
color: #EF6E91;
}

#culture .point_g.yellow .title_box .color_title {
color: #FFDB43;
}

#culture .point_g.purple .title_box .color_title {
color: #A758D9;
}

#culture .point_g .title_box .color_title .point {
font-size: 16px;
font-weight: 600;
padding-bottom: 3px;
}

#culture .point_g .title_box .color_title .number {
font-size: 28px;
line-height: 1;
font-weight: 500;
margin-left: 5px;
}

#culture .point_g .title_box .color_title::before {
position: absolute;
content: "";
width: 13px;
height: 2px;
top: 16px;
left: 0;
}

#culture .point_g.blue .title_box .color_title::before {
background: #6ECCEF;
}

#culture .point_g.orange .title_box .color_title::before {
background: #FFB62C;
}

#culture .point_g.pink .title_box .color_title::before {
background: #EF6E91;
}

#culture .point_g.yellow .title_box .color_title::before {
background: #FFDB43;
}

#culture .point_g.purple .title_box .color_title::before {
background: #A758D9;
}

#culture .point_g .title_box .h3_title {
font-size: 28px;
line-height: 46px;
font-weight: 700;
letter-spacing: 0.5px;
width: fit-content;
margin-bottom: 25px;
position: relative;
z-index: 1;
}

#culture .point_g .title_box .marker {
position: relative;
}

/* アニメーション前のスタイル */
#culture .point_g .title_box .marker::after {
position: absolute;
content: "";
width: 0;
height: 17px;
bottom: 0;
left: 0;
transition: all 0.6s ease-in-out 1s; /* マーカーを引く速度を調整 */
z-index: -1;
}

#culture .point_g.blue .title_box .marker::after {
background: #BCEDFF;
}

#culture .point_g.orange .title_box .marker::after {
background: #FFDC9A;
}

#culture .point_g.pink .title_box .marker::after {
background: #FFD5E0;
}

#culture .point_g.yellow .title_box .marker::after {
background: #FFF3BF;
}

#culture .point_g.purple .title_box .marker::after {
background: #E4D4EF;
}

/* アニメーション発火時 */
#culture .point_g .title_box .marker.is_draw::after {
width: 100%;
}

#culture .point_g .point_list li {
padding-left: 16px;
position: relative;
margin-bottom: 16px;
}

#culture .point_g .point_list li:last-child {
margin-bottom: 0;
}

#culture .point_g .point_list li::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
top: 11px;
left: 0;
border-radius: 50%;
}

#culture .point_g.blue .point_list li::before {
background: #6ECCEF;
}

#culture .point_g.orange .point_list li::before {
background: #FFB62C;
}

#culture .point_g.pink .point_list li::before {
background: #EF6E91;
}

#culture .point_g.yellow .point_list li::before {
background: #FFDB43;
}

#culture .point_g.purple .point_list li::before {
background: #A758D9;
}

#culture .point_g .point_list .h4_title {
font-size: 20px;
line-height: 28px;
font-weight: 500;
margin-bottom: 5px;
}

#culture .point_g .point_list .point_text {
font-size: 14px;
line-height: 28px;
font-weight: 500;
}

#culture .point_g .cnt_img.icon {
position: absolute;
max-width: 196px;
top: -33px;
}

#culture .point_g.active .cnt_img.icon {
animation-duration: .6s;
animation-delay: 1.4s;
animation-name: bounceInUp;
}

#culture .point_g.blue .cnt_img.icon {
right: 30%;
}

#culture .point_g.orange .cnt_img.icon {
right: 17%;
}

#culture .point_g.pink .cnt_img.icon {
right: 43%;
}

#culture .point_g.yellow .cnt_img.icon {
right: 14%;
}

#culture .point_g.purple .cnt_img.icon {
right: 47%;
}

#culture .point_g .cnt_img.deco01 {
position: absolute;
width: 105px;
top: -33px;
}

#culture .point_g .cnt_img.deco02 {
position: absolute;
width: 85px;
top: 76px;
}

#culture .point_g.active .cnt_img.deco01 {
animation-duration: .6s;
animation-delay: 1.4s;
animation-name: bounceInUp;
}

#culture .point_g.active .cnt_img.deco02 {
animation-duration: .6s;
animation-delay: 1.6s;
animation-name: bounceInUp;
}

#culture .point_g.blue .cnt_img.deco01 {
right: 39%;
}
#culture .point_g.blue .cnt_img.deco02 {
right: 30%;
}
#culture .point_g.orange .cnt_img.deco01 {
right: 26%;
}
#culture .point_g.orange .cnt_img.deco02 {
right: 17%;
}
#culture .point_g.pink .cnt_img.deco01 {
right: 52%;
}
#culture .point_g.pink .cnt_img.deco02 {
right: 43%;
}
#culture .point_g.yellow .cnt_img.deco01 {
right: 23%;
}
#culture .point_g.yellow .cnt_img.deco02 {
right: 14%;
}
#culture .point_g.purple .cnt_img.deco01 {
right: 56%;
}
#culture .point_g.purple .cnt_img.deco02 {
right: 47%;
}

#culture .point_g:nth-child(even) .cnt_img.clip {
position: absolute;
max-width: 44px;
top: -35px;
right: 20px;
}

#culture .point_g:nth-child(odd) .cnt_img.clip {
position: absolute;
max-width: 42px;
top: -39px;
left: 50px;
}

#culture .point_g.active .cnt_img.clip {
animation-duration: .4s;
animation-delay: .6s;
animation-name: small_fadeInDown;
}

#culture .point_g.active .cnt_img.man {
animation-duration: 1s;
animation-delay: 1s;
animation-name: fadeIn;
}

#culture .point_g .cnt_img.man {
position: absolute;
bottom: 0;
z-index: 1;
}

#culture .point_g.blue .cnt_img.man {
max-width: 247px;
right: 50px;
}

#culture .point_g.orange .cnt_img.man {
max-width: 315px;
left: 62px;
}

#culture .point_g.pink .cnt_img.man {
max-width: 381px;
right: 80px;
}

#culture .point_g.yellow .cnt_img.man {
max-width: 374px;
left: 25px;
}

#culture .point_g.purple .cnt_img.man {
max-width: 424px;
right: 40px;
}

#culture .point_g:nth-child(odd) .cnt_img.dots {
position: absolute;
max-width: 176px;
bottom: 0;
right: -64px;
z-index: -1;
}

#culture .point_g:nth-child(even) .cnt_img.dots {
position: absolute;
max-width: 176px;
bottom: 0;
left: -64px;
z-index: -1;
}

#culture #cnt_area02 {
position: relative;
background: #BFEEFF;
margin-top: 80px;
padding: 70px 0 100px;
}

#culture #cnt_area02::after {
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/culture/bg_lightblue_top.png) repeat-x center top/333px auto;
}

#culture #cnt_area02 .contents_in{
max-width: 1000px;
position: relative;
}

#culture #cnt_area02 .contents_in::before{
content: "";
position: absolute;
display: block;
width: 143.5px;
height: 642.5px;
background: url(../img/culture/bg_left.png) no-repeat center/contain;
left: -101px;
top: 0;
}

#culture #cnt_area02 .contents_in::after{
content: "";
position: absolute;
display: block;
width: 240.5px;
height: 624.5px;
background: url(../img/culture/bg_right.png) no-repeat center/contain;
right: -132.5px;
top: 36px;
}

#culture #cnt_area02 .ttl{
display: flex;
align-items: flex-end;
justify-content: center;
text-align: center;
font-weight: 700;
font-size: 32px;
line-height: 46px;
margin-bottom: 63px;
position: relative;
}

#culture #cnt_area02 .ttl::before,#culture #cnt_area02 .ttl::after{
content: "";
display: inline-block;
width: 25px;
height: 42px;
background: url(../img/culture/parts01.png) no-repeat center bottom/contain;
margin: 0 19.3px;
}

#culture #cnt_area02 .ttl::after{
background-image: url(../img/culture/parts02.png);
}

#culture #cnt_area02 ul{
flex-wrap: wrap;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
z-index: 1;
}

#culture #cnt_area02 ul li{
width: 49%;
display: flex;
align-items: center;
}

#culture #cnt_area02 ul li:nth-child(2){
animation-delay: .2s;
}

#culture #cnt_area02 ul li:nth-child(3){
animation-delay: .4s;
}

#culture #cnt_area02 ul li:nth-child(4){
animation-delay: .6s;
}

#culture #cnt_area02 ul li:nth-child(5){
animation-delay: .8s;
}

#culture #cnt_area02 ul li:nth-child(n + 3){
margin-top: 20px;
}

#culture #cnt_area02 ul li .icon{
width: 120px;
margin-right: 20px;
}

#culture #cnt_area02 ul li .cnt_txt{
width: calc(100% - 140px);
}

#culture #cnt_area02 ul li h4{
font-weight: 500;
font-size: 20px;
line-height: 29px;
margin-bottom: 10px;
}

#culture #cnt_area02 ul li p{
font-weight: 500;
font-size: 13px;
line-height: 22.5px;
}

#culture #cnt_area02 ul li p span {
display: inline-block;
}

#culture #cnt_area02 .cnt_box {
position: relative;
margin-top: 80px;
border-radius: 20px;
background: #fff;
padding: 28px 20px 31px;
text-align: center;
position: relative;
z-index: 1;
}

#culture #cnt_area02 .cnt_box h3{
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 30px;
line-height: 44px;
margin-bottom: 26px;
}

#culture #cnt_area02 .cnt_box h3::before,#culture #cnt_area02 .cnt_box h3::after {
content: "";
display: inline-block;
width: 17px;
height: 17px;
border-radius: 50%;
background: #000;
margin: 7px 19px 0;
}

#culture #cnt_area02 .cnt_box p{
font-weight: 500;
font-size: 16px;
line-height: 26px;
animation-delay: .2s;
}

#culture #cnt_area02 .cnt_box p span{
display: inline-block;
}

#culture #cnt_area02 .cnt_box .fukidashi01{
position: absolute;
left: 4%;
top: -22px;
display: block;
max-width: 104.79px;
animation-delay: .8s;
}

#culture #cnt_area02 .cnt_box .fukidashi02{
position: absolute;
right: 4%;
bottom: 23.4px;
display: block;
max-width: 68.88px;
animation-delay: 1.2s;
}

/*----------
08.education
----------*/
#education .contents_in {
width: 96%;
}

#education #under_maintitle01_area .deco_title_ptn {
width: 660px;
}

#education #lead_area {
padding: 60px 0 80px;
}

#education #lead_area .lead_text {
font-size: 18px;
line-height: 32px;
font-weight: 500;
text-align: center;
position: relative;
max-width: 923px;
width: 100%;
margin: 0 auto;
}

#education #lead_area .lead_text::before,#education #lead_area .lead_text::after {
position: absolute;
content: "";
width: 21px;
height: 37px;
bottom: 0;
}

#education #lead_area .lead_text::before {
background: url("../img/education/bg_text_left.png")no-repeat center/contain;
left: 0;
}

#education #lead_area .lead_text::after {
background: url("../img/education/bg_text_right.png")no-repeat center/contain;
right: 0;
}

#education .color_area {
background: #BFEEFF;
padding: 65px 0 90px;
position: relative;
}

#education .color_area::before,#education .color_area::after{
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}

#education .color_area::before {
top: -10px;
background: url("../img/education/bg_light_blue_top.png") repeat-x center top/333px auto;
}

#education .color_area::after {
bottom: -10px;
background: url("../img/education/bg_light_blue_bottom.png") repeat-x center top/333px auto;
}

#education .color_area .cnt_g {
position: relative;
}

#education .color_area .h2_title {
font-size: 32px;
line-height: 46px;
font-weight: 700;
width: fit-content;
margin: 0 auto 50px; 
position: relative;
z-index: 1;
}

#education .color_area .h2_title.border {
position: relative;
}

#education .color_area .h2_title.border span {
position: relative;
padding: 0 26px 6px;
}

/* アニメーション前のスタイル */
#education .color_area .h2_title.border span::after {
position: absolute;
background: #FFFFFF;
content: "";
width: 0;
height: 3px;
bottom: 0;
left: 0;
transition: all 1.2s ease-in-out; /* マーカーを引く速度を調整 */
z-index: 1;
}

#education .color_area .h2_title.border.is_draw span::after {
width: 100%;
}

#education .color_area .h2_title::before,#education .color_area .h2_title::after{
position: absolute;
content: "";
background: #FFFFFF;
border-radius: 50%;
bottom: -9.5px;
width: 10px;
height: 10px;
}

#education .color_area .h2_title::before {
left: 0;
}

#education .color_area .h2_title::after {
right: calc(100% - 10px);
transition: all 1.2s ease-in-out; /* マーカーを引く速度を調整 */
}

#education .color_area .h2_title.border.is_draw::after {
right: 0;
}

#education .color_area .top_text {
font-size: 14px;
line-height: 28px;
font-weight: 500;
text-align: center;
position: relative;
z-index: 1;
}

#education .color_area .cnt_img.people {
opacity: 0;
}

#education .color_area.is_show .cnt_img.people {
animation-duration: 1s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
animation-delay: .5s;
}

#education .color_area.is_show .cnt_img.people + .people {
animation-delay: .7s;
}

#education #seminar_area .cnt_g .cnt_img.img_blue01 {
position: absolute;
max-width: 349px;
bottom: -40px;
left: -79px;
}

#education #seminar_area .cnt_g .cnt_img.img_blue02 {
position: absolute;
max-width: 282px;
bottom: -55px;
right: -71px;
}

#education #seminar_area .cnt_g .cnt_img.dots_white01 {
position: absolute;
max-width: 176px;
top: -150px;
left: 18%;
}

#education #seminar_area .cnt_g .cnt_img.dots_white02 {
position: absolute;
max-width: 176px;
bottom: -160px;
right: 10%;
}

#education #seminar_area .cnt_g .cnt_img.triangle_blue01 {
position: absolute;
max-width: 22px;
bottom: -22px;
left: -4%;
}

#education #seminar_area .cnt_g .cnt_img.triangle_blue02 {
position: absolute;
max-width: 22px;
top: 10%;
right: 24%;
transform: rotate(45deg);
}

#education #imgs_area {
padding: 92px 0 50px;
} 

#education #imgs_area .contents_in {
position: relative;
}

#education #imgs_area .flex_box {
justify-content: space-between;
}

#education #imgs_area .img {
width: 31.5%;
}

#education #imgs_area .img.is_show {
animation-duration: .5s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#education #imgs_area .img.is_show:nth-child(2) {
animation-delay: .2s;
}
#education #imgs_area .img.is_show:nth-child(3) {
animation-delay: .4s;
}

#education #imgs_area .deco{
position: absolute;
}

#education #imgs_area .deco01{
width: 162px;
top: -15%;
right: 4%;
}

#education #imgs_area .deco02{
width: 162px;
bottom: -15%;
left: 11%;
}

#education #imgs_area .deco.active{
animation-duration: .8s;
animation-name: bounceInUp;
animation-fill-mode: both;
animation-delay: .7s;
}

#education .cnt_area .cnt_g {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
}

#education .cnt_area .cnt_box {
border-radius: 20px;
padding: 45px 30px;
width: 100%;
margin: 0 0 38px;
display: flex;
align-items: center;
position: relative;
background: #FFFFFF;
z-index: 2
}

#education .cnt_area .cnt_box:last-child {
margin-bottom: 0;
}

#education .cnt_area .cnt_box.pink {
border: solid #EF6E91 2px;
}

#education .cnt_area .cnt_box.orange {
border: solid #FFB62C 2px;
}

#education .cnt_area .cnt_box.blue {
border: solid #6ECCEF 2px;
}

#education .cnt_area .cnt_box.yellow {
border: solid #FFDB43 2px;
}

#education .cnt_area .cnt_box.purple {
border: solid #A758D9 2px;
}

#education .cnt_area .cnt_box.half {
max-width: 520px;
width: 49%;
}

#education .cnt_area .cnt_box .cnt_text {
max-width: 870px;
width: 100%;
margin: 0 auto;
}

#education .cnt_area .cnt_box .h3_title {
font-size: 20px;
line-height: 40px;
font-weight: 700;
letter-spacing: 0.5px;
font-family: 'Zen Maru Gothic', sans-serif;
width: fit-content;
margin: 0 auto 20px;
padding: 0 8px;
}

#education .cnt_area .cnt_box .h3_title.marker {
position: relative;
z-index: 3;
}

#education .cnt_area .cnt_box .h3_title.marker::before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: #fff;
transition: all .7s;
}

#education .cnt_area .cnt_box.is_show .h3_title.marker::before {
width: 0;
}

#education .cnt_area .cnt_box .h3_title.marker::after {
position: absolute;
content: "";
width: 0;
height: 17px;
bottom: 0;
left: 0;
z-index: -1;
transition: all .5s .4s;
}

#education .cnt_area .cnt_box.is_show .h3_title.marker::after {
width: 100%;
}

#education .cnt_area .cnt_box.pink .h3_title.marker::after {
background: #FFD5E0;
}

#education .cnt_area .cnt_box.orange .h3_title.marker::after {
background: #FFDC9A;
}

#education .cnt_area .cnt_box.blue .h3_title.marker::after {
background: #BCEDFF;
}

#education .cnt_area .cnt_box.purple .h3_title.marker::after {
background: #E4D4EF;
}

#education .cnt_area .cnt_box.yellow .h3_title.marker::after {
background: #FFF3BF;
}

#education .cnt_area .cnt_box .text {
font-size: 14px;
line-height: 28px;
font-weight: 500;
text-align: center;
}

#education .cnt_area .cnt_box .seminar_list {
display: grid;
}

#education .cnt_area .cnt_box .seminar_list li {
position: relative;
padding-left: 16px;
font-size: 14px;
line-height: 28px;
font-weight: 500;
display: grid;
margin-bottom: 15px;
}

#education .cnt_area .cnt_box .seminar_list li::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
top: 10px;
left: 0;
border-radius: 50%;
}

#education .cnt_area .cnt_box.blue .seminar_list li::before {
background: #6ECCEF;
}

#education .cnt_area .cnt_box.pink .seminar_list li::before {
background: #EF6E91;
}

#education .cnt_area .cnt_box.purple .seminar_list li::before {
background: #A758D9;
}

#education .cnt_area .cnt_box.orange .seminar_list li::before {
background: #FFB62C;
}

#education .cnt_area .cnt_box.yellow .seminar_list li::before {
background: #FFDB43;
}

#education .cnt_area .cnt_box .sub_text {
font-size: 14px;
line-height: 28px;
font-weight: 500;
color: #A7A7A7;
text-align: center;
margin-top: 20px;
}

#education #cnt_area01 .cnt_box .seminar_list.kaigo {
grid-template-columns: 28% 31% 24% 15%;
}

#education #cnt_area01 .cnt_box .seminar_list.hoiku {
grid-template-columns: 28% 30% 24% 18%;
}

#education #cnt_area01 .cnt_box .seminar_list.syogai {
grid-template-columns: 22% 25% 36% 17%;
}

#education #cnt_area01 .cnt_box .seminar_list.iryou {
grid-template-columns: 26% 21% 26% 27%;
}

#education #cnt_area01 {
padding: 75px 0 0;
}

#education #cnt_area01 .cnt_box .cnt_img {
opacity: 0;
}

#education #cnt_area01 .cnt_box.is_show .cnt_img {
animation-duration: .8s;
animation-name: bounceInUp;
animation-fill-mode: both;
animation-delay: .5s;
}

#education #cnt_area01 .cnt_box.is_show .cnt_img:nth-of-type(2) {
animation-delay: .6s;
}

#education #cnt_area01 .cnt_box .pink_icon01 {
position: absolute;
max-width: 91px;
top: -26px;
left: 5%;
}

#education #cnt_area01 .cnt_box .pink_icon02 {
position: absolute;
max-width: 85px;
top: 22px;
right: -7%;
}

#education #cnt_area01 .cnt_box .orange_icon01 {
position: absolute;
max-width: 95px;
top: -20px;
left: 21%;
}

#education #cnt_area01 .cnt_box .orange_icon02 {
position: absolute;
max-width: 85px;
top: -20px;
right: 18%;
}

#education #cnt_area01 .cnt_box .blue_icon01 {
position: absolute;
max-width: 105px;
top: 46px;
right: -2%;
}

#education #cnt_area01 .cnt_box .blue_icon02 {
position: absolute;
max-width: 85px;
bottom: 140px;
left: -3%;
}

#education #cnt_area01 .cnt_g .pink_dots01 {
position: absolute;
max-width: 176px;
top: 6%;
left: -64px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .pink_dots02 {
position: absolute;
max-width: 176px;
top: 15%;
right: -64px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .orange_dots01 {
position: absolute;
max-width: 176px;
top: 31%;
left: -64px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .blue_dots01 {
position: absolute;
max-width: 176px;
bottom: 22%;
right: -64px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .blue_dots02 {
position: absolute;
max-width: 176px;
bottom: -1%;
left: -64px;
z-index: -1;
}

#education #cnt_area01 .img_box{
justify-content: space-between;
width: 100%;
margin: 0 auto 40px;
}

#education #cnt_area01 .img_box li{
max-width: 340px;
width: 31.49%;
border-radius: 20px;
overflow: hidden;
}

#education #license_area {
background: #FFEF71;
}

#education #license_area::before{
background: url("../img/education/bg_light_yellow_top.png") repeat-x center top/333px auto;
}

#education #license_area::after {
background: url("../img/education/bg_light_yellow_bottom.png") repeat-x center top/333px auto;
}

#education #license_area .cnt_g .cnt_img.img_yellow01 {
position: absolute;
max-width: 342px;
bottom: -28px;
left: -79px;
}

#education #license_area .cnt_g .cnt_img.img_yellow02 {
position: absolute;
max-width: 341px;
bottom: -53px;
right: -71px;
}

#education #license_area .cnt_g .cnt_img.dots_orange01 {
position: absolute;
max-width: 176px;
bottom: -50px;
left: -6%;
}

#education #license_area .cnt_g .cnt_img.dots_orange02 {
position: absolute;
max-width: 176px;
top: -50px;
right: -6%;
}

#education #license_area .cnt_g .cnt_img.triangle_orange01 {
position: absolute;
max-width: 22px;
bottom: -35px;
left: 24%;
transform: rotate(-15deg);
}

#education #license_area .cnt_g .cnt_img.triangle_orange02 {
position: absolute;
max-width: 22px;
top: 10px;
right: 25%;
transform: rotate(45deg);
}

#education #cnt_area02 {
padding: 75px 0 125px;
}

#education #cnt_area02 .cnt_box .seminar_list.example {
grid-template-columns: 27% 28% 24% 21%;
}

#education #mentor_area {
background: #FFD5E0;
position: relative;
z-index: 1;
}

#education #mentor_area::before{
background: url("../img/education/bg_light_pink_top.png") repeat-x center top/333px auto;
}

#education #mentor_area::after {
background: url("../img/education/bg_light_pink_bottom.png") repeat-x center top/333px auto;
}

#education #mentor_area .cnt_g .cnt_img.img_pink01 {
position: absolute;
max-width: 325px;
bottom: -50px;
left: -73px;
}

#education #mentor_area .cnt_g .cnt_img.img_pink02 {
position: absolute;
max-width: 360px;
bottom: -22px;
right: -71px;
}

#education #mentor_area .cnt_g .cnt_img.dots_pink01 {
position: absolute;
max-width: 176px;
top: -30px;
left: 7%;
}

#education #mentor_area .cnt_g .cnt_img.dots_pink02 {
position: absolute;
max-width: 176px;
bottom: -60px;
right: 7%;
}

#education #mentor_area .cnt_g .cnt_img.triangle_pink01 {
position: absolute;
max-width: 22px;
top: -5px;
left: 30%;
transform: rotate(45deg);
}

#education #mentor_area .cnt_g .cnt_img.triangle_pink02 {
position: absolute;
max-width: 22px;
bottom: -45px;
right: -4%;
transform: rotate(-45deg);
}

#education #career_area {
background: #E4D4EF;
}

#education #career_area::before{
display: none;
}

#education #career_area::after {
display: none;
}

#education #career_area .cnt_g .cnt_img.img_purple01 {
position: absolute;
max-width: 361px;
bottom: -10px;
left: -60px;
}

#education #career_area .cnt_g .cnt_img.img_purple02 {
position: absolute;
max-width: 330px;
bottom: -25px;
right: -40px;
}

#education #career_area .cnt_g .cnt_img.dots_purple01 {
position: absolute;
max-width: 176px;
top: 33px;
left: -7%;
}

#education #career_area .cnt_g .cnt_img.dots_purple02 {
position: absolute;
max-width: 176px;
top: 33px;
right: -7%;
}

#education #career_area .cnt_g .cnt_img.triangle_purple01 {
position: absolute;
max-width: 22px;
bottom: 0;
left: 23%;
transform: rotate(45deg);
}

#education #career_area .cnt_g .cnt_img.triangle_purple02 {
position: absolute;
max-width: 22px;
top: -20px;
right: -3%;
transform: rotate(-45deg);
}

#education #slider_area{
padding: 72px 0 90px;
position: relative;
}

#education .slider_block{
width: 100%;
height: auto;
display: flex;
overflow: hidden;
position: relative;
}

#education .slider_block .slider_g{
display: flex;
align-items: center;
}

#education .slider_block .slider_g li{
width: calc(100vw/5);
margin: 0 10px;
}

#education .slider_top .slider_g{
animation: scroll_righttoleft 30s linear infinite both;
}

#education #slider_area .deco{
position: absolute;
}

#education #slider_area .deco01{
width: 75px;
top: 42px;
top: 9%;
left: 10.94%;
}

#education #slider_area .deco02{
width: 162px;
top: 51px;
top: 8.16%;
right: 26.33%;
}

#education #slider_area .deco03{
width: 162px;
top: 332px;
top: 58%;
left: 14%;
}

#education #slider_area .deco04{
width: 83px;
top: 332px;
top: 58%;
right: 8%;
}

#education #slider_area .deco.active{
animation-duration: .8s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

/*----------
09.career
----------*/
#career #under_maintitle01_area .title_text_area {
background-color: #A758D9;
}

#career #under_maintitle01_area .title_text_area::before {
background-image: url(../img/career/bg_purple_top.png);
}

#career #under_maintitle01_area .deco_title_ptn {
width: 843px;
color: #A758D9;
}

#career .animate_deco_title_ptn::before {
background-color: #A758D9;
}

#career .breadcrumb {
margin-bottom: 78.7px;
}

#career #lead_area{
position: relative;
background: #EFD5FF;
}

#career #lead_area::before {
content: "";
display: block;
width: 100%;
height: 11px;
position: absolute;
bottom: -11px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/career/bg_purple_bottom.png) repeat-x center top/333px auto;
}

#career #lead_area::after {
content: "";
position: absolute;
display: block;
width: 176px;
height: 176px;
bottom: -106.5px;
right: 40%;
background: url(../img/career/parts_lead02.png) no-repeat center/contain;
}

#career #lead_area .cnt_wrap{
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 15.5px 0 71.7px;
}

#career #lead_area .cnt_wrap::before{
content: "";
position: absolute;
display: block;
width: 188px;
height: 294.58px;
bottom: 68px;
right: -36px;
background: url(../img/career/parts_lead03.png) no-repeat center/contain;
}

#career #lead_area .cnt_wrap::after{
content: "";
position: absolute;
display: block;
width: 209px;
height: 176px;
bottom: 97.5px;
left: -83px;
background: url(../img/career/parts_lead01.png) no-repeat center/contain;
}

#career #lead_area .cnt_box{
position: relative;
max-width: 910px;
margin: 0 auto;
padding-bottom: 62px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
z-index: 1;
}

#career #lead_area .cnt_box::before{
content: "";
position: absolute;
display: block;
width: 14px;
height: 12px;
background: url(../img/career/parts_lead04.png) no-repeat center/contain;
bottom: -53px;
left: 140.5px;
}

#career #lead_area .cnt_box .fukidashi01{
position: absolute;
display: block;
width: 85.42px;
height: 67.34px;
background: url(../img/career/img_lead01.png) no-repeat center/contain;
left: 0;
top: 0;
animation-delay: .9s;
}

#career #lead_area .cnt_box .fukidashi02{
position: absolute;
display: block;
width: 92.29px;
height: 72.74px;
background: url(../img/career/img_lead02.png) no-repeat center/contain;
right: 0;
top: -39px;
animation-delay: 1.2s;
}

#career #lead_area .cnt_box .txt{
position: relative;
width: 49%;
max-width: 382.66px;
font-weight: 700;
font-size: 22px;
line-height: 32px;
letter-spacing: .1em;
text-align: center;
padding: 9.9px 10px 12.8px;
background: #fff;
border-radius: 37px;
}

#career #lead_area .cnt_box .txt.pink{
color: #EF6E91;
border: 3px solid #DF7591;
width: 100%;
max-width: 590px;
margin-bottom: 35.5px;
}

#career #lead_area .cnt_box .txt.orange{
color: #FFB62C;
border: 3px solid #FFB62C;
margin-right: 40px;
animation-delay: .3s;
}

#career #lead_area .cnt_box .txt.purple{
color: #A758D9;
border: 3px solid #9D5CD2;
animation-delay: .6s;
}

#career #lead_area .cnt_box .txt::after{
content: "";
position: absolute;
display: block;
width: 33px;
height: 19px;
bottom: -19px;
left: 50%;
transform: translateX(-50%);
background: url(../img/career/parts_fukidashi01.png) no-repeat center/100% 100%;
}

#career #lead_area .cnt_box .txt.orange::after{
background: url(../img/career/parts_fukidashi02.png) no-repeat center/100% 100%;
}

#career #lead_area .cnt_box .txt.purple::after{
background: url(../img/career/parts_fukidashi03.png) no-repeat center/100% 100%;
}

#career #lead_area .cnt_box .txt.pink::before{
content: "";
position: absolute;
display: block;
width: 14px;
height: 12px;
background: url(../img/career/parts_lead04.png) no-repeat center/contain;
top: 50%;
right: -36.5px;
transform: translateY(-50%);
}

#career #lead_area .cnt_txt{
position: relative;
z-index: 1;
display: flex;
align-items: flex-start;
justify-content: center;
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 26px;
animation-delay: .4s;
}

#career #lead_area .cnt_txt::before{
content: "";
display: inline-block;
width: 21.5px;
height: 38px;
background: url(../img/career/parts_text01.png) no-repeat center/100% 100%;
margin-right: 32.8px;
}

#career #lead_area .cnt_txt::after{
content: "";
display: inline-block;
width: 21.5px;
height: 38px;
background: url(../img/career/parts_text02.png) no-repeat center/100% 100%;
margin-left: 16.2px;
}

#career #career_area{
padding: 93.4px 0 109.4px;
}

#career #career_area .contents_in{
max-width: 1000px;
}

#career #career_area .ttl_wrap{
text-align: center;
margin-bottom: 34px;
animation-delay: .3s;
}

#career #career_area .first_txt{
font-weight: 500;
font-size: 14px;
line-height: 24px;
text-align: center;
margin-bottom: 45.8px;
animation-delay: .6s;
}

#career #career_area .cnt_box{
border-radius: 20px;
border: 2px solid #B9B9B9;
background: #F7F7F7;
padding: 50px 50px 76px;
}

#career #career_area .cnt_box .cnt_img{
position: relative;
}

#career #career_area .cnt_box .cnt_img::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #F7F7F7;
transition: .7s ease-in-out;
}

#career #career_area .cnt_box .cnt_img.active::before{
width: 0;
}

#career #ex_area{
position: relative;
background: #BFEEFF;
padding: 100px 0 145px;
}

#career #ex_area::before {
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/career/bg_lightblue_bottom.png) repeat-x center top/333px auto;
transform: rotateZ(180deg);
}

#career #ex_area::after{
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/career/bg_lightblue_bottom.png) repeat-x center top/333px auto;
}

#career #ex_area .contents_in{
position: relative;
max-width: 1000px;
}

#career #ex_area .ttl_wrap{
text-align: center;
margin-bottom: 34px;
animation-delay: .3s;
}

#career #ex_area .ttl_wrap h2 span,#career #ex_area .ttl_wrap h2 span::before,#career #ex_area .ttl_wrap h2 span::after {
background-color: #fff;
}

#career #ex_area .first_txt{
font-weight: 500;
font-size: 14px;
line-height: 24px;
text-align: center;
margin-bottom: 30px;
animation-delay: .3s;
}

#career #ex_area .contents_in::before,#career #ex_area .contents_in::after{
content: "";
position: absolute;
display: block;
width: 166.72px;
height: 166.72px;
background: url(../img/career/parts_lead02.png) no-repeat center/contain;
}

#career #ex_area .contents_in::before{
top: 103px;
left: -67.7px;
z-index: 0;
}

#career #ex_area .contents_in::after{
bottom: -71.7px;
right: -70.7px;
z-index: 0;
}

#career #ex_area .cnt_box{
max-width: 1000px;
width: 100%;
margin: 0 40px;
border: 1px solid #B9B9B9;
background: #fff;
border-radius: 20px;
}

#career #ex_area .box_top{
padding: 20px 87px 23px;
display: flex;
align-items: center;
}

#career #ex_area .box_top .people_box{
align-items: start;
justify-content: space-between;
margin-bottom: 16px;
}

#career #ex_area .box_top .people{
max-width: 170px;
width: 20.64%;
position: relative;
}

#career #ex_area .box_top .people img{
max-width: 137px;
width: 80.59%;
margin: 0 auto;
border-radius: 50%;
background-color: #ddd;
}

#career #ex_area .box_top .people .name_text{
display: block;
padding: 6px 0 5px;
text-align: center;
background-color: #000;
color: #fff;
border-radius: 5px;
font-size: 18px;
font-weight: 500;
margin-top: -14px;
position: relative;
z-index: 1;
}

#career #ex_area .box_top .people .name_text .monteserrat_font{
font-weight: 500;
font-size: 22px;
margin-left: 9px;
}

#career #ex_area .box_top .fukidashi{
width: 78.04%;
position: relative;
margin-top: 32px;
}

#career #ex_area .box_top .fukidashi::before{
content: "";
display: block;
width: 38px;
height: 32px;
background: url(../img/career/fukidashi_orange.png) no-repeat 50% 50%/100% auto;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}

#career #ex_area .box_top .fukidashi p{
width: 97.36%;
margin: 0 0 0 auto;
border-radius: 10px;
background-color: #fff;
border: 2px solid #FFB62C;
position: relative;
z-index: 1;
font-weight: 500;
font-size: 18px;
line-height: 28px;
padding: 11px 18px 10px;
}

#career #ex_area .box_top .fukidashi p::after{
content: "";
width: 2px;
height: 10.5px;
height: 13%;
display: block;
background: #fff;
position: absolute;
top: 50%;
left: -2px;
transform: translateY(-50%);
}

#career #ex_area .box_top .career_box .flex_box{
padding-bottom: 28px;
align-items: start;
}

#career #ex_area .box_top .career_box .flex_box + .flex_box{
margin-top: -18px;
}

#career #ex_area .box_top .career_box .title{
max-width: 170px;
width: 100%;
height: calc(155px - 28px);
position: relative;
background-color: #000;
color: #fff;
padding: 42px 0 0;
font-weight: 700;
font-size: 15px;
line-height: 23px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

#career #ex_area .box_top .career_box .title::before,#career #ex_area .box_top .career_box .title::after{
content: "";
display: block;
width: 100%;
height: 28px;
box-sizing: border-box;
border-top: 28px solid #000;
border-left: calc(170px/2) solid transparent;
border-right: calc(170px/2) solid transparent;
position: absolute;
left: 0;
}

#career #ex_area .box_top .career_box .title::before{
border-top-color: #fff;
top: 0;
}

#career #ex_area .box_top .career_box .title::after{
bottom: -28px;
z-index: 1;
}

#career #ex_area .box_top .career_box .title span{
position: relative;
z-index: 2;
}

#career #ex_area .box_top .career_box .desc{
width: calc(100% - 170px - 26px);
border-radius: 20px;
background-color: #ddd;
padding: 27px 20px;
font-weight: 500;
font-size: 16px;
line-height: 28px;
margin: 11px 0 0 26px;
}

#career #ex_area .cnt_box .box_bottom{
background-color: #000;
border-radius: 0 0 19px 19px;
color: #fff;
font-weight: 700;
font-size: 18px;
line-height: 28px;
padding: 13px 89px 20px;
text-align: center;
}

#career #ex_area .orange .box_top .people img{
background-color: #FFF5E3;
}

#career #ex_area .orange .box_top .people .name_text{
background-color: #FFB62C;
}

#career #ex_area .orange .box_top .fukidashi::before{
background-image: url(../img/career/fukidashi_orange.png);
}

#career #ex_area .orange .box_top .fukidashi p{
border-color: #FFB62C;
}

#career #ex_area .orange .box_top .career_box .flex_box:nth-child(1) .title{
background-color: #FFD37E;
}

#career #ex_area .orange .box_top .career_box .flex_box:nth-child(1) .title::after{
border-top-color: #FFD37E;
}

#career #ex_area .orange .box_top .career_box .flex_box:nth-child(2) .title{
background-color: #FFCA65;
}

#career #ex_area .orange .box_top .career_box .flex_box:nth-child(2) .title::after{
border-top-color: #FFCA65;
}

#career #ex_area .orange .box_top .career_box .flex_box:nth-child(3) .title{
background-color: #FFC24E;
}

#career #ex_area .orange .box_top .career_box .flex_box:nth-child(3) .title::after{
border-top-color: #FFC24E;
}

#career #ex_area .orange .box_top .career_box .desc{
background-color: #FFF5E3;
}

#career #ex_area .cnt_box.orange .box_bottom{
background-color: #FFC24E;
}

#career #ex_area .purple .box_top .people img{
background-color: #F2E2FC;
}

#career #ex_area .purple .box_top .people .name_text{
background-color: #A758D9;
}

#career #ex_area .purple .box_top .fukidashi::before{
background-image: url(../img/career/fukidashi_purple.png);
}

#career #ex_area .purple .box_top .fukidashi p{
border-color: #A758D9;
}

#career #ex_area .purple .box_top .career_box .flex_box:nth-child(1) .title{
background-color: #CF9AF2;
}

#career #ex_area .purple .box_top .career_box .flex_box:nth-child(1) .title::after{
border-top-color: #CF9AF2;
}

#career #ex_area .purple .box_top .career_box .flex_box:nth-child(2) .title{
background-color: #C687EF;
}

#career #ex_area .purple .box_top .career_box .flex_box:nth-child(2) .title::after{
border-top-color: #C687EF;
}

#career #ex_area .purple .box_top .career_box .flex_box:nth-child(3) .title{
background-color: #BA75E6;
}

#career #ex_area .purple .box_top .career_box .flex_box:nth-child(3) .title::after{
border-top-color: #BA75E6;
}

#career #ex_area .purple .box_top .career_box .desc{
background-color: #F2E2FC;
}

#career #ex_area .cnt_box.purple .box_bottom{
background-color: #BA75E6;
}

#career #ex_area .pink .box_top .people img{
background-color: #FFE8EE;
}

#career #ex_area .pink .box_top .people .name_text{
background-color: #EF6E91;
}

#career #ex_area .pink .box_top .fukidashi::before{
background-image: url(../img/career/fukidashi_pink.png);
}

#career #ex_area .pink .box_top .fukidashi p{
border-color: #EF6E91;
}

#career #ex_area .pink .box_top .career_box .flex_box:nth-child(1) .title{
background-color: #F2AEC1;
}

#career #ex_area .pink .box_top .career_box .flex_box:nth-child(1) .title::after{
border-top-color: #F2AEC1;
}

#career #ex_area .pink .box_top .career_box .flex_box:nth-child(2) .title{
background-color: #F29BB3;
}

#career #ex_area .pink .box_top .career_box .flex_box:nth-child(2) .title::after{
border-top-color: #F29BB3;
}

#career #ex_area .pink .box_top .career_box .flex_box:nth-child(3) .title{
background-color: #EF88A4;
}

#career #ex_area .pink .box_top .career_box .flex_box:nth-child(3) .title::after{
border-top-color: #EF88A4;
}

#career #ex_area .pink .box_top .career_box .desc{
background-color: #FFE8EE;
}

#career #ex_area .cnt_box.pink .box_bottom{
background-color: #EF88A4;
}

#career #ex_area .career_g{
position: relative;
}

#career #ex_area .arrows_g{
max-width: 1080px;
width: 100%;
margin: 0 auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
}

#career #ex_area .arrows_g .slick-arrow{
background: url(../common/img/arrow_left.png) no-repeat 50% 50%/11px auto;
background-color: #000;
border: none;
border-radius: 50%;
width: 57px;
height: 57px;
font-size: 0;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}

#career #ex_area .arrows_g .slick-next{
transform: rotate(180deg);
left: auto;
right: 0;
}

#career #ex_area .arrows_bottom_g{
justify-content: space-between;
position: relative;
z-index: 1;
max-width: 200px;
width: 100%;
font-size: 18px;
letter-spacing: 0.2em;
margin: 30px auto 0;
display: none;
}

#career #ex_area .arrows_bottom_g::before,#career #ex_area .arrows_bottom_g::after{
content: none;
}

#career #ex_area .arrows_bottom_g .arrow_btn{
position: relative;
padding: 0 20px;
}

#career #ex_area .arrows_bottom_g .arrow_btn::before{
content: "";
display: block;
width: 10px;
height: 14px;
background: url(../common/img/arrow_right01.png) no-repeat 50% 50%/100% auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

#career #ex_area .arrows_bottom_g .prev_btn::before{
left: 0;
transform: translateY(-50%) scale(-1,1);
}

#career #ex_area .arrows_bottom_g .next_btn::before{
right: 0;

}

#career #feature_area{
padding: 108px 0 48px;
}

#career #feature_area .contents_in{
max-width: 1000px;
}

#career #feature_area .ttl_wrap{
text-align: center;
margin-bottom: 44.5px;
animation-delay: .3s;
}

#career #feature_area .cnt_box{
justify-content: space-between;
flex-wrap: wrap;
}

#career #feature_area .cnt_box .cnt_g{
width: 49%;
max-width: 480px;
position: relative;
animation-delay: .3s;
}

#career #feature_area .cnt_box .cnt_g.g02{
animation-delay: .5s;
}

#career #feature_area .cnt_box .cnt_g.g03{
animation-delay: .7s;
}

#career #feature_area .cnt_box .cnt_g.g04{
animation-delay: .8s;
}

#career #feature_area .cnt_box .cnt_g.g05{
width: 100%;
max-width: none;
animation-delay: .8s;
}

#career #feature_area .cnt_box .cnt_g:nth-child(n + 3){
margin-top: 52px;
}

#career #feature_area .cnt_box .cnt_g::before{
content: "";
position: absolute;
display: block;
}

#career #feature_area .cnt_box .cnt_g.g01::before{
background: url(../img/career/parts_feature02.png) no-repeat center/contain;
width: 182.43px;
height: 238.45px;
top: 204.5px;
left: -215px;
}

#career #feature_area .cnt_box .cnt_g.g02::before{
background: url(../img/career/parts_feature01.png) no-repeat center/contain;
width: 231px;
height: 245.39px;
top: -64.7px;
right: -271px;
}

#career #feature_area .cnt_box .cnt_g.g03::before{
background: url(../img/career/parts_feature04.png) no-repeat center/contain;
width: 216px;
height: 255.52px;
bottom: -230px;
left: -248px;
}

#career #feature_area .cnt_box .cnt_g.g04::before{
background: url(../img/career/parts_feature03.png) no-repeat center/contain;
width: 176px;
height: 210.76px;
top: 141px;
right: -216px;
}

#career #feature_area .cnt_box .cnt_g.g05::before{
background: url(../img/career/parts_feature05.png) no-repeat center/contain;
width: 176px;
height: 271.35px;
top: 270.25px;
right: -216px;
}

#career #feature_area .cnt_box .cnt_g .num{
position: relative;
z-index: 1;
margin-bottom: 15px;
font-weight: 500;
font-size: 47px;
line-height: 57px;
color: #6ECCEF;
text-align: center;
}

#career #feature_area .cnt_box .cnt_g .num::before,#career #feature_area .cnt_box .cnt_g .num::after{
content: "";
position: absolute;
}

#career #feature_area .cnt_box .cnt_g .num::before {
z-index: -1;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 90px;
height: 100%;
background-color: #fff;
}

#career #feature_area .cnt_box .cnt_g .num::after{
z-index: -2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 3px;
background: #85CAEB;
transition: .7s ease-out;
}

#career #feature_area .cnt_box .cnt_g:nth-of-type(even) .num::after{
transition-delay: .3s;
}

#career #feature_area .cnt_box .cnt_g .num.active::after{
width: 140px;
}

#career #feature_area .cnt_box .cnt_g.g02 .num{
color: #F4B94D;
}
#career #feature_area .cnt_box .cnt_g.g02 .num::after{
background: #F4B94D;
}
#career #feature_area .cnt_box .cnt_g.g03 .num{
color: #EF6E91;
}
#career #feature_area .cnt_box .cnt_g.g03 .num::after{
background: #DF7591;
}
#career #feature_area .cnt_box .cnt_g.g04 .num{
color: #FFDB43;
}
#career #feature_area .cnt_box .cnt_g.g04 .num::after{
background: #F9DC61;
}
#career #feature_area .cnt_box .cnt_g.g05 .num{
color: #A758D9;
}
#career #feature_area .cnt_box .cnt_g.g05 .num::after{
background: #9D5CD2;
}

#career #feature_area .cnt_box .cnt_g .detail{
border-radius: 20px;
border: 2px solid #85CAEB;
padding: 30px 30px 27px;
animation-delay: .3s;
}

#career #feature_area .cnt_box .cnt_g:nth-of-type(even) .detail{
animation-delay: .6s;
}

#career #feature_area .cnt_box .cnt_g.g02 .detail{
border-color: #F4B94D;
}

#career #feature_area .cnt_box .cnt_g.g03 .detail{
border-color: #DF7591;
}

#career #feature_area .cnt_box .cnt_g.g04 .detail{
border-color: #F9DC61;
}

#career #feature_area .cnt_box .cnt_g.g05 .detail{
border-color: #9D5CD2;
padding: 30px;
justify-content: space-between;
align-items: center;
}

#career #feature_area .cnt_box .cnt_g .detail .cnt_img{
border-radius: 15px;
overflow: hidden;
margin: 0 0 27px;
}

#career #feature_area .cnt_box .cnt_g.g05 .detail .cnt_img{
margin: 0;
width: 45%;
max-width: 420px;
}

#career #feature_area .cnt_box .cnt_g .detail .cnt_txt{
text-align: center;
}

#career #feature_area .cnt_box .cnt_g .detail h3{
display: inline-block;
font-weight: 700;
font-size: 20px;
line-height: 29px;
letter-spacing: .05em;
margin-bottom: 21px;
position: relative;
}

#career #feature_area .cnt_box .cnt_g .detail h3::before{
content: "";
display: block;
position: absolute;
width: 100%;
height: 17px;
bottom: -5px;
left: 0;
background: #BCEDFF;
z-index: -1;
}

#career #feature_area .cnt_box .cnt_g.g02 .detail h3::before{
background: #FFDC9A;
}

#career #feature_area .cnt_box .cnt_g.g03 .detail h3::before{
background: #FFD5E0;
}

#career #feature_area .cnt_box .cnt_g.g04 .detail h3::before{
background: #FFF3BF;
}

#career #feature_area .cnt_box .cnt_g.g05 .detail h3::before{
background: #E4D4EF;
}

#career #feature_area .cnt_box .cnt_g .detail p{
font-weight: 500;
font-size: 14px;
line-height: 2;
}

#career #feature_area .cnt_box .cnt_g.g05 .detail .cnt_txt{
width: 52%;
max-width: 480px;
text-align: left;
}

/*----------
10.support
----------*/
#support #under_maintitle01_area .deco_title_ptn{
width: 1000px;
}

#support #first_area{
padding: 48px 0 100px;
}

#support #first_area .first_text{
max-width: 922px;
width: 100%;
margin: 0 auto;
position: relative;
text-align: center;
font-size: 18px;
line-height: 32px;
padding: 0 107px;
}

#support #first_area .first_text::before,#support #first_area .first_text::after{
content: "";
display: block;
position: absolute;
background: url(../img/support/icon01_text.png) no-repeat center 100%/100% auto;
width: 21px;
height: 38px;
bottom: 0;
}

#support #first_area .first_text::before{
left: 0;
transform: scale(-1,1);
}

#support #first_area .first_text::after{
right: 0;
}

#support #cnt_area01 .contents_in{
max-width: 1280px;
padding-bottom: 70px;
position: relative;
}

#support #cnt_area01 .point_area{
margin-bottom: 60px;
position: relative;
z-index: 1;
max-width: 1080px;
margin: 0 auto 60px;
}

#support #cnt_area01 .point_area .number_text{
font-weight: 500;
font-size: 120px;
line-height: 146px;
margin-left: 80px;
}

#support #cnt_area01 .point_area .cnt_box{
max-width: 1000px;
width: 92.6%;
margin: -43px auto 0;
border-radius: 20px;
border: 3px solid #000;
background-color: #fff;
padding: 44px 35px 44px 47px;
position: relative;
}

#support #cnt_area01 .point_area .cnt_text{
max-width: 669px;
width: 73.36%;
}

#support #cnt_area01 .point_area .color_title{
position: relative;
padding-left: 20px;
margin-bottom: 3px;
}

#support #cnt_area01 .point_area .color_title::before{
content: "";
display: block;
width: 13px;
height: 2px;
background-color: #000;
position: absolute;
top: 20px;
left: 0;
}

#support #cnt_area01 .point_area .color_title .point{
font-weight: 600;
font-size: 16px;
line-height: 19px;
padding-right: 4px;
}

#support #cnt_area01 .point_area .color_title .number{
font-weight: 500;
font-size: 28px;
line-height: 34px;
}

#support #cnt_area01 .point_area .h3_title{
font-weight: 700;
font-size: 28px;
letter-spacing: 0.05em;
line-height: 40px;
display: inline-block;
position: relative;
margin-bottom: 25px;
}

#support #cnt_area01 .point_area .h3_title::before{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 17px;
background-color: #ddd;
}

#support #cnt_area01 .point_area .h3_title span{
position: relative;
z-index: 1;
}

#support #cnt_area01 .point_area p{
font-weight: 500;
line-height: 2;
}

#support #cnt_area01 .point_area .cnt_img{
max-width: 290px;
width: 29.18%;
position: absolute;
top: -87px;
right: -15px;
}

#support #cnt_area01 .point_area .cnt_img img{
position: relative;
z-index: 1;
}

#support #cnt_area01 .point_area .cnt_img::before,#support #cnt_area01 .point_area .cnt_img::after{
content: "";
display: block;
position: absolute;
}

#support #cnt_area01 .point_area .cnt_img::before{
width: 69.66%;
height: 69.66%;
background: url(../img/support/deco_blue.png) no-repeat center center/100% auto;
top: 0;
right: -23px;
}

#support #cnt_area01 .point_area .cnt_img::after{
top: 6px;
right: -14px;
border-radius: 50%;
width: 100%;
height: 100%;
background: #000;
}

#support #cnt_area01 .point_area .deco{
position: absolute;
}

#support #cnt_area01 .point_area .deco01{
max-width: 105px;
width: 11.52%;
top: -57px;
right: 52.02%;
}

#support #cnt_area01 .point_area .deco02{
max-width: 85px;
width: 8.56%;
top: 51px;
right: 42.86%;
}

#support #cnt_area01 .point_area .clip{
position: absolute;
max-width: 44px;
width: 100%;
top: -37px;
right: 340px;
}

#support #cnt_area01 .point_area.row_area .number_text{
margin: 0 80px 0 0;
text-align: right;
}

#support #cnt_area01 .point_area.row_area .cnt_img{
right: auto;
left: -40px;
}

#support #cnt_area01 .point_area.row_area .cnt_text{
margin: 0 0 0 auto;
}

#support #cnt_area01 .point_area.blue_area .number_text{
color: #BCEDFF;
}

#support #cnt_area01 .point_area.blue_area .cnt_box{
border-color: #6ECCEF;
}

#support #cnt_area01 .point_area.blue_area .color_title{
color: #6ECCEF;
}

#support #cnt_area01 .point_area.blue_area .color_title::before{
background: #6ECCEF;
}

#support #cnt_area01 .point_area.blue_area .cnt_img::after{
background-color: #6ECCEF;
}

#support #cnt_area01 .point_area.blue_area .h3_title::before{
background-color: #BCEDFF;
}

#support #cnt_area01 .point_area.orange_area .number_text{
color: #FFDC9A;
}

#support #cnt_area01 .point_area.orange_area .cnt_box{
border-color: #FFB62C;
}

#support #cnt_area01 .point_area.orange_area .color_title{
color: #FFB62C;
}

#support #cnt_area01 .point_area.orange_area .color_title::before{
background: #FFB62C;
}

#support #cnt_area01 .point_area.orange_area .cnt_img::before{
background-image: url(../img/support/deco_orange.png);
}

#support #cnt_area01 .point_area.orange_area .cnt_img::after{
background-color: #FFB62C;
}

#support #cnt_area01 .point_area.orange_area .h3_title::before{
background-color: #FFDC9A;
}

#support #cnt_area01 .point_area.orange_area .deco01{
top: -56px;
right: 32.79%;
}

#support #cnt_area01 .point_area.orange_area .deco02{
top: 52px;
right: 23.65%;
}

#support #cnt_area01 .point_area.orange_area .clip{
max-width: 42px;
right: 500px;
top: -41px;
}

#support #cnt_area01 .point_area.pink_area .number_text{
color: #FFD5E0;
}

#support #cnt_area01 .point_area.pink_area .cnt_box{
border-color: #EF6E91;
}

#support #cnt_area01 .point_area.pink_area .color_title{
color: #EF6E91;
}

#support #cnt_area01 .point_area.pink_area .color_title::before{
background: #EF6E91;
}

#support #cnt_area01 .point_area.pink_area .cnt_img::before{
background-image: url(../img/support/deco_pink.png);
}

#support #cnt_area01 .point_area.pink_area .cnt_img::after{
background-color: #EF6E91;
}

#support #cnt_area01 .point_area.pink_area .h3_title::before{
background-color: #FFD5E0;
}

#support #cnt_area01 .point_area.pink_area .deco01{
right: 52.72%;
}

#support #cnt_area01 .point_area.pink_area .deco02{
right: 43.57%;
}

#support #cnt_area01 .point_area.pink_area .clip{
right: 345px;
}

#support #cnt_area01 .point_area.yellow_area .number_text{
color: #FFF3BF;
}

#support #cnt_area01 .point_area.yellow_area .cnt_box{
border-color: #FFDB43;
}

#support #cnt_area01 .point_area.yellow_area .color_title{
color: #FFDB43;
}

#support #cnt_area01 .point_area.yellow_area .color_title::before{
background: #FFDB43;
}

#support #cnt_area01 .point_area.yellow_area .cnt_img::before{
background-image: url(../img/support/deco_yellow.png);
}

#support #cnt_area01 .point_area.yellow_area .cnt_img::after{
background-color: #FFDB43;
}

#support #cnt_area01 .point_area.yellow_area .h3_title::before{
background-color: #FFF3BF;
}

#support #cnt_area01 .point_area.yellow_area .deco01{
top: -56px;
right: 32.8%;
}

#support #cnt_area01 .point_area.yellow_area .deco02{
top: 52px;
right: 23.65%;
}

#support #cnt_area01 .point_area.yellow_area .clip{
max-width: 42px;
right: 500px;
top: -40px;
}

#support #cnt_area01 .point_area.purple_area .number_text{
color: #E6D6F0;
}

#support #cnt_area01 .point_area.purple_area .cnt_box{
border-color: #A758D9;
}

#support #cnt_area01 .point_area.purple_area .color_title{
color: #A758D9;
}

#support #cnt_area01 .point_area.purple_area .color_title::before{
background: #A758D9;
}

#support #cnt_area01 .point_area.purple_area .cnt_img::before{
background-image: url(../img/support/deco_purple.png);
}

#support #cnt_area01 .point_area.purple_area .cnt_img::after{
background-color: #A758D9;
}

#support #cnt_area01 .point_area.purple_area .h3_title::before{
background-color: #E6D6F0;
}

#support #cnt_area01 .point_area.purple_area .deco01{
right: 52.72%;
}

#support #cnt_area01 .point_area.purple_area .deco02{
right: 43.56%;
}

#support #cnt_area01 .point_area.purple_area .clip{
right: 345px;
}

#support #cnt_area01 #point06 .deco01{
right: 32.8%;
}

#support #cnt_area01 #point06 .deco02{
right: 23.65%;
}

#support #cnt_area01 #point06 .clip{
max-width: 42px;
top: -42px;
right: 500px;
}

#support #cnt_area01 .deco_page{
position: absolute;
}

#support #cnt_area01 .deco_page01{
max-width: 231px;
top: 5.39%;
left: -10.24%;
}

#support #cnt_area01 .deco_page02{
max-width: 182px;
top: 22.13%;
right: -5.94%;
}

#support #cnt_area01 .deco_page03{
max-width: 176px;
top: 40.08%;
left: -5.94%;
}

#support #cnt_area01 .deco_page04{
max-width: 216px;
top: 55.16%;
right: -8.44%;
}

#support #cnt_area01 .deco_page05{
max-width: 216px;
top: 71.46%;
left: -9.07%;
}

#support #cnt_area01 .deco_page06{
max-width: 231px;
top: 91.46%;
right: -1.64%;
}

/* アニメーション */
#support #cnt_area01 .point_area.active .animate_pre{
animation-fill-mode: both;
}

#support #cnt_area01 .point_area.active .cnt_box{
animation-duration: .4s;
animation-delay: .2s;
animation-name: small_fadeInUp;
}

#support #cnt_area01 .point_area.active .clip{
animation-duration: .4s;
animation-delay: .6s;
animation-name: small_fadeInDown;
}

#support #cnt_area01 .point_area.active .number_text{
animation-duration: 1.2s;
animation-delay: .6s;
animation-name: fadeInRight;
}

#support #cnt_area01 .point_area.active .cnt_img{
animation-duration: 1s;
animation-delay: 1s;
animation-name: fadeIn;
}

#support #cnt_area01 .point_area.active .deco01{
animation-duration: .6s;
animation-delay: 1.4s;
animation-name: bounceInUp;
}

#support #cnt_area01 .point_area.active .deco02{
animation-duration: .6s;
animation-delay: 1.6s;
animation-name: bounceInUp;
}

#support #voice_area{
max-width: 1000px;
width: 100%;
margin: 0 auto 120px;
border-radius: 20px;
border: 2px solid #B9B9B9;
background-color: #F7F7F7;
padding: 40px 20px;
position: relative;
z-index: 1;
}

#support #voice_area .title{
text-align: center;
margin-bottom: 40px;
}

#support #voice_area .title span{
display: inline-block;
font-size: 26px;
line-height: 1;
}

#support #voice_area .title span::before,#support #voice_area .title span::after{
content: "";
display: inline-block;
margin: 5px 10px 0;
width: 17px;
height: 17px;
border-radius: 50%;
background-color: #000;
vertical-align: top;
}

#support #voice_area .cnt_g{
max-width: 860px;
width: 100%;
margin: 0 auto;
justify-content: space-between;
}

#support #voice_area .cnt_box{
max-width: 273px;
width: 31.75%;
border: 1px solid #000;
background-color: #fff;
border-radius: 20px;
padding: 30px 22px 36px;
}

#support #voice_area .orange_box{
border-color: #FFB62C;
background-color: #FFF5E3;
}

#support #voice_area .pink_box{
border-color: #EF6E91;
background-color: #FFE8EE;
}

#support #voice_area .purple_box{
border-color: #9D5CD2;
background-color: #F2E2FC;
}

#support #voice_area .cnt_img{
max-width: 184px;
width: 100%;
margin: 0 auto 20px;
border-radius: 50%;
background-color: #fff;
}

#support #voice_area .cnt_text{
font-size: 14px;
line-height: 2;
}

/*----------
11.work_style
----------*/
#work_style #under_maintitle01_area .title_text_area {
background-color: #A758D9;
}

#work_style #under_maintitle01_area .title_text_area::before {
background-image: url(../common/img/bg_purple.png);
}

#work_style #under_maintitle01_area .deco_title_ptn {
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
color: #A758D9;
white-space: nowrap;
}

#work_style #under_maintitle01_area .animate_deco_title_ptn::before {
background-color: #A758D9;
}

#work_style .breadcrumb {
margin-bottom: 48px;
}

#work_style .h2_title {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
margin: 0 auto;
font-size: 32px;
font-weight: 700;
line-height: 1.44;
text-align: center;
}

#work_style .h2_title::before,
#work_style .h2_title::after {
content: "";
position: absolute;
left: 0;
bottom: -3.5px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FFEF71;
-webkit-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
}

#work_style .h2_title .line {
display: inline-block;
position: relative;
padding-bottom: 10px;
}

#work_style .h2_title .line::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 3px;
background-color: #FFEF71;
-webkit-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
}

#work_style .h2_title.is_on::after {
left: calc(100% - 10px);
}

#work_style .h2_title.is_on > .line::before {
width: 100%;
}

#work_style .box_ptn01 .em_g {
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}

#work_style .box_ptn01 .em_g::before,
#work_style .box_ptn01 .em_g::after {
content: "";
position: absolute;
bottom: 10px;
width: 67px;
height: 75px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0;
}

#work_style .box_ptn01 .em_g::before {
left: calc(-20px - 67px);
background-image: url(../img/work_style/parts_drop01.png);
}

#work_style .box_ptn01 .em_g::after {
right: calc(-20px - 67px);
background-image: url(../img/work_style/parts_drop01_reverse.png);
}

#work_style .box_ptn01 .em_g.is_on::before {
animation-delay: .5s;
animation-duration: .6s;
animation-name: fadeInRight;
animation-fill-mode: both;
}

#work_style .box_ptn01 .em_g.is_on::after {
animation-delay: .5s;
animation-duration: .6s;
animation-name: fadeInLeft;
animation-fill-mode: both;
}

#work_style .box_ptn01 .em_g .em {
position: relative;
font-family: "DINBold";
font-size: 200px;
font-weight: 700;
letter-spacing: -0.05em;
}

#work_style .box_ptn01 .em_g .em::before {
content: "";
position: absolute;
top: 0;
right: -10px;
width: calc(100% + 20px);
height: 100%;
background-color: #fff;
transition: .5s ease-in-out 1s;
}

#work_style .box_ptn01 .em_g.is_on .em::before {
width: 0;
}

#work_style .box_ptn01 .em_g .unit {
margin-left: 15px;
font-size: 72px;
font-weight: 900;
}

#work_style .box_ptn01 p .line {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #FFDC9A));
background: -webkit-linear-gradient(transparent 60%, #FFDC9A 0%);
background: linear-gradient(transparent 60%, #FFDC9A 0%);
}

#work_style .parts_clip {
position: relative;
}

#work_style .parts_clip::before {
content: "";
position: absolute;
top: -20px;
width: 29px;
height: 92px;
background: url(../img/work_style/parts_clip01.png) no-repeat center top/contain;
opacity: 0;
}

#work_style .is_on .parts_clip::before {
animation-delay: .8s;
animation-duration: .6s;
animation-name: small_fadeInDown;
animation-fill-mode: both;
}

#work_style #cnt_area01 .bg_parts {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding-bottom: 140px;
}

#work_style #cnt_area01 .bg_parts .parts {
position: absolute;
bottom: 0;
width: 19.1%;
}

#work_style #cnt_area01 .bg_parts .parts.p01 {
left: 15px;
}

#work_style #cnt_area01 .bg_parts .parts.p02 {
right: 15px;
}

#work_style #cnt_area01 .bg_parts .parts.is_on {
animation-delay: .8s;
animation-duration: .6s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#work_style #cnt_area01 .bg_parts .parts.p02.is_on {
animation-delay: 1.1s;
}

#work_style #cnt_area01 .h2_title {
margin-bottom: 40px;
}

#work_style #cnt_area01 .h2_title .line {
padding-right: 18px;
padding-left: 18px;
}

#work_style #cnt_area01 .overtime_block::before {
right: 57px;
}

#work_style #cnt_area01 .overtime_block .em_g {
margin-bottom: 20px;
color: #EF6E91;
}

#work_style #cnt_area01 .overtime_block p {
font-size: 16px;
font-weight: 500;
line-height: 2;
text-align: center;
}

#work_style #cnt_area01 .overtime_block p.is_on {
animation-duration: .6s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#work_style #cnt_area02 {
position: relative;
z-index: 1;
background-color: #F7F7F7;
}

#work_style #cnt_area02::before {
content: "";
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
width: 100%;
height: 11px;
background: url(../img/work_style/bg_parts_gray.png) repeat-x left bottom/contain;
}

#work_style #cnt_area02::after {
content: "";
position: absolute;
z-index: -1;
top: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 103%;
max-width: 1198px;
height: 100%;
background: url(../img/work_style/overtime_bg01.png) no-repeat center/contain;
opacity: 0;
-webkit-transition: all .6s ease-in-out .4s;
transition: all .6s ease-in-out .4s;
}

#work_style #cnt_area02.is_on::after {
top: 0;
opacity: 1;
}

#work_style #cnt_area02 .bg_parts {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 60px 0 103px;
}

#work_style #cnt_area02 .h2_g {
margin-bottom: 50px;
}

#work_style #cnt_area02 .h2_g .sub {
margin-bottom: 5px;
font-size: 18px;
font-weight: 500;
line-height: 1.8;
text-align: center;
}

#work_style #cnt_area02 .h2_g .h2_title::before,
#work_style #cnt_area02 .h2_g .h2_title::after {
background-color: #FFC557;
}

#work_style #cnt_area02 .h2_g .h2_title .line {
padding-right: 50px;
padding-left: 50px;
}

#work_style #cnt_area02 .h2_g .h2_title .line::before {
background-color: #FFC557;
}

#work_style #cnt_area02 .holiday_block {
max-width: 1000px;
margin: 0 auto;
padding: 25px 40px 60px;
border-radius: 10px;
background-color: #fff;
}

#work_style #cnt_area02 .holiday_block::before {
left: 75px;
}

#work_style #cnt_area02 .holiday_block .em_g {
margin-bottom: 20px;
color: #A758D9;
}

#work_style #cnt_area02 .holiday_block .box_ptn01 p {
font-size: 18px;
font-weight: 500;
line-height: 1.77;
text-align: center;
}

#work_style #cnt_area02 .holiday_block .txt_box {
margin-top: 38px;
padding-top: 38px;
border-top: 2px dashed #F29528;
}

#work_style #cnt_area02 .holiday_block .txt_box p {
font-size: 16px;
font-weight: 500;
line-height: 2;
text-align: center;
}

#work_style #cnt_area02 .holiday_block .txt_box p.is_on {
animation-duration: .6s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#work_style #cnt_area03 {
position: relative;
z-index: 1;
background-color: #FFC557;
}

#work_style #cnt_area03::before,
#work_style #cnt_area03::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 11px;
background: url(../img/work_style/bg_parts_yellow.png) repeat-x left bottom/contain;
}

#work_style #cnt_area03::before {
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}

#work_style #cnt_area03::after {
bottom: 0;
-webkit-transform: translateY(100%) scaleY(-1);
transform: translateY(100%) scaleY(-1);
}

#work_style #cnt_area03 .bg_parts {
position: relative;
z-index: 1;
max-width: 1280px;
margin: 0 auto;
padding: 72px 0 80px;
}

#work_style #cnt_area03 .bg_parts::before {
content: "";
position: absolute;
z-index: -1;
top: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 103%;
max-width: 1165px;
height: 100%;
background: url(../img/work_style/holiday_bg01.png) no-repeat center/contain;
opacity: 0;
-webkit-transition: all .6s ease-in-out .4s;
transition: all .6s ease-in-out .4s;
}

#work_style #cnt_area03 .bg_parts.is_on::before {
top: 0;
opacity: 1;
}

#work_style #cnt_area03 .lead_g .title_g {
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 52px;
}

#work_style #cnt_area03 .lead_g .title_g::before {
content: "";
position: absolute;
top: -32px;
left: calc(-10px - 81px);
width: 81px;
height: 64px;
background: url(../img/work_style/system_parts01.png) no-repeat center/contain;
opacity: 0;
}

#work_style #cnt_area03 .lead_g .title_g::after {
content: "";
position: absolute;
top: 5px;
right: calc(-5px - 82px);
width: 82px;
height: 65px;
background: url(../img/work_style/system_parts02.png) no-repeat center/contain;
opacity: 0;
}

#work_style #cnt_area03 .lead_g .title_g.is_on::before,
#work_style #cnt_area03 .lead_g .title_g.is_on::after {
animation-duration: .8s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#work_style #cnt_area03 .lead_g .title_g.is_on::after {
animation-delay: .3s;
}

#work_style #cnt_area03 .lead_g .h2_title::before,
#work_style #cnt_area03 .lead_g .h2_title::after {
background-color: #fff;
}

#work_style #cnt_area03 .lead_g .h2_title .line::before {
background-color: #fff;
}

#work_style #cnt_area03 .lead_g .h2_title .line {
padding-right: 50px;
padding-left: 50px;
}

#work_style #cnt_area03 .lead_g .lead_text {
font-weight: 500;
line-height: 2;
text-align: center;
}

#work_style #cnt_area03 .system_block {
margin-top: 85px;
}

#work_style #cnt_area03 .system_block .st {
margin-bottom: 51px;
padding-left: 22px;
font-size: 18px;
line-height: 1.6;
text-align: center;
}

#work_style #cnt_area03 .system_block .st span {
display: inline-block;
position: relative;
padding: 0 22px 5px;
}

#work_style #cnt_area03 .system_block .st span::before,
#work_style #cnt_area03 .system_block .st span::after {
content: "";
position: absolute;
bottom: 0;
width: 21px;
height: 38px;
background: url(../img/work_style/system_parts03.png) no-repeat center/contain;
}

#work_style #cnt_area03 .system_block .st span::before {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}

#work_style #cnt_area03 .system_block .st span::after {
right: 0;
-webkit-transform: translateX(100%) scale(-1, 1);
transform: translateX(100%) scale(-1, 1);
}

#work_style #cnt_area03 .system_block .flex_box {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

#work_style #cnt_area03 .system_block .system_box {
width: 31.8%;
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

#work_style #cnt_area03 .system_block .system_box .num {
position: relative;
width: 100px;
height: 50px;
margin: 0 auto;
padding-top: 15px;
color: #fff;
font-size: 32px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
letter-spacing: .1em;
text-align: center;
}

#work_style #cnt_area03 .system_block .system_box .num::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 50%;
background-color: #6ECCEF;
}

#work_style #cnt_area03 .system_block .system_box .num::after {
content: "";
position: absolute;
top: -4px;
left: 50%;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
width: 47px;
height: 22px;
background: url(../img/work_style/system_parts04.png) no-repeat center/contain;
}

#work_style #cnt_area03 .system_block .system_box .sst {
padding: 13px 10px;
border-radius: 15px 15px 0 0;
background-color: #6ECCEF;
color: #fff;
font-size: 22px;
font-weight: 700;
font-family: "Zen Maru Gothic", sans-serif;
line-height: 1.5;
text-align: center;
}

#work_style #cnt_area03 .system_block .system_box .txt_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 25px 20px;
border-radius: 0 0 15px 15px;
background-color: #F7F7F7;
}

#work_style #cnt_area03 .system_block .system_box .txt_box .ico {
width: 27.7%;
}

#work_style #cnt_area03 .system_block .system_box .txt_box .ico img {
border-radius: 50%;
}

#work_style #cnt_area03 .system_block .system_box .txt_box p {
width: 67%;
font-weight: 500;
line-height: 1.7;
}

#work_style #cnt_area03 .system_block .system_box:nth-child(2) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}

#work_style #cnt_area03 .system_block .system_box:nth-child(3) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}

#work_style #cnt_area03 .system_block .is_on .system_box {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}

#work_style #cnt_area04 {
padding-top: 137px;
}

#work_style #cnt_area04 .title_g {
margin-bottom: 60px;
}

#work_style #cnt_area04 .title_g h2 {
margin-bottom: 40px;
font-size: 32px;
font-weight: 700;
line-height: 1.5;
text-align: center;
}

#work_style #cnt_area04 .title_g h2 span {
position: relative;
}

#work_style #cnt_area04 .title_g h2 span::before,
#work_style #cnt_area04 .title_g h2 span::after {
content: "";
position: absolute;
bottom: 0;
width: 25px;
height: 41px;
background: url(../img/work_style/growth_parts01.png) no-repeat center/contain;
}

#work_style #cnt_area04 .title_g h2 span::before {
left: -37px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}

#work_style #cnt_area04 .title_g h2 span::after {
right: -37px;
-webkit-transform: translateX(100%) scaleX(-1);
transform: translateX(100%) scaleX(-1);
}

#work_style #cnt_area04 .title_g p {
font-weight: 500;
line-height: 2;
text-align: center;
}

#work_style #cnt_area04 .flex_box {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

#work_style #cnt_area04 .flex_box .img {
position: relative;
max-width: 340px;
width: 32%;
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

#work_style #cnt_area04 .flex_box .img::before {
position: absolute;
width: 162px;
height: 73px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0;
}

#work_style #cnt_area04 .flex_box .img:first-child::before {
content: "";
right: 17%;
bottom: -36px;
background-image: url(../img/work_style/growth_parts02.png);
}

#work_style #cnt_area04 .flex_box .img:nth-child(2) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}

#work_style #cnt_area04 .flex_box .img:nth-child(3) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}

#work_style #cnt_area04 .flex_box .img:nth-child(3)::before {
content: "";
top: -36px;
right: 12%;
background-image: url(../img/work_style/growth_parts03.png);
}

#work_style #cnt_area04 .flex_box .img img {
border-radius: 20px;
}

#work_style #cnt_area04 .flex_box.is_on .img {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}

#work_style #cnt_area04 .flex_box.is_on .img::before {
animation-duration: .5s;
animation-name: bounceInUp;
animation-fill-mode: both;
}

#work_style #cnt_area04 .flex_box.is_on .img:first-child::before {
animation-delay: 1s;
}

#work_style #cnt_area04 .flex_box.is_on .img:nth-child(3)::before {
animation-delay: 1.2s;
}

/*----------
12.business
----------*/
#business #under_maintitle01_area .title_text_area {
background-color: #FFB62C;
}

#business #under_maintitle01_area .title_text_area::before {
background-image: url(../common/img/bg_orange.png);
}

#business #under_maintitle01_area .deco_title_ptn {
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
color: #FFB62C;
white-space: nowrap;
}

#business #under_maintitle01_area .animate_deco_title_ptn::before {
background-color: #FFB62C;
}

#business .breadcrumb {
margin-bottom: 48px;
}

#business #cnt_area01 .contents_in {
max-width: 1000px;
}

#business #cnt_area01 h2 {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
margin: 0 auto 40px;
padding: 0 30px 10px;
font-size: 18px;
line-height: 1.6;
}

#business #cnt_area01 h2::before,#business #cnt_area01 h2::after {
content: "";
position: absolute;
bottom: 0;
width: 21px;
height: 38px;
background: url(../img/business/ttl_parts01.png) no-repeat center/contain;
}

#business #cnt_area01 h2::before {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}

#business #cnt_area01 h2::after {
right: 0;
-webkit-transform: translateX(100%) scaleX(-1);
transform: translateX(100%) scaleX(-1);
}

#business #cnt_area01 + .business_area {
margin-top: 40px;
}

#business .business_area {
margin-top: 80px;
}

#business .business_area .contents_in {
max-width: 1000px;
}

#business .business_area .h2_title {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
margin: 0 auto 50px;
font-size: 32px;
font-weight: 700;
font-family: "Zen Maru Gothic", sans-serif;
line-height: 1.44;
text-align: center;
}

#business .business_area .h2_title::before,#business .business_area .h2_title::after {
content: "";
position: absolute;
left: 0;
bottom: -3.5px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #EF6E91;
-webkit-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
}

#business .business_area .h2_title .line {
display: inline-block;
position: relative;
padding: 0 30px 10px;
}

#business .business_area .h2_title .line::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 3px;
background-color: #EF6E91;
-webkit-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
}

#business .business_area .h2_title.is_on::after {
left: calc(100% - 10px);
}

#business .business_area .h2_title.is_on > .line::before {
width: 100%;
}

#business .business_area .bus_block {
border-radius: 20px;
border: 3px solid #EF6E91;
overflow: hidden;
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all .4s ease-in-out .3s;
transition: all .4s ease-in-out .3s;
}

#business .business_area .bus_block + .bus_block {
margin-top: 40px;
}

#business .business_area .bus_block.is_on {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}

#business .business_area .bus_block .head {
padding: 11px 20px;
background-color: #EF6E91;
color: #fff;
font-size: 25px;
font-weight: 700;
font-family: "Zen Maru Gothic", sans-serif;
line-height: 1.44;
text-align: center;
}

#business .business_area .bus_block .bus_box {
padding: 40px;
}

#business .business_area .bus_block .bus_box .logo_box{
align-items: center;
justify-content: center;
margin-bottom: 30px;
}

#business .business_area .bus_block .bus_box .logo:not(:first-child) {
margin-left: 50px;
}

#business .business_area .bus_block .bus_box .lg1_1 {
max-width: 189px;
}

#business .business_area .bus_block .bus_box .lg1_2 {
max-width: 153px;
}

#business .business_area .bus_block .bus_box .lg1_3 {
max-width: 199px;
}

#business .business_area .bus_block .bus_box .lg1_4 {
max-width: 193px;
}

#business .business_area .bus_block .bus_box .lg2_1 {
max-width: 196px;
}

#business .business_area .bus_block .bus_box .lg2_2 {
max-width: 193px;
}

#business .business_area .bus_block .bus_box .lg2_3 {
max-width: 264px;
}

#business .business_area .bus_block .bus_box .lg3_1 {
max-width: 265px;
}

#business .business_area .bus_block .bus_box .lg4_1 {
max-width: 195px;
}

#business .business_area .bus_block .bus_box .lg4_2 {
max-width: 183px;
}

#business .business_area .bus_block .bus_box .lg4_3 {
max-width: 201px;
}

#business .business_area .bus_block .bus_box .lg5_1 {
max-width: 188px;
}

#business .business_area .bus_block .bus_box .lg5_2 {
max-width: 200px;
}

#business .business_area .bus_block .bus_box .point_box{
font-weight: 700;
font-size: 22px;
line-height: 38px;
text-align: center;
}

#business .business_area .bus_block .bus_box .point_box li:not(:first-child){
margin-top: 15px;
}

#business .business_area .bus_block .bus_box .point_box li span{
position: relative;
display: inline-block;
padding: 0 5px;
}

#business .business_area .bus_block .bus_box .point_box li span::before,#business .business_area .bus_block .bus_box .point_box li span::after{
content: "";
display: block;
position: absolute;
}

#business .business_area .bus_block .bus_box .point_box li span::before{
width: 0%;
height: 45%;
background-color: #EF6E91;
opacity: .3;
bottom: 0;
left: 0;
z-index: -1;
transition: all .5s .4s;
}

#business .business_area .bus_block .bus_box .point_box li span::after{
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #fff;
transition: all .7s;
}

#business .business_area .bus_block .bus_box .point_box li.active span::before{
width: 100%;
}

#business .business_area .bus_block .bus_box .point_box li.active span::after{
width: 0;
}

#business .business_area .bus_block .bus_box p {
font-weight: 500;
margin-top: 25px;
line-height: 2;
text-align: center;
}

#business .business_area .bus_block .bus_box .imgs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
}

#business .business_area .bus_block .bus_box .imgs .img {
width: 31.5%;
}

#business .business_area .bus_block .bus_box .imgs .img + .img {
margin-left: 2.75%;
}

#business .business_area .bus_block .bus_box .imgs .img img {
border-radius: 20px;
}

#business .business_area .bus_block .bus_box .imgs.active .img{
animation-duration: .6s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
}

#business .business_area .bus_block .bus_box .imgs.active .img:nth-child(3n-2){
animation-delay: .1s;
}

#business .business_area .bus_block .bus_box .imgs.active .img:nth-child(3n-1){
animation-delay: .3s;
}

#business .business_area .bus_block .bus_box .imgs.active .img:nth-child(3n){
animation-delay: .5s;
}

#business .business_area .purple_block {
border-color: #A758D9;
}

#business .business_area .purple_block .head {
background-color: #A758D9;
}

#business .business_area .purple_block .bus_box .point_box li span::before{
background-color: #A758D9;
}

#business .business_area .yellow_block {
border-color: #FFDB43;
}

#business .business_area .yellow_block .head {
background-color: #FFDB43;
}

#business .business_area .yellow_block .bus_box .point_box li span::before{
background-color: #FFDB43;
}

#business .business_area .orange_block {
border-color: #FFB62C;
}

#business .business_area .orange_block .head {
background-color: #FFB62C;
}

#business .business_area .orange_block .bus_box .point_box li span::before{
background-color: #FFB62C;
}

#business .business_area .blue_block {
border-color: #6ECCEF;
}

#business .business_area .blue_block .head {
background-color: #6ECCEF;
}

#business .business_area .blue_block .bus_box .point_box li span::before{
background-color: #6ECCEF;
}

/*----------
13.data
----------*/

#data .breadcrumb{
margin-bottom: 48px;
}

#data .cnt_area01 .animate_deco_title_ptn::before{
background-color: #F7F7F7;
border-radius: 10px;
z-index: 1;
}

#data .flex_box_in{
display: flex;
align-items: center;
}

#data .caution{
display: block;
text-align: center;
font-size: 12px;
font-weight: 500;
}

#data .cnt_box .title{
font-size: 25px;
line-height: 36px;
font-weight: 500;
display: flex;
align-items: center;
}

#data .cnt_box .title span{
font-size: 50px;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 61px;
display: inline-block;
margin-right: 20px;
}

#data .flex_box{
display: flex;
justify-content: space-between;
}

#data .cnt_box{
padding: 20px 29px;
background-color: #F7F7F7;
border-radius: 10px;
border: 2px solid #B9B9B9;
position: relative;
margin-bottom: 40px;
}

#data .cnt_box01 .cnt_img{
max-width: 428.18px;
margin-left: auto;
margin-top: -8px;
margin-bottom: 11px;
}

#data .cnt_area01 .flex_box .cnt_box, #data .cnt_area01 .column{
width: 48.14%;
}

#data .cnt_area01 .column .cnt_box{
width: 100%;
}

#data .cnt_box02 .cnt_img{
max-width: 388.38px;
margin: 0 auto 11px;
}

#data .pink{
color: #EF6E91;
}

#data .purple{
color: #A758D9;
}

#data .orange{
color: #FFB62C;
}

#data .blue{
color: #6ECCEF;
}

#data .number .num{
font-family: "DINBold",sans-serif;
font-size: 121px;
display: inline-block;
}

#data .number{
font-size: 50px;
font-weight: 700;
display: flex;
align-items: flex-end;
}

#data .absolute{
position: absolute;
}

#data .cnt_box03{
padding: 20px;
}

#data .cnt_box03 .number {
margin: -8px auto 0 20px;
}

#data .cnt_box03 .number .num{
line-height: 154px;
}

#data .cnt_box03 .jp{
margin-bottom: 29px;
}

#data .cnt_box03 .cnt_img{
max-width: 642px;
margin: -40px auto 10px;
}

#data .cnt_box05 .title{
margin-bottom: 54.5px;
}

#data .cnt_box05 .cnt_img{
margin-bottom: 60.5px;
}

#data .cnt_box06{
padding-bottom: 0;
}

#data .cnt_box06 .caution{
margin-top: 3px;
margin-bottom: 20px;
}

#data .cnt_box06 .cnt_img01{
width: 96%;
margin: 24px auto 0;
}

#data .cnt_box06 .cnt_img02{
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}

#data .cnt_box07 .title{
margin-bottom: 20px;
}

#data .cnt_box07 .cnt_img{
max-width: 780px;
margin: -80px auto 21.8px;
}

#data .cnt_box07 .num{
line-height: 154px;
}

#data .cnt_box07 .jp {
margin-bottom: 29px;
}

#data .cnt_box08 .title{
margin-bottom: 20px;
}

#data .cnt_box08 .num{
line-height: 154px;
}

#data .cnt_box08 .jp {
margin-bottom: 29px;
}

#data .cnt_box08 .cnt_img {
max-width: 515px;
margin: -40px auto 30.2px;
}

#data .cnt_box08 .number{
margin-left: 20px;
}

#data .cnt_box09 .cnt_img{
max-width: 153.95px;
margin: 0 auto 0 20px;
}

#data .cnt_box09 .number .num{
font-size: 128px;
line-height: 163px;
}

#data .cnt_box09 .jp {
font-size: 40px;
margin-bottom: 31px;
}

#data .cnt_box10 .title{
margin-bottom: 16px;
}

#data .cnt_box10  .flex_box_in{
margin-bottom: 30.2px;
}

#data .cnt_box10 .cnt_img{
max-width: 223.43px;
margin-left: 25.8px;
}

#data .cnt_box10 .number{
margin-left: -39px;
}

#data .cnt_box10 .jp {
font-size: 39px;
margin-bottom: 30.8px;
}

#data .cnt_box11{
padding: 20px 20px 40px;
}

#data .cnt_box11 .cnt_img{
margin-top: -30px;
}
#data .cnt_box12{
padding-bottom: 20px;
}

#data .cnt_box12 .title{
margin-bottom: 12px;
}

#data .cnt_box12 .cnt_img{
max-width: 432.09px;
margin: 0 auto 24.4px;
}

#data .cnt_box13 .title{
margin-bottom: 37.8px;
margin-left: 6.5px;
}

#data .cnt_box13{
padding: 20px 19.2px 27px 13.5px;
}

#data .cnt_box13 .cnt_img{
max-width: 460px;
margin-left: 20px;
}

#data .cnt_box14{
padding: 27px 5px 62px 17px;
}

#data .cnt_box14 .title{
margin-bottom: 36.2px;
margin-left: 3px;
}

#data .cnt_box13 .cnt_img{
max-width: 492.1px;
margin-left: 20px;
}

#data .cnt_box15 .cnt_img{
margin-top: -35px;
}

#data .cnt_box15 .caution{
text-align: left;
width: 180px;
margin: -24px 0 0 auto;
line-height: 1.4;
}

#data .cnt_box16{
padding: 20px;
}

#data .cnt_box16 .cnt_img{
max-width: 463.56px;
margin-left: 16.4px;
}

#data .cnt_box17{
padding: 20px 49px 0 20px;
}

#data .cnt_box17 .cnt_img{
margin-top: -17px;
}

#data .cnt_box18{
padding: 20px 30px 13.9px 20px;
}

#data .cnt_box18 .title{
margin-bottom: 8px;
}

#data .cnt_box19{
padding: 7px 20px 20px;
}

#data .cnt_box19 .cnt_img{
margin-top: -52.4px;
}

#data .cnt_box.last{
margin-bottom: 0;
}

/*----------
14.faq
----------*/
#faq #under_maintitle01_area.orange .deco_title_ptn{
width: 566px;
}

#faq .link_ul{
max-width: 1000px;
margin: 52px auto 31px;
justify-content: space-between;
width: 95%;
z-index: 1;
position: relative;
}

#faq .link_ul li{
width: 31.3%;
margin: 0;
max-width: initial;
}

#faq .link_ul li a{
text-align: left;
display: flex;
align-items: center;
background: #fff;
}

#faq .link_ul .btn_ptn01 a::after{
transform: translateY(-50%) rotate(90deg);
}

#faq .link_ul li a::before{
content: "";
display: inline-block;
background: center/contain no-repeat;
margin-left: 12.7px;
}

#faq .link_ul li:nth-child(2){
animation-delay: .2s;
}

#faq .link_ul li:nth-child(3){
animation-delay: .4s;
}

#faq .link_ul li:first-child a::before{
background-image: url(../img/faq/icon01.png);
width: 21.2px;
height: 25.46px;
margin-right: 12.8px;
}

#faq .link_ul li:nth-child(2) a::before{
background-image: url(../img/faq/icon02.png);
width: 17.35px;
height: 22.16px;
margin-right: 11.7px;
}

#faq .link_ul li:nth-child(3) a::before{
background-image: url(../img/faq/icon03.png);
width: 26.71px;
height: 22.16px;
margin-right: 10.9px;
}

#faq .bg_wrap{
position: relative;
max-width: 1280px;
margin: 0 auto;
}

#faq .bg_wrap::before {
content: "";
position: absolute;
display: block;
width: 216px;
height: 100%;
background: url(../img/staff/bg_left.png) repeat-y center top/100% auto;
left: -107.8px;
top: 125px;
}

#faq .bg_wrap::after {
content: "";
position: absolute;
display: block;
width: 231px;
height: 100%;
background: url(../img/staff/bg_right.png) repeat-y center top/100% auto;
right: -131px;
top: 125px;
}

#faq .bg{
padding-top: 56px;
padding-bottom: 100px;
}

#faq .cnt_area{
margin-top: -93px;
padding-top: 93px;
z-index: 1;
position: relative;
}

#faq .cnt_area h2{
margin-bottom: 50px;
}

#faq .cnt_area .contents_in{
max-width: 1000px;
}

#faq .bg_g{
padding: 70px;
border-radius: 20px;
background-color: #F7F7F7;
border: 2px solid #B9B9B9;
}

#faq .cnt_area:not(.cnt_area03){
margin-bottom: 100px;
}

#faq dl{
font-weight: 500;
background-color: #fff;
border-radius: 30px;
}

#faq dl:not(:last-child){
margin-bottom: 32.4px;
}

#faq dt{
line-height: 20px;
padding: 16px 44px;
position: relative;
cursor: pointer;
}

#faq dd{
line-height: 26px;
padding: 16.5px 44px;
position: relative;
display: none;
opacity: 0;
}

#faq dd a{
text-decoration: underline;
text-underline-offset: 3px;
transition: .3s;
}

#faq dd a:hover{
text-decoration: none;
opacity: .7;
}

#faq dd::after{
content: "";
display: inline-block;
width: 92.8%;
height: 1px;
background-color: #E6E6E6;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
transition: 0.4s;
}

#faq dl.on dt::after{
transform: rotate(-90deg);
transition: 0.4s;
}

#faq dt::after{
content: "";
display: inline-block;
width: 22.22px;
height: 22.22px;
background: url(../common/img/arrow_right02.png) no-repeat center center/7px auto;
background-color: #000;
border-radius: 50%;
position: absolute;
top: 14.9px;
right: 14.5px;
transform: rotate(90deg);
}

#faq dt::before, #faq dl dd::before{
display: inline-block;
line-height: 63.5px;
font-size: 33px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #fff;
width: 63.5px;
height: 63.5px;
text-align: center;
border-radius: 50%;
position: absolute;
left: -33px;
}

#faq dt::before{
content: "Q";
background-color: #FFB62C;
top: -7px;
}

#faq dl dd::before{
content: "A";
background-color: #EF6E91;
top: 16.5px;
}

#faq dl.on dd{
animation:0.5s alternate forwards running fuwa;
display: block;
opacity: 0;
}

@keyframes fuwa{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}

/*----------
15.blog
----------*/
#blog #under_maintitle01_area .title_text_area {
background-color: #FFDB43;
}

#blog  #under_maintitle01_area .title_text_area::before {
background: url(../img/blog/bg_yelorange_top.png) repeat-x center top/333px auto;
}

#blog  #under_maintitle01_area .deco_title_ptn {
color: #FFDB43;
}

#blog  .animate_deco_title_ptn::before {
background-color: #FFDB43;
}

#blog #cnt_area{
max-width: 1280px;
margin: 0 auto;
position: relative;
}

#blog #cnt_area::before{
content: "";
position: absolute;
display: block;
background: url(../img/blog/parts_bg01.png) no-repeat center/contain;
width: 231px;
height: 245.39px;
top: 33px;
right: -131px;
z-index: 0;
}

#blog #cnt_area::after{
content: "";
position: absolute;
display: block;
background: url(../img/blog/parts_bg02.png) no-repeat center/contain;
width: 182.43px;
height: 238.45px;
top: 24%;
left: -76px;
z-index: 0;
}

#blog  #cnt_area .bg_wrap::before{
content: "";
position: absolute;
display: block;
background: url(../img/blog/parts_bg03.png) no-repeat center/contain;
width: 176px;
height: 210.76px;
bottom: 19%;
right: -76px;
z-index: 0;
}

#blog  #cnt_area .bg_wrap::after{
content: "";
position: absolute;
display: block;
background: url(../img/blog/parts_bg04.png) no-repeat center/contain;
width: 216px;
height: 255.52px;
bottom: -152px;
left: -108px;
z-index: 0;
}

#blog .breadcrumb {
margin-bottom: 93px;
}

#blog .blog_area {
max-width: 860px;
z-index: 1;
position: relative;
}

#blog .blog_list{
flex-wrap: wrap;
justify-content: space-between;
}

#blog .blog_list::after{
content: "";
display: block;
width: 33%;
max-width: 273.33px;
}

#blog .blog_item{
width: 33%;
max-width: 273.33px;
}

#blog .blog_item:nth-child(2){
animation-delay: .2s;
}

#blog .blog_item:nth-child(3){
animation-delay: .4s;
}

#blog .blog_item:nth-child(4){
animation-delay: .6s;
}

#blog .blog_item:nth-child(5){
animation-delay: .8s;
}

#blog .blog_item:nth-child(6){
animation-delay: 1s;
}

#blog .blog_item:nth-child(7){
animation-delay: .6s;
}

#blog .blog_item:nth-child(8){
animation-delay: .8s;
}

#blog .blog_item:nth-child(9){
animation-delay: 1s;
}

#blog .blog_item:nth-child(n + 4){
margin-top: 20px;
}

#blog .blog_item a{
display: block;
border-radius: 20px;
border: 1px solid #000;
background: #fff;
padding: 17px;
position: relative;
}

#blog .blog_item a::after{
content: "";
display: block;
width: 29px;
height: 29px;
background: url(../common/img/arrow_right02.png) no-repeat center center/7px auto;
background-color: #000;
border-radius: 50%;
position: absolute;
bottom: 17px;
right: 17px;
transition: all .4s;
}

#blog .blog_item a:hover::after{
width: 37px;
height: 37px;
right: 13px;
bottom: 13px;
}

#blog .blog_item .cnt_img{
border-radius: 15px;
overflow: hidden;
margin-bottom: 14.7px;
}

#blog .blog_item .ttl{
font-weight: 500;
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

#blog .blog_item .date{
display: inline-block;
font-weight: 500;
font-size: 16px;
line-height: 19px;
border-radius: 14px;
padding: 5px 14px 4px;
background: #FFF4A2;
}

#blog #pager{
margin-top: 100px;
animation-delay: .4s;
text-align: center;
}

#blog #pager ul{
align-items: center;
justify-content: center;
flex-wrap: wrap;
font-family: 'Montserrat', sans-serif;
}

#blog #pager li{
display: inline-block;
width: 45px;
height: 45px;
margin: 0 15px;
}

#blog #pager li a,
#blog #pager li span{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: 500;
font-size: 20px;
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid #000;
transition: .3s;
}

#blog #pager li a:hover,
#blog #pager li span{
background: #FFDB43;
}

#blog #pager li.next{
width: 22.2px;
height: 22.5px;
margin: 0 0 0 25px;
}

#blog #pager li.next a{
display: block;
width: 100%;
height: 100%;
background: url(../common/img/arrow_right02.png) no-repeat center center/7px auto;
background-color: #000;
border-radius: 50%;
}

#blog #pager li.next a:hover{
transform: scale(1.2);
}

#blog #pager li.prev{
width: 22.2px;
height: 22.5px;
margin: 0 25px 0 0;
}

#blog #pager li.prev a{
display: block;
width: 100%;
height: 100%;
background: url(../common/img/arrow_left.png) no-repeat center center/7px auto;
background-color: #000;
border-radius: 50%;
}

#blog #pager li.prev a:hover{
transform: scale(1.2);
}

#blog #pager li.no_link a{
pointer-events: none;
opacity: .5;
}

/*----------
15-2.blog_detail_page
----------*/
.blog_detail_page #under_maintitle01_area .title_text_area::before {
content: none;
}

.blog_detail_page #under_maintitle01_area .title_text_area {
margin-top: 82px;
padding: 82.3px 0 69px;
background-color: #FFDB43;
}

.blog_detail_page #under_maintitle01_area .title_text_area h1{
font-weight: 700;
font-size: 28px;
line-height: 40px;
color: #fff;
text-align: center;
}

.blog_detail_page #under_maintitle01_area .title_text_area h1 span{
display: inline-block;
position: relative;
padding-bottom: 10px;
border-bottom: 3px solid #fff;
}

.blog_detail_page #under_maintitle01_area .title_text_area h1 span::before,
.blog_detail_page #under_maintitle01_area .title_text_area h1 span::after{
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
background: #fff;
border-radius: 50%;
bottom: -6.5px;
}

.blog_detail_page #under_maintitle01_area .title_text_area h1 span::before{
left: 0;
}

.blog_detail_page #under_maintitle01_area .title_text_area h1 span::after{
right: 0;
}

.blog_detail_page #cnt_area{
padding-bottom: 138px;
position: relative;
background: -moz-linear-gradient(top, #FFF4A2, #FFF4A2 378.5px, #fff 378.5px, #fff 100%);
background: -webkit-linear-gradient(top, #FFF4A2, #FFF4A2 378.5px, #fff 378.5px, #fff 100%);
background: linear-gradient(to bottom, #FFF4A2, #FFF4A2 378.5px, #fff 378.5px, #fff 100%);
}

.blog_detail_page #cnt_area::before {
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
top: 378.5px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/blog/bg_yellow_bottom.png) repeat-x center top/333px auto;
z-index: 0;
}

.blog_detail_page .breadcrumb {
margin-bottom: 100px;
}

.blog_detail_page #cnt_area .detail_contents{
position: relative;
max-width: 860px;
}

.blog_detail_page .detail_contents .main_img{
max-width: 700px;
border-radius: 20px;
overflow: hidden;
margin: 0 auto 40px;
}

.blog_detail_page .detail_contents .date{
max-width: 118px;
text-align: center;
padding: 5px 5px 4px;
border-radius: 14px;
background: #FFF4A2;
margin-bottom: 20px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
}

.blog_detail_page .detail_contents .lead_txt{
position: relative;
padding: 0 0 15px 27px;
border-bottom: 1px solid #E5E5E5;
font-weight: 500;
font-size: 20px;
line-height: 29px;
}

.blog_detail_page .detail_contents .lead_txt::before{
content: "";
position: absolute;
display: block;
width: 17px;
height: 17px;
border-radius: 50%;
background: #FFDB43;
left: 0;
top: 8px;
}

.blog_detail_page .detail_contents p{
max-width: 800px;
margin: 0 auto;
font-weight: 500;
font-size: 14px;
line-height: 2;
}

.blog_detail_page .detail_contents .cnt_img{
max-width: 600px;
border-radius: 20px;
overflow: hidden;
margin: 0 auto;
}

.blog_detail_page .detail_contents .lead_txt + .lead_txt,
.blog_detail_page .detail_contents .lead_txt + p,
.blog_detail_page .detail_contents .lead_txt + .cnt_img,
.blog_detail_page .detail_contents p + .lead_txt,
.blog_detail_page .detail_contents p + p,
.blog_detail_page .detail_contents p + .cnt_img,
.blog_detail_page .detail_contents .cnt_img + .lead_txt,
.blog_detail_page .detail_contents .cnt_img + p,
.blog_detail_page .detail_contents .cnt_img + .cnt_img{
margin-top: 50px;
}

.blog_detail_page #related_area{
padding: 100px 0 116px;
position: relative;
background: #F8F8F8;
}

.blog_detail_page #related_area::after {
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/blog/bg_gray_top.png) repeat-x center top/333px auto;
z-index: 0;
}

.blog_detail_page #related_area .related_ttl{
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 26px;
line-height: 37px;
margin-bottom: 60px;
}

.blog_detail_page #related_area .related_ttl::before,
.blog_detail_page #related_area .related_ttl::after{
content: "";
display: inline-block;
width: 17px;
height: 17px;
border-radius: 50%;
background: #000;
margin: 4px 10px 0;
}

.blog_detail_page #related_area .blog_item{
width: 273.33px;
margin: 0 10px;
}

.blog_detail_page #related_area .blog_item a{
display: block;
border-radius: 20px;
border: 1px solid #000;
background: #fff;
padding: 17px;
position: relative;
}

.blog_detail_page #related_area .blog_item a::after{
content: "";
display: block;
width: 29px;
height: 29px;
background: url(../common/img/arrow_right02.png) no-repeat center center/7px auto;
background-color: #000;
border-radius: 50%;
position: absolute;
bottom: 17px;
right: 17px;
transition: all .4s;
}

.blog_detail_page #related_area .blog_item a:hover::after{
width: 37px;
height: 37px;
right: 13px;
bottom: 13px;
}

.blog_detail_page #related_area .blog_item .cnt_img{
border-radius: 15px;
overflow: hidden;
margin-bottom: 14.7px;
}

.blog_detail_page #related_area .blog_item .ttl{
font-weight: 500;
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.blog_detail_page #related_area .blog_item .date{
display: inline-block;
font-weight: 500;
font-size: 16px;
line-height: 19px;
border-radius: 14px;
padding: 5px 14px 4px;
background: #FFF4A2;
}

.blog_detail_page #related_area .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
background: url(../common/img/arrow_right02.png) no-repeat center center/10px auto;
background-color: #000;
width: 57px;
height: 57px;
font-size: 0;
border: none;
border-radius: 50%;
padding: 0;
cursor: pointer;
}

.blog_detail_page #related_area .slick-arrow.slick-next {
right: calc((760px / 3) - 57px - 57px);
}

.blog_detail_page #related_area .slick-arrow.slick-prev {
left: calc((760px / 3) - 57px - 57px);
transform: translateY(-50%) rotate(180deg);
}

.blog_detail_page #related_area .slick-dots{
display: flex;
align-items: center;
justify-content: center;
margin: 30px auto 0;
}

.blog_detail_page #related_area .slick-dots li{
width: 13px;
height: 13px;
border-radius: 50%;
margin: 0 12.5px;
}

.blog_detail_page #related_area .slick-dots li button{
display: block;
width: 13px;
height: 13px;
border-radius: 50%;
border: none;
background: #fff;
font-size: 0;
color: rgba(255,255,255,0);
padding: 0;
margin: 0;
cursor: pointer;
}

.blog_detail_page #related_area .slick-dots li.slick-active button{
background: #FFDB43;
}

.blog_detail_page #related_area .btn_back{
margin: 50px auto 0;
}

.blog_detail_page #related_area .btn_back a::after {
left: 12px;
right: auto;
transform: translateY(-50%) rotate(180deg);
}

.blog_detail_page #related_area .btn_back:hover a::after {
right: auto;
left: 7px;
}

/*----------
16.recruitment
----------*/
#recruitment #under_maintitle01_area .title_text_area {
background-color: #FFDB43;
}

#recruitment #under_maintitle01_area .title_text_area::before {
background: url("../img/recruitment/bg_yellow_top.png") repeat-x center top/333px auto;
}

#recruitment #under_maintitle01_area .deco_title_ptn {
width: 810px;
}

#recruitment #under_maintitle01_area .deco_title_ptn {
color: #FFDB43;
}

#recruitment .animate_deco_title_ptn::before {
background-color: #FFDB43;
}

#recruitment #cnt_area01 {
padding: 85px 0 140px;
}

#recruitment #cnt_area01 .contents_in {
position: relative;
max-width: 1180px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.is_show {
animation-duration: .6s;
animation-name: small_fadeInUp;
animation-fill-mode: both;
animation-delay: .7s;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img01 {
position: absolute;
max-width: 231px;
width: 100%;
top: -2%;
right: -11%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img02 {
position: absolute;
max-width: 182px;
width: 100%;
top: 11%;
left: -11%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img03 {
position: absolute;
max-width: 176px;
width: 100%;
top: 25%;
right: -10%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img04 {
position: absolute;
max-width: 216px;
width: 100%;
top: 49%;
left: -13%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img05 {
position: absolute;
max-width: 216px;
width: 100%;
top: 66%;
right: -14%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img06 {
position: absolute;
max-width: 176px;
width: 100%;
top: 92%;
left: -10%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.pic01 {
position: absolute;
max-width: 221px;
width: 100%;
top: 61%;
right: 32%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.pic02 {
position: absolute;
max-width: 270px;
width: 100%;
top: 70%;
right: 12%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.pic03 {
position: absolute;
max-width: 354px;
width: 100%;
top: 85%;
right: 16%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.icon01 {
position: absolute;
max-width: 105px;
width: 100%;
top: 64%;
right: 18%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.icon02 {
position: absolute;
max-width: 91px;
width: 100%;
top: 81%;
right: 38%;
}

#recruitment #cnt_area01 .cnt_g {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
max-width: 860px;
width: 100%;
margin: 0 auto;
}

#recruitment #cnt_area01 .cnt_box {
width: 100%;
margin-bottom: 45px;
}

#recruitment #cnt_area01 .cnt_box.half {
max-width: 410px;
width: 48.5%;
}

#recruitment #cnt_area01 .cnt_box .h2_title {
color: #FFFFFF;
border-radius: 10px;
font-family: 'Zen Maru Gothic', sans-serif;
font-size: 20px;
line-height: 1;
font-weight: 700;
position: relative;
padding: 16px 20px 16px 42px;
margin: 0 0 15px 33px;
}

#recruitment #cnt_area01 .cnt_box .h2_title::before {
position: absolute;
content: "";
background: url("../img/recruitment/icon_list01.png")no-repeat center/contain;
width: 66px;
height: 66px;
top: 50%;
transform: translateY(-50%);
left: -33px;
}

#recruitment #cnt_area01 .cnt_box .bg_border {
position: relative;
}

#recruitment #cnt_area01 .cnt_box .bg_border::after {
position: absolute;
content: "";
background: #000000;
width: 0;
height: 100%;
border-radius: 10px;
top: 0;
left: 0;
z-index: -1;
transition: all 1.4s ease-in-out; /* マーカーを引く速度を調整 */
}

#recruitment #cnt_area01 .cnt_box.half .bg_border::after {
transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
}

#recruitment #cnt_area01 .cnt_box .bg_border.is_draw::after {
width: 100%;
}

#recruitment #cnt_area01 .cnt_box:nth-child(2) .h2_title::before {
background-image: url("../img/recruitment/icon_list02.png");
}

#recruitment #cnt_area01 .cnt_box:nth-child(3) .h2_title::before {
background-image: url("../img/recruitment/icon_list03.png");
}

#recruitment #cnt_area01 .cnt_box:nth-child(4) .h2_title::before {
background-image: url("../img/recruitment/icon_list04.png");
}

#recruitment #cnt_area01 .cnt_box:nth-child(5) .h2_title::before {
background-image: url("../img/recruitment/icon_list05.png");
}

#recruitment #cnt_area01 .cnt_box:nth-child(6) .h2_title::before {
background-image: url("../img/recruitment/icon_list06.png");
}

#recruitment #cnt_area01 .cnt_box:nth-child(7) .h2_title::before {
background-image: url("../img/recruitment/icon_list07.png");
}

#recruitment #cnt_area01 .cnt_box:nth-child(8) .h2_title::before {
background-image: url("../img/recruitment/icon_list08.png");
}

#recruitment #cnt_area01 .cnt_box:nth-child(9) .h2_title::before {
background-image: url("../img/recruitment/icon_list09.png");
}

#recruitment #cnt_area01 .cnt_box .recruit_list {
font-size: 14px;
line-height: 28px;
font-weight: 500;
margin-left: 72px;
}

#recruitment #cnt_area01 .cnt_box .flex_box {
margin-left: 72px;
align-items: flex-start;
justify-content: space-between;
}

#recruitment #cnt_area01 .cnt_box .flex_box .recruit_list {
margin-left: 0;
width: 49%;
}

#recruitment #cnt_area01 .cnt_box .recruit_list li .text {
padding-left: 14px;
}

#recruitment #cnt_area01 .cnt_box .recruit_list li .bold {
font-weight: 700;
}

#recruitment #cnt_area01 .cnt_box .img_list {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-top: 25px;
}

#recruitment #cnt_area01 .cnt_box .img_list li {
max-width: 264px;
width: 30%;
}

#recruitment #cnt_area01 .cnt_box .img_list li:nth-child(2) {
transition-delay: .3s;
}

#recruitment #cnt_area01 .cnt_box .img_list li:nth-child(3) {
transition-delay: .6s;
}

#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text {
font-size: 19px;
line-height: 27px;
font-weight: 500;
text-align: center;
position: relative;
max-width: 194px;
margin: 0 auto 8px;
padding: 0 21px 12px;
}

#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text::before,#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text::after{
position: absolute;
content: "";
bottom: 0;
}

#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text::before {
background: url("../img/recruitment/bg_text_left.png")no-repeat center/contain;
width: 21px;
height: 38px;
left: 0;
}

#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text::after {
background: url("../img/recruitment/bg_text_right.png")no-repeat center/contain;
width: 21px;
height: 38px;
right: 0;
}

/*----------
17.contact
----------*/
.contact_page #under_maintitle01_area .title_text_area {
background-color: #FFDB43;
}

.contact_page #under_maintitle01_area .title_text_area::before {
background: url(../img/contact/bg_yelorange_top.png) repeat-x center top/333px auto;
}

.contact_page #under_maintitle01_area .deco_title_ptn {
color: #FFDB43;
}

.contact_page .animate_deco_title_ptn::before {
background-color: #FFDB43;
}

.contact_page #cnt_area{
max-width: 1280px;
margin: 0 auto;
position: relative;
padding-bottom: 50px;
}

.contact_page #cnt_area::before{
content: "";
position: absolute;
display: block;
background: url(../img/contact/parts_bg05.png) no-repeat center/contain;
width: 176px;
height: 271.35px;
bottom: 23%;
right: -116px;
z-index: 0;
}

.contact_page #cnt_area::after{
content: "";
position: absolute;
display: block;
background: url(../img/contact/parts_bg06.png) no-repeat center/contain;
width: 176px;
height: 210.76px;
bottom: -6px;
left: -76px;
z-index: 0;
}

.contact_page #cnt_area .bg_wrap::before{
content: "";
position: absolute;
display: block;
background: url(../img/contact/parts_bg03.png) no-repeat center/contain;
width: 176px;
height: 210.76px;
top: 35%;
right: -76px;
z-index: 0;
}

.contact_page #cnt_area .bg_wrap::after{
content: "";
position: absolute;
display: block;
background: url(../img/contact/parts_bg04.png) no-repeat center/contain;
width: 216px;
height: 255.52px;
bottom: 38.5%;
left: -108px;
z-index: 0;
}

.contact_page .step_box{
padding: 55px 0 89px;
}

.contact_page .step_box::before{
content: "";
position: absolute;
display: block;
background: url(../img/contact/parts_bg01.png) no-repeat center/contain;
width: 231px;
height: 245.39px;
top: 33px;
right: -131px;
z-index: 0;
}

.contact_page .step_box::after{
content: "";
position: absolute;
display: block;
background: url(../img/contact/parts_bg02.png) no-repeat center/contain;
width: 182.43px;
height: 238.45px;
top: 300px;
left: -76px;
z-index: 0;
}

.contact_page .step_list{
max-width: 570px;
align-items: flex-start;
justify-content: space-between;
margin: 0 auto;
position: relative;
z-index: 1;
}

.contact_page .step_list::before,
.contact_page .step_list::after{
content: "";
position: absolute;
display: block;
width: 50%;
height: 2px;
background: #D9D9D9;
bottom: 49px;
}

.contact_page .step_list::before{
left: 0;
}

.contact_page .step_list::after{
right: 0;
}

.contact_page .step_list li{
width: 110px;
text-align: center;
color: #D9D9D9;
position: relative;
z-index: 1;
}

.contact_page .step_list li.on{
color: #FFB62C;
}

.contact_page .step_list li .step{
font-weight: 500;
font-size: 18px;
line-height: 20px;
}

.contact_page .step_list li .txt{
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 5px;
font-weight: 700;
font-size: 22px;
line-height: 32px;
}

.contact_page .step_list li .txt::before,.contact_page .step_list li .txt::after{
content: "";
display: inline-block;
width: 15.07px;
height: 26.44px;
margin-top: 11.6px;
}

.contact_page .step_list li .txt::before{
background: url(../img/contact/parts_txt01_off.png) no-repeat center/100% 100%;
}

.contact_page .step_list li.on .txt::before{
background: url(../img/contact/parts_txt01_on.png) no-repeat center/100% 100%;
}

.contact_page .step_list li .txt::after{
background: url(../img/contact/parts_txt02_off.png) no-repeat center/100% 100%;
}

.contact_page .step_list li.on .txt::after{
background: url(../img/contact/parts_txt02_on.png) no-repeat center/100% 100%;
}

.contact_page .form_box{
max-width: 1000px;
border-radius: 20px;
background: #F8F8F8;
border: 2px solid #B9B9B9;
padding: 70px 20px;
margin: 0 auto;
position: relative;
z-index: 1;
}

.contact_page .form_box .contents_in{
max-width: 860px;
}

.contact_page .form_box .ttl_wrap{
text-align: center;
margin-bottom: 53.5px;
}

.contact_page .form_box .ttl_wrap h2{
position: relative;
display: inline-block;
border-bottom: 3px solid #F4B94D;
padding: 0 0 4.5px;
font-weight: 700;
font-size: 32px;
line-height: 46px;
}

.contact_page .form_box .ttl_wrap h2::before,.contact_page .form_box .ttl_wrap h2::after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background: #F4B94D;
bottom: -7px;
}

.contact_page .form_box .ttl_wrap h2::before {
left: 0;
}

.contact_page .form_box .ttl_wrap h2::after {
right: 0;
}

.contact_page .form_box table,.contact_page .form_box table tbody,.contact_page .form_box table tr,.contact_page .form_box table th,.contact_page .form_box table td{
display: block;
width: 100%;
text-align: left;
}

.contact_page .form_box table th{
margin-bottom: 10.6px;
padding-left: 18.5px;
}

.contact_page .form_box table th .ttl{
display: flex;
align-items: center;
font-weight: 500;
font-size: 16px;
line-height: 24px;
}

.contact_page .form_box table th .ttl::before{
content: "";
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
background: #000;
margin: 2px 9px 0 0;
}

.contact_page .form_box table th .ttl .required{
display: inline-block;
font-size: 12px;
line-height: 17px;
color: #EF6E91;
margin: 2px 0 0 9px;
}

.contact_page .form_box table td{
margin-bottom: 25px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
}

.contact_page .form_box table input[type="text"],.contact_page .form_box table input[type="email"]{
display: block;
width: 100%;
height: 60px;
border-radius: 60px;
border: none;
appearance: none;
box-shadow: 0 0 10px rgba(0,0,0,.12) inset;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 24px;
padding: 18px 25px;
}

.contact_page .form_box table textarea{
display: block;
width: 100%;
height: 208px;
border-radius: 20px;
border: none;
appearance: none;
box-shadow: 0 0 10px rgba(0,0,0,.12) inset;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 24px;
padding: 18px 25px;
}

.contact_page .form_box table .select_wrap{
max-width: 286px;
height: 37px;
position: relative;
}

.contact_page .form_box table .select_wrap::after{
content: "";
position: absolute;
display: block;
width: 13px;
height: 8px;
background: url(../img/contact/parts_select.png) no-repeat center/100% 100%;
right: 14px;
top: 50%;
transform: translateY(-50%);
}

.contact_page .form_box table .select_wrap select{
-webkit-appearance: none;
display: block;
width: 100%;
height: 100%;
border-radius: 60px;
border: none;
appearance: none;
box-shadow: 0 0 10px rgba(0,0,0,.12) inset;
color: #000;
background: #fff;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 24px;
padding: 6.5px 30px 6.5px 18px;
}

.contact_page .form_box table .select_wrap option{
color: #000;
}

.contact_page .form_box .radio_btn{
margin-right: 39.5px;
}

.contact_page .form_box .radio_btn input[type=radio] {
display: none;
}

.contact_page .form_box .radio_btn  label {
position: relative;
padding: 0 0 0 38.5px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
}

.contact_page .form_box .radio_btn label:after,.contact_page .form_box .radio_btn label:before {
position: absolute;
content: "";
display: block;
}

.contact_page .form_box .radio_btn label:after {
left: 0;
top: 0;
width: 25px;
height: 25px;
box-shadow: 0 0 10px rgba(0,0,0,.12) inset;
border-radius: 50%;
}

.contact_page .form_box .radio_btn label:before {
left: 6px;
top: 6px;
width: 13px;
height: 13px;
background: #FFB62C;
border-radius: 50%;
opacity: 0;
}

.contact_page .form_box .radio_btn input[type=radio]:checked + label:before {
opacity: 1;
}

.contact_page .form_box .privacy_box{
padding: 50px 0 70px;
}

.contact_page .form_box .privacy_box ul{
margin-bottom: 70px;
}

.contact_page .form_box .privacy_box ul li{
padding-left: 47.5px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
position: relative;
}

.contact_page .form_box .privacy_box ul li + li{
margin-top: 33px;
}

.contact_page .form_box .privacy_box ul li .num{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 30px;
height: 30px;
border-radius: 50%;
font-weight: 500;
font-size: 16px;
line-height: 19px;
background: #000;
color: #fff;
left: 0;
top: 0;
}

.contact_page .form_box .privacy_box .check_btn_wrap{
text-align: center;
}

.contact_page .form_box .privacy_box .check_btn{
display: inline-block;
}

.contact_page .form_box .privacy_box .check_btn input[type=checkbox] {
display: none;
}

.contact_page .form_box .privacy_box .check_btn label {
position: relative;
padding: 0 0 0 38.5px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
}

.contact_page .form_box .privacy_box .check_btn label:after,.contact_page .form_box .privacy_box .check_btn label:before{
position: absolute;
content: "";
display: block;
top: 50%;
}

.contact_page .form_box .privacy_box .check_btn label:after {
left: 0;
top: 0;
width: 25px;
height: 25px;
box-shadow: 0 0 10px rgba(0,0,0,.12) inset;
border-radius: 50%;
}

.contact_page .form_box .privacy_box .check_btn label:before {
left: 6px;
top: 6px;
width: 13px;
height: 13px;
background: #FFB62C;
border-radius: 50%;
opacity: 0;
}

.contact_page .form_box .privacy_box .check_btn input[type=checkbox]:checked + label:before {
opacity: 1;
}

.contact_page .form_box .btn{
max-width: 313px;
width: 100%;
height: 60px;
margin: 0 auto;
position: relative;
cursor: pointer;
}

.contact_page .form_box .btn::after {
content: "";
display: block;
width: 27px;
height: 27px;
background: url(../common/img/arrow_right02.png) no-repeat center center/7px auto;
background-color: #000;
border-radius: 50%;
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
transition: all .4s;
}

.contact_page .form_box .btn:hover::after{
width: 37px;
height: 37px;
right: 11px;
}

.contact_page .form_box .btn input{
-webkit-appearance: none;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 30px;
border: 2px solid #000;
text-align: center;
background: #fff;
color: #000;
box-shadow: none;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.45;
appearance: none;
cursor: pointer;
}

.contact_page .form_box .btn.btn_back{
margin-bottom: 20px;
}

.contact_page .form_box .btn.btn_back::after {
background-color: #A0A0A0;
right: auto;
left: 16px;
transform: translateY(-50%) rotateZ(180deg);
}

.contact_page .form_box .btn.btn_back:hover::after{
right: auto;
left: 11px;
}

.contact_page .form_box .btn.btn_back input {
border: 2px solid #A0A0A0;
color: #A0A0A0;
}

/*確認画面*/
#confirm.contact_page #cnt_area::before {
bottom: 10%;
}

#confirm.contact_page #cnt_area::after {
content: none;
}

#confirm.contact_page #cnt_area .bg_wrap::before {
top: 40%;
}

#confirm.contact_page #cnt_area .bg_wrap::after {
bottom: 28%;
}

#confirm.contact_page .step_list::before {
background: #FFB62C;
}

#confirm.contact_page .form_box .contents_in {
max-width: 842px;
}

#confirm.contact_page .form_box table th {
margin-bottom: 10px;
padding-left: 0;
}

#confirm.contact_page .form_box table td {
margin-bottom: 45px;
padding-left: 21px;
font-weight: 700;
font-size: 18px;
line-height: 26px;
}

#confirm.contact_page .form_box .privacy_box {
padding: 40px 0 80px;
}

#confirm.contact_page .form_box .privacy_box .check_btn {
font-weight: 700;
font-size: 20px;
line-height: 29px;
}

#confirm.contact_page .form_box .first_txt,
#confirm.contact_page .form_box .submit_text{
font-weight: 500;
font-size: 16px;
line-height: 2;
margin-bottom: 30px;
}

#confirm.contact_page .form_box .error_messe{
font-weight: 500;
font-size: 16px;
line-height: 2;
margin-bottom: 30px;
}

#confirm.contact_page .form_box table tr:last-child th {
padding: 15px 0 60px;
text-align: center;
}

#confirm.contact_page .form_box table tr:last-child th .ttl {
position: relative;
display: inline-block;
border-bottom: 3px solid #F4B94D;
padding: 0 0 4.5px;
font-weight: 700;
font-size: 32px;
line-height: 46px;
font-family: 'Zen Maru Gothic', sans-serif;
}

#confirm.contact_page .form_box table tr:last-child th .ttl::before,#confirm.contact_page .form_box table tr:last-child th .ttl::after{
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background: #F4B94D;
bottom: -7px;
}

#confirm.contact_page .form_box table tr:last-child th .ttl::before{
left: 0;
}

#confirm.contact_page .form_box table tr:last-child th .ttl::after{
right: 0;
}

#confirm.contact_page .form_box table tr:last-child td {
padding: 0 0 35px;
text-align: center;
font-weight: 700;
font-size: 20px;
line-height: 29px;
}

/*完了画面*/
#thanks.contact_page #cnt_area::before,
#thanks.contact_page #cnt_area::after,
#thanks.contact_page #cnt_area .bg_wrap::after {
content: none;
}

#thanks.contact_page .step_list::before,
#thanks.contact_page .step_list::after{
background: #FFB62C;
}

#thanks.contact_page #cnt_area .bg_wrap::before {
top: auto;
bottom: -158px;
}

#thanks.contact_page .form_box .tks_txt {
text-align: center;
font-weight: 500;
font-size: 16px;
line-height: 2;
margin-bottom: 45px;
}

#thanks.contact_page .form_box .tks_txt span{
display: inline-block;
}

#thanks.contact_page .form_box .btn_ptn01 {
max-width: 313px;
}

#thanks.contact_page .form_box .btn_ptn01 a{
padding: 15px 0;
border-radius: 30px;
}