@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
--------------------*/

@media only screen and (max-width:1110px){
/*----------
03.staff 1110
----------*/
#staff .bg .flex_box{
max-width: 550px;
}

}

@media only screen and (max-width:1024px){
/*----------
01.top 1024
----------*/
#top #mainvisual_area .mv_top::before{
width: 36.03%;
right: 17.31%;
background-position: 50% 0;
}

#top #mainvisual_area .mv_top::after{
width: 18.24%;
left: 16.38%;
background-position: 50% 100%;
}

#top #mainvisual_area .mv_top .circle_text span{
font-size: 30px;
line-height: 48px;
width: 55px;
height: 55px;
}

#top #mainvisual_area .mv_top .circle_text02{
bottom: 5px;
}

#top #mainvisual_area .mv_top .fukidashi{
font-size: 56px;
max-width: 305px;
margin-top: -14px;
}

#top #mainvisual_area .mv_top .text_box01{
max-width: 409px;
}

#top #mainvisual_area .mv_top .text_box01::before{
width: 28.19%;
background-position: 50% 0;
}

#top #mainvisual_area .mv_top .text_box02{
max-width: 405px;
}

#top #mainvisual_area .mv_top .text_box02::before{
width: 28.43%;
background-position: 50% 100%;
}

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

#top #cnt_area01 .bg::before, #top #cnt_area01 .bg::after,#top #cnt_area01 .icon03_cnt01{
max-width: 1280px;
width: 120%;
transform: translateX(-10%);
}

#top #cnt_area01 .icon03_cnt01{
bottom: 0;
}

#top #cnt_area01 .cnt_box .btn_ptn01{
max-width: 220px;
left: 0;
right: 0;
margin: 0 auto;
}

#top #cnt_area01 .cnt_box .btn_ptn01 a{
font-size: 18px;
}

#top #cnt_area01 .people02{
top: 60px;
}

#top #cnt_area01 .people02::after{
content: none;
}

#top #cnt_area01 .people01{
top: 383px;
left: -50px;
}

#top #cnt_area01 .people03{
left: 10%;
}

#top #cnt_area02{
margin-top: 30px;
margin-bottom: 0;
}

#top #cnt_area02 .cnt_block{
margin-bottom: 0;
}

#top #cnt_area02 .cnt_block::before, #top #cnt_area02 .cnt_block::after{
background-size: 100% 8px;
}

#top #cnt_area02 .block03::after{
content: none;
}

#top #cnt_area02 .cnt_g .btn_ptn01{
width: 90%;
}

#top #cnt_area02 .cnt_g .btn_ptn01 a{
font-size: 15px;
}

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

#top #blog_area p.first_text{
margin-bottom: 66px;
}

#top #blog_area .slick-arrow.slick-next{
right: 3%;
}

#top #blog_area .slick-arrow.slick-prev{
left: 3%;
}

#top #sns_area .people{
margin-top: -45px;
}

/*----------
02.company 1024
----------*/
#company .title_ptn02 span{
font-size: 30px;
line-height: 44px;
}

#company #cnt_area01 .h2_title span{
font-size: 36px;
line-height: 56px;
}

#company #cnt_area01 .cnt_text{
max-width: 700px;
height: 700px;
font-size: 16px;
line-height: 40px;
}

#company #cnt_area01 .people01{
width: 20.93%;
right: 2.04%;
}

#company #cnt_area01 .people01::before{
width: 111.51%;
height: 97.68%;
right: -59.3%;
bottom: 19.38%;
}

#company #cnt_area01 .people01::after{
width: 89.83%;
height: 78.69%;
}

#company #cnt_area01 .people02{
width: 19.08%;
left: 1.12%;
}

#company #cnt_area01 .people02::before{
width: 122.34%;
height: 97.68%;
bottom: 14.73%;
left: -72.82%;
}

#company #cnt_area01 .people02::after{
width: 98.55%;
height: 78.69%;
}

#company #cnt_area01 .cnt_text::before, #company #cnt_area01 .cnt_text::after{
width: 22.43%;
height: 22.43%;
}

#company #cnt_area01 .cnt_text .deco01{
width: 13%;
top: 2.81%;
left: -3.32%;
}

#company #cnt_area01 .cnt_text .deco02{
width: 20.64%;
bottom: 15.04%;
right: -5.1%;
}

#company #cnt_area02 .cnt_box{
max-width: 880px;
}

#company #cnt_area02 .cnt_img{
width: 32.7%;
}

#company #cnt_area02 .cnt_text{
width: 62.8%;
}

#company #cnt_area02 .cnt_text h3{
font-size: 32px;
line-height: 52px;
}

#company #cnt_area02 .cnt_text p{
font-size: 16px;
}

#company #cnt_area02 .keyword_box{
max-width: 426px;
}

#company #cnt_area02 .keyword_box li .kanji{
width: 112px;
height: 112px;
font-size: 61px;
}

#company #cnt_area02 .circle{
width: 54px;
height: 60px;
}

#company #cnt_area02 .circle::before{
width: 54px;
height: 54px;
}

#company #cnt_area02 .circle::after{
width: 21px;
height: 21px;
}

#company #cnt_area02 .triangle{
width: 92px;
height: 67px;
}

#company #cnt_area02 .triangle::before{
width: 45px;
height: 38px;
border-bottom-width: 38px;
border-left-width: 22.5px;
border-right-width: 22.5px;
}

#company #cnt_area02 .triangle::after{
width: 24px;
height: 20px;
border-bottom-width: 20px;
border-left-width: 12px;
border-right-width: 12px;
}

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

#company #cnt_area03 .cnt_box .keyword_box li{
padding: 9px 0 12px;
}

#company #cnt_area03 .cnt_box .keyword_box img{
padding: 0 30px;
}

#company #cnt_area03 .cnt_box .keyword_box span{
font-size: 18px;
}

#company #cnt_area03 .cnt_box p{
font-size: 14px;
line-height: 25px;
}

#company #cnt_area05 .no1_box{
padding-left: 10px;
padding-right: 10px;
}

#company #cnt_area05 .map_box{
background-size: auto 100%;
}

#company #cnt_area05 p{
font-size: 16px;
line-height: 30px;
}

#company #cnt_area05 .deco01{
width: 6.96%;
top: 31.76%;
}

#company #cnt_area05 .deco02{
width: 7.72%;
top: 8.72%;
}

#company #cnt_area06 .people01{
right: -4.14%;
}

#company #cnt_area06 .people02{
left: -4.14%;
}

#company #cnt_area07 .cnt_box .number_box{
font-size: 37px;
line-height: 47px;
margin-bottom: 10px;
}

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

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

#company #cnt_area08 li .box{
font-size: 28px;
line-height: 44px;
width: 240px;
height: 240px;
}

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

#company #cnt_area08 li .small_text{
max-width: 200px;
font-size: 16px;
line-height: 26px;
}

/*----------
03.staff 1024
----------*/
#staff .fukidashi{
top: 100px;
width: 37%;
}

/*----------
03-2.staff_detail_page 1024
----------*/
.staff_detail_page .cnt_area01 .bg_wrap::before{
width: 130px;
left: -70px;
}

.staff_detail_page .cnt_area01 .bg_wrap::after{
width: 130px;
right: -80px;
}

.staff_detail_page dt{
align-items: start;
}

.staff_detail_page dt::before{
margin-top: 6px;
}

.staff_detail_page #relation_area .flex_box{
max-width: 550px;
width: 100%;
margin: 0 auto;
}

.staff_detail_page #relation_area .cnt_box{
width: 100%;
margin-bottom: 50px;
}

/*----------
04.new_talkroom 1024
----------*/
#new_talkroom .cnt_area01 .cnt_text{
margin-bottom: 0;
}

#new_talkroom .cnt_area02 li a {
font-size: 16px;
}

#new_talkroom .cnt_area02 ul li{
width: 48%;
}

#new_talkroom .cnt_area02 .yellow .contents_in{
padding: 79.4px 20px 80.2px;
}

#new_talkroom .cnt_area02 .pink_bg .contents_in {
padding: 80.3px 20px 80.4px;
}

#new_talkroom .cnt_area02 .blue_bg .contents_in {
padding: 80.3px 20px 80.6px;
}

/*----------
05.message 1024
----------*/

/*----------
06.welfare 1024
----------*/
#welfare #lead_area .contents_in .cnt_img.bg01 {
width: 178px;
height: 140px;
top: 20px;
left: -120px;
}

#welfare #lead_area .contents_in .cnt_img.bg02 {
width: 140px;
height: 140px;
bottom: -80px;
left: 49%;
}

#welfare #lead_area .contents_in .cnt_img.bg03 {
width: 150px;
height: 235px;
top: -47px;
right: -80px;
}

#welfare #cnt_area01 .cnt_box {
margin-bottom: 30px;
padding-top: 62px;
}

#welfare #cnt_area01 .cnt_box .cnt_top {
padding: 15px 0;
}

#welfare #cnt_area01 .cnt_box .cnt_top h2 {
font-size: 22px;
}

#welfare #cnt_area01 .cnt_box .cnt_top .number{
font-size: 29px;
width: 72px;
height: 40px;
top: -37px;
padding-top: 13px;
}

#welfare #cnt_area01 .cnt_box .cnt_top h2 .new {
left: -89px;
width: 89px;
height: 57px;
padding-bottom: 11px;
font-size: 21px;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom {
padding: 20px 15px;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom .flex_box {
max-width: 600px;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom .cnt_img {
max-width: 85px;
min-width: 85px;
margin-right: 15px;
}

/*----------
07.culture 1024
----------*/
#culture .point_g  {
padding: 77px 0 60px;
max-width: 800px;
margin: 0 auto;
}

#culture .point_g .cnt_box {
border-radius: 20px;
padding: 30px;
position: relative;
}

#culture .point_g .bg_number {
font-size: 105px;
}

#culture .point_g:nth-child(even) .bg_number {
left: 25px;
}

#culture .point_g:nth-child(odd) .bg_number {
right: 25px;
}

#culture .point_g .title_box .color_title .point {
font-size: 15px;
padding-bottom: 2px;
}

#culture .point_g .title_box .color_title .number {
font-size: 24px;
}

#culture .point_g .title_box .color_title::before {
top: 13px;
}

#culture .point_g .title_box .h3_title {
font-size: 24px;
line-height: 36px;
}

/* アニメーション前のスタイル */
#culture .point_g .title_box .marker::after {
height: 14px;
transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
}

#culture .point_g .point_list li {
margin-bottom: 10px;
}

#culture .point_g .point_list .h4_title {
font-size: 17px;
margin-bottom: 0;
}

#culture .point_g .cnt_img.icon {
max-width: 150px;
}

#culture .point_g.blue .cnt_img.icon {
right: 20%;
}

#culture .point_g.orange .cnt_img.icon {
right: 22%;
}

#culture .point_g.pink .cnt_img.icon {
right: 34%;
}

#culture .point_g.yellow .cnt_img.icon {
right: 18%;
}

#culture .point_g.purple .cnt_img.icon {
right: 39%;
}

#culture .point_g .cnt_img.deco01 {
width: 80px;
top: -33px;
}

#culture .point_g .cnt_img.deco02 {
width: 66px;
top: 49px;
}

#culture .point_g.blue .cnt_img.deco01 {
right: 29%;
}
#culture .point_g.blue .cnt_img.deco02 {
right: 20%;
}
#culture .point_g.orange .cnt_img.deco01 {
right: 31%;
}
#culture .point_g.orange .cnt_img.deco02 {
right: 22%;
}
#culture .point_g.pink .cnt_img.deco01 {
right: 43%;
}
#culture .point_g.pink .cnt_img.deco02 {
right: 34%;
}
#culture .point_g.yellow .cnt_img.deco01 {
right: 27%;
}
#culture .point_g.yellow .cnt_img.deco02 {
right: 18%;
}
#culture .point_g.purple .cnt_img.deco01 {
right: 48%;
}
#culture .point_g.purple .cnt_img.deco02 {
right: 39%;
}

#culture .point_g:nth-child(even) .cnt_img.clip {
max-width: 40px;
top: -31px;
}

#culture .point_g:nth-child(odd) .cnt_img.clip {
max-width: 38px;
top: -35px;
}

#culture .point_g.blue .cnt_img.man {
max-width: 173px;
}

#culture .point_g.orange .cnt_img.man {
max-width: 220px;
left: 35px;
}

#culture .point_g.pink .cnt_img.man {
max-width: 267px;
right: 15px;
}

#culture .point_g.yellow .cnt_img.man {
max-width: 262px;
left: 15px;
}

#culture .point_g.purple .cnt_img.man {
max-width: 297px;
right: 0;
}

#culture .point_g:nth-child(odd) .cnt_img.dots {
max-width: 150px;
right: -55px;
}

#culture .point_g:nth-child(even) .cnt_img.dots {
max-width: 150px;
left: -55px;
}

#culture #cnt_area02 .contents_in::before {
width: 120px;
height: 534.5px;
left: -34px;
top: 66px;
}

#culture #cnt_area02 .contents_in::after {
width: 160px;
height: 481.5px;
right: -90px;
}

#culture #cnt_area02 ul li p span {
display: inline;
}

/*----------
08.education 1024
----------*/
#education #lead_area .lead_text {
font-size: 16px;
line-height: 28px;
}

#education .color_area {
padding-bottom: 180px;
}

#education .color_area .cnt_g {
max-width: 800px;
margin: 0 auto;
}

#education .color_area .h2_title {
font-size: 28px;
line-height: 40px;
}

#education #seminar_area .cnt_g .cnt_img.img_blue01 {
max-width: 279px;
bottom: -170px;
left: -39px;
}

#education #seminar_area .cnt_g .cnt_img.img_blue02 {
max-width: 226px;
bottom: -180px;
right: -31px;
}

#education #seminar_area .cnt_g .cnt_img.dots_white01 {
max-width: 150px;
top: -130px;
left: 16%;
}

#education #seminar_area .cnt_g .cnt_img.dots_white02 {
max-width: 150px;
bottom: -230px;
right: 18%;
}

#education #seminar_area .cnt_g .cnt_img.triangle_blue01 {
max-width: 22px;
bottom: inherit;
top: 20%;
left: 4%;
z-index: 3;
}

#education #seminar_area .cnt_g .cnt_img.triangle_blue02 {
max-width: 22px;
top: 10%;
right: 14%;
z-index: 3;
transform: rotate(45deg);
}

#education .cnt_area .cnt_g {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}

#education .cnt_area .cnt_box {
padding: 30px 13px;
margin: 0 0 30px;
}

#education .cnt_area .cnt_box .cnt_text {
max-width: 700px;
width: 100%;
}

#education .cnt_area .cnt_box .h3_title {
font-size: 18px;
line-height: 32px;
}

#education .cnt_area .cnt_box .h3_title.marker::after {
width: 100%;
height: 13px;
}

#education .cnt_area .cnt_box .text {
font-size: 13px;
line-height: 26px;
font-weight: 500;
text-align: center;
}

#education .cnt_area .cnt_box .seminar_list li {
padding-left: 14px;
font-size: 13px;
line-height: 26px;
margin-bottom: 12px;
}

#education .cnt_area .cnt_box .sub_text {
font-size: 13px;
line-height: 26px;
}

#education #cnt_area01 .cnt_box .seminar_list.kaigo {
grid-template-columns: 36% 38% 26%;
}

#education #cnt_area01 .cnt_box .seminar_list.hoiku {
grid-template-columns: 36% 38% 26%;
}

#education #cnt_area01 .cnt_box .seminar_list.syogai {
grid-template-columns: 24% 37% 39%;
}

#education #cnt_area01 .cnt_box .seminar_list.iryou {
grid-template-columns: 34% 40% 26%;
}

#education #cnt_area01 .cnt_box .pink_icon01 {
max-width: 76px;
top: -26px;
left: 5%;
}

#education #cnt_area01 .cnt_box .pink_icon02 {
max-width: 70px;
top: 10px;
right: -5%;
}

#education #cnt_area01 .cnt_box .orange_icon01 {
max-width: 80px;
top: -20px;
left: 5%;
}

#education #cnt_area01 .cnt_box .orange_icon02 {
max-width: 70px;
top: -20px;
right: 9%;
}

#education #cnt_area01 .cnt_box .blue_icon01 {
max-width: 90px;
top: 10px;
right: -2%;
}

#education #cnt_area01 .cnt_box .blue_icon02 {
max-width: 70px;
bottom: -25px;
left: 2%;
}

#education #cnt_area01 .cnt_g .pink_dots01 {
max-width: 150px;
top: 6%;
left: -55px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .pink_dots02 {
max-width: 150px;
top: 14%;
right: -55px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .orange_dots01 {
max-width: 150px;
top: 28%;
left: -55px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .blue_dots01 {
max-width: 150px;
bottom: 24%;
right: -55px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .blue_dots02 {
max-width: 150px;
bottom: -1%;
left: -55px;
z-index: -1;
}

#education #license_area .cnt_g .cnt_img.img_yellow01 {
max-width: 274px;
bottom: -158px;
left: -79px;
}

#education #license_area .cnt_g .cnt_img.img_yellow02 {
max-width: 274px;
bottom: -183px;
right: -71px;
}

#education #license_area .cnt_g .cnt_img.dots_orange01 {
position: absolute;
max-width: 150px;
bottom: -60px;
left: -10%;
}

#education #license_area .cnt_g .cnt_img.dots_orange02 {
max-width: 150px;
top: -17px;
right: -10%;
}

#education #license_area .cnt_g .cnt_img.triangle_orange01 {
bottom: -100px;
left: 35%;
}

#education #license_area .cnt_g .cnt_img.triangle_orange02 {
top: -15px;
right: 18%;
}

#education #cnt_area02 .cnt_box .seminar_list.example {
grid-template-columns: 31% 33% 36%;
}

#education #mentor_area .cnt_g .cnt_img.img_pink01 {
max-width: 244px;
bottom: -180px;
left: -40px;
}

#education #mentor_area .cnt_g .cnt_img.img_pink02 {
max-width: 270px;
bottom: -157px;
right: -40px;
}

#education #mentor_area .cnt_g .cnt_img.dots_pink01 {
max-width: 150px;
top: 0px;
left: -11%;
}

#education #mentor_area .cnt_g .cnt_img.dots_pink02 {
max-width: 150px;
bottom: -170px;
right: 14%;
}

#education #mentor_area .cnt_g .cnt_img.triangle_pink01 {
top: 6px;
left: 19%;
}

#education #mentor_area .cnt_g .cnt_img.triangle_pink02 {
bottom: 145px;
right: 2%;
}

#education #career_area .cnt_g .cnt_img.img_purple01 {
max-width: 271px;
bottom: -160px;
left: -32px;
}

#education #career_area .cnt_g .cnt_img.img_purple02 {
max-width: 276px;
bottom: -173px;
right: -35px;
}

#education #career_area .cnt_g .cnt_img.dots_purple01 {
max-width: 150px;
top: -25px;
left: -4%;
}

#education #career_area .cnt_g .cnt_img.dots_purple02 {
max-width: 150px;
top: inherit;
bottom: -40px;
right: -9%;
}

#education #career_area .cnt_g .cnt_img.triangle_purple01 {
bottom: -65px;
left: 40%;
}

#education #career_area .cnt_g .cnt_img.triangle_purple02 {
top: -20px;
right: 5%;
}

/*----------
09.career 1024
----------*/
#career #lead_area .cnt_wrap::before {
right: -110px;
}

#career #lead_area .cnt_wrap::after {
bottom: 38px;
left: -120px;
}

#career #lead_area .cnt_box .fukidashi02 {
right: -15px;
top: -70px;
}

#career #lead_area .cnt_box .fukidashi01 {
width: 71.42px;
height: 56.34px;
left: -16px;
top: 29px;
}

#career #lead_area .cnt_box .txt {
width: 48%;
font-size: 20px;
}

#career #lead_area .cnt_box .txt.orange {
margin-right: 15px;
}

#career #ex_area .cnt_box{
width: calc(100% - 40px);
margin: 0 20px;
}

#career #ex_area .box_top{
padding: 15px 30px 18px;
}

#career #ex_area .box_top .fukidashi p{
width: calc(100% - 20px);
}

#career #ex_area .box_top .people .name_text{
font-size: 16px;
}

#career #ex_area .box_top .people .name_text .monteserrat_font{
font-size: 20px;
}

#career #ex_area .box_top .career_box .flex_box{
align-items: center;
}

#career #ex_area .box_top .career_box .desc{
margin-top: 0;
padding: 20px;
}

/*----------
10.support 1024
----------*/
#support #first_area .first_text{
padding: 0 17px;
}

#support #cnt_area01 .point_area .number_text{
font-size: 100px;
line-height: 126px;
}

#support #cnt_area01 .point_area .cnt_box{
margin-top: -38px;
}

#support #cnt_area01 .point_area .deco01{
top: -37px;
}

#support #cnt_area01 .point_area .deco02{
top: 31px;
}

#support #cnt_area01 .point_area.orange_area .deco01,#support #cnt_area01 .point_area.yellow_area .deco01,#support #cnt_area01 #point06 .deco01{
top: -36px;
}

#support #cnt_area01 .point_area.orange_area .deco02,#support #cnt_area01 .point_area.yellow_area .deco02,#support #cnt_area01 #point06 .deco02{
top: 32px;
}

#support #cnt_area01 .point_area .clip,#support #cnt_area01 .point_area.pink_area .clip,#support #cnt_area01 .point_area.purple_area .clip{
max-width: 39px;
top: -32px;
right: 35%;
}

#support #cnt_area01 .point_area.orange_area .clip,#support #cnt_area01 .point_area.yellow_area .clip,#support #cnt_area01 #point06 .clip{
max-width: 37px;
right: 65%;
top: -36px;
}

/*----------
11.work_style 1024
----------*/
#work_style .h2_title {
font-size: 28px;
}

#work_style .box_ptn01 .em_g .em {
font-size: 180px;
}

#work_style #cnt_area03 .system_block .system_box .sst {
font-size: 20px;
}

#work_style #cnt_area04 .title_g h2 {
font-size: 28px;
}

/*----------
13.data 1024
----------*/
#data .cnt_box09 .number .num, #data .cnt_box10 .number .num {
font-size: 80px;
line-height: 100px;
}

#data .cnt_box09 .jp, #data .cnt_box10 .jp {
font-size: 24px;
}

#data .cnt_box .title {
font-size: 24px;
}

#data .cnt_box09 .cnt_img {
margin: 0 -20px 0 20px;
}

/*----------
14.faq 1024
----------*/
#faq .link_ul{
flex-direction: column;
max-width: 335px;
margin: 0 auto;
}

#faq .link_ul li{
width: 100%;
margin-bottom: 10px;
}

#faq .link_ul li a{
font-size: 16px;
}

#faq .bg_wrap::before {
width: 130px;
left: -70px;
top: 200px;
}

#faq .bg_wrap::after {
width: 130px;
right: -80px;
top: 200px;
}

/*----------
15-2.blog_detail_page 1024
----------*/
.blog_detail_page #related_area .slick-arrow.slick-next {
right: 20px;
}

.blog_detail_page #related_area .slick-arrow.slick-prev {
left: 20px;
}

/*----------
16.recruitment 1024
----------*/
#recruitment #under_maintitle01_area .deco_title_ptn {
width: 100%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img01 {
max-width: 162px;
top: -3%;
right: -110px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img02 {
max-width: 127px;
top: 9%;
left: -80px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img03 {
max-width: 123px;
top: 21%;
right: -90px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img04 {
max-width: 151px;
top: 53%;
left: -105px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img05 {
max-width: 151px;
top: 78%;
right: -75px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img06 {
max-width: 123px;
top: 96%;
left: -75px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.pic01 {
max-width: 177px;
top: 61%;
right: 28%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.pic02 {
max-width: 216px;
top: 68%;
right: 4%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.pic03 {
max-width: 283px;
top: 88%;
right: 9%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.icon01 {
max-width: 84px;
top: 62%;
right: 13%;
}

#recruitment #cnt_area01 .contents_in .cnt_img.icon02 {
max-width: 73px;
top: 85%;
right: 37%;
}

#recruitment #cnt_area01 .cnt_box .h2_title {
font-size: 18px;
padding: 14px 20px 14px 39px;
margin: 0 0 15px 29px;
}

#recruitment #cnt_area01 .cnt_box .h2_title::before {
width: 58px;
height: 58px;
left: -29px;
}

#recruitment #cnt_area01 .cnt_box .recruit_list {
font-size: 13px;
margin-left: 66px;
}

#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text {
font-size: 16px;
max-width: 165px;
padding: 0 21px 8px;
}

#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text::before {
width: 18px;
height: 32px;
}

#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text::after {
width: 18px;
height: 32px;
}

}

@media only screen and (max-width:750px){
/*----------
01.top 750
----------*/
#top #mainvisual_area .mv_top{
width: 100%;
padding: 48px 0 25px;
padding-top: calc((100vw*144/375) + 24px);
}

#top #mainvisual_area .mv_top::before{
width: 46.03%;
right: 0;
top: 30%;
}

#top #mainvisual_area .mv_top::after{
width: 33.24%;
left: 0;
bottom: 20px;
}

#top #mainvisual_area .mv_top .text_g{
width: calc(100% - 40px);
z-index: 2;
}

#top #mainvisual_area .mv_top .text_box01{
max-width: 300px;
}

#top #mainvisual_area .mv_top .text_box02{
max-width: 305px;
}

#top #mainvisual_area .mv_top .circle_text span{
font-size: 27px;
line-height: 40px;
width: 43px;
height: 43px;
}

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

#top #mainvisual_area .mv_top .circle_text02{
bottom: -5px;
}

#top #mainvisual_area .mv_top .circle_text04{
bottom: -4px;
}

#top #mainvisual_area .mv_top .fukidashi{
font-size: 36px;
max-width: 205px;
padding: 8px 0 27px;
margin-top: -8px;
}

#top #mainvisual_area .mv_top .fukidashi01::before{
width: 23px;
}

#top #mainvisual_area .mv_top .fukidashi02::before{
width: 25px;
}

#top #mainvisual_area .mv_top .fukidashi02::after{
width: 13px;
bottom: 20px;
left: -3px;
}

#top .mv_bottom .people01{
width: 43.75%;
}

#top .mv_bottom .people02{
width: 40.53%;
}

#top .mv_bottom .people03{
width: 42.34%;
}

#top .mv_bottom .people01::before{
width: 24.43%;
}

#top .mv_bottom .people03::before{
width: 25.24%;
}

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

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

#top .mv_slider .slider_g li{
width: calc(100vw/2);
}

#top .mv_right{
background-color: #fff;
}

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

#top .mv_left{
position: relative;
z-index: 2;
margin-top: -20px;
background-color: #FFB62C;
overflow: inherit;
padding: 12px 0 0;
}

#top .mv_left::before{
content: "";
display: block;
position: absolute;
top: -8px;
left: 0;
background: url(../common/img/bg_orange.png) repeat-x 50% 50%/auto 8px;
width: 100%;
height: 8px;
}

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

#top header.orange #header_top::before{
top: -8px;
background-size: auto 8px;
content: none;
}

#top header.active.orange #header_top{
padding: 14px 0 13px;
}

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

#top #banner_area .contents_in{
padding: 45px 0 36px;
}

#top #banner_area .banner_box::before{
content: none;
}

#top #banner_area .banner_box{
width: 94%;
display: block;
}

#top #banner_area .banner_box li{
width: 100%;
margin: 0 auto 59px;
}

#top #banner_area .banner_box li::before{
width: 5.74%;
top: -52px;
}

#top #banner_area .banner_box li.banner01::before{
left: -16px;
}

#top #banner_area .banner_box li.banner02::before{
right: -16px;
}

#top #banner_area .banner_box li span::before, #top #banner_area .banner_box li span::after{
width: 27.01%;
}

#top #banner_area .banner_box li.banner01 span::before{
background-position: 50% 100%;
bottom: -21%;
left: -7%;
}

#top #banner_area .banner_box li.banner01 span::after{
background-position: 50% 0;
top: -26%;
}

#top #banner_area .banner_box li.banner02 span::before{
background-position: 50% 100%;
bottom: -20%;
}

#top #banner_area .contents_in::after{
top: auto;
bottom: 30px;
}

#top #cnt_area01::before,#top #cnt_area01::after{
height: 8px;
background-size: auto 8px;
}

#top #cnt_area01::before{
top: -8px;
}

#top #cnt_area01::after{
bottom: -8px;
}

#top #cnt_area01 .contents_in{
padding: 71px 0 90px;
}

#top #cnt_area01 .bg::before, #top #cnt_area01 .bg::after, #top #cnt_area01 .icon03_cnt01{
transform: translateX(0);
max-width: none;
width: 750px;
}

#top #cnt_area01 .bg::before{
left: auto;
right: 0;
top: 10px;
}

#top #cnt_area01 .icon03_cnt01{
bottom: -6%;
}

#top #cnt_area01 .h2_ptn_01 {
font-size: 23px;
}

#top #cnt_area01 .cnt_g{
display: block;
}

#top #cnt_area01 .cnt_box{
max-width: 431px;
width: 100%;
margin: 0 auto 30px;
padding-top: 15px;
}

#top #cnt_area01 .cnt_box .number_box{
max-width: 84px;
}

#top #cnt_area01 .pink_box .cnt_img span,#top #cnt_area01 .blue_box .cnt_img span,#top #cnt_area01 .purple_box .cnt_img span{
width: 84%;
margin: 0 auto;
}


#top #cnt_area01 .blue_box .cnt_img::before{
left: 0;
bottom: auto;
top: -10px;
}

#top #cnt_area01 .blue_box .cnt_img::after{
right: 0;
top: auto;
bottom: -30px;
}

#top #cnt_area01 .purple_box .cnt_img::before{
right: 0;
bottom: auto;
top: -30px;
}

#top #cnt_area01 .people{
display: none;
}

#top #cnt_area02{
margin-bottom: 0px;
}

#top #cnt_area02 .cnt_block{
display: block;
margin-bottom: 0;
}

#top #cnt_area02 .cnt_block::before, #top #cnt_area02 .cnt_block::after{
content: none;
}

#top #cnt_area02 .cnt_g::before, #top #cnt_area02 .cnt_g::after{
opacity: 1;
}

#top #cnt_area02 .cnt_g{
padding-bottom: 35px;
}

#top #cnt_area02 .cnt_g::before, #top #cnt_area02 .cnt_g::after{
height: 8px;
background-size: auto 8px;
}

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

#top #cnt_area02 .cnt_g::after{
bottom: -8px;
}

#top #cnt_area02 .cnt_g .deco_title_ptn{
font-size: 30px;
}

#top #cnt_area02 .cnt_g.cnt_g01,#top #cnt_area02 .cnt_g.cnt_g02{
width: 50%;
float: left;
}

#top #cnt_area02 .cnt_g .cnt_box .cnt_img::before{
width: 51px;
height: 25.5px;
}

#top #cnt_area02 .cnt_g .btn_ptn01 a{
font-size: 12px;
padding: 8px 0;
}

#top #cnt_area02 .cnt_g .btn_ptn01 a::after{
width: 16px;
height: 16px;
background-size: 4px auto;
right: 6px;
}

#top #cnt_area02 .cnt_g .cnt_box{
width: 80%;
}
#top #cnt_area02 .cnt_g .cnt_box .cnt_img::after{
width: 80%;
height: 0;
padding-top: 80%;
}

@keyframes cnt_area02_circle {
from {
width: 0;
padding-top: 0%;
height: 0;
opacity: 0;
}

to {
width: 80%;
height: 0;
padding-top: 80%;
opacity: 1;
}
}

#top #cnt_area02 #welfare .cnt_img span::before{
width: 35.52%;
}

#top #cnt_area02 #welfare .cnt_img span::after{
width: 29.51%;
}

#top #cnt_area02 #culture .cnt_img img{
width: 116.4%;
margin-left: -10.93%;
}

#top #cnt_area02 #culture .cnt_img span::before{
width: 29.51%;
left: -13.04%;
}

#top #cnt_area02 #culture .cnt_img span::after{
width: 35.52%;
right: -17.3%;
}

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

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

#top #cnt_area02 #education .deco_title_ptn{
color: #EF6E91;
}

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

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

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

#top #cnt_area02 #education .cnt_img img{
width: 117.1%;
margin-left: -11.86%;
}

#top #cnt_area02 #education .cnt_img span::before{
background-image: url(../img/top/icon01_education_sp.png);
width: 32.79%;
left: -6.48%;
}

#top #cnt_area02 #education .cnt_img span::after{
background-image: url(../img/top/icon02_education_sp.png);
width: 35.52%;
left: -12.49%;
}

#top #cnt_area02 #career::before{
background-position: 50% 50%;
}

#top #cnt_area02 #career .cnt_img img{
width: 106.57%;
}

#top #cnt_area02 #career .cnt_img span::before{
width: 35.52%;
}

#top #cnt_area02 #career .cnt_img span::after{
width: 29.51%;
}

#top #cnt_area02 #support{
background-color: #6ECCEF;
background-image: url(../img/top/bg_welfare.png);
}

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

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

#top #cnt_area02 #support .animate_deco_title_ptn::before{
background-color: #6ECCEF;
}

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

#top #cnt_area02 #support .cnt_img img{
width: 116.39%;
margin-left: -10.39%;
}

#top #cnt_area02 #support .cnt_img span::before{
width: 29.51%;
background-image: url(../img/top/icon01_support_sp.png);
}

#top #cnt_area02 #support .cnt_img span::after{
width: 35.52%;
right: -9.13%;
background-image: url(../img/top/icon02_support_sp.png);
}

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

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

#top #cnt_area02 #work_style .deco_title_ptn{
color: #FFB62C;
}

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

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


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

#top #cnt_area02 #work_style .cnt_img img{
width: 117.1%;
margin-left: -11.32%;
}

#top #cnt_area02 #work_style .cnt_img span::before{
width: 29.51%;
top: 45px;
background-image: url(../img/top/icon01_work_style_sp.png);
}

#top #cnt_area02 #work_style .cnt_img span::after{
width: 35.52%;
top: 82px;
left: -10.85%;
background-image: url(../img/top/icon02_work_style_sp.png);
}

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

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

#top #cnt_area02 #business .deco_title_ptn{
color: #EF6E91;
}

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

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

#top #cnt_area02 #business .cnt_img span::before{
width: 35.52%;
background-image: url(../img/top/icon01_business_sp.png);
}

#top #cnt_area02 #business .cnt_img span::after{
width: 29.51%;
background-image: url(../img/top/icon02_business_sp.png);
}

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

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

#top #cnt_area02 #number .deco_title_ptn{
color: #A758D9;
}

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

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

#top #cnt_area02 #number .cnt_img img{
width: 116.4%;
}

#top #cnt_area02 #number .cnt_img span::before{
width: 29.51%;
left: -9.76%;
background-image: url(../img/top/icon01_number_sp.png);
}

#top #cnt_area02 #number .cnt_img span::after{
width: 32.52%;
right: -12.49%;
background-image: url(../img/top/icon02_number_sp.png);
}

#top #cnt_area02 #number .btn_ptn01 a{
padding-right: 12px;
}

#top #cnt_area02 #faq{
width: 100%;
}

#top #blog_area::before, #top #blog_area::after{
height: 8px;
background-size: auto 8px;
}

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

#top #blog_area::after{
bottom: -8px;
}

#top #blog_area .bg{
padding: 35px 0 57px;
}

#top #blog_area .bg::before, #top #blog_area .bg::after{
width: 87px;
height: 87px;
}

#top #blog_area .bg::after{
bottom: 2px;
}

#top #blog_area .title_ptn01{
margin-bottom: 10px;
}

#top #blog_area p.first_text{
margin-bottom: 56px;
font-size: 14px;
line-height: 22px;
}

#top #blog_area .deco_title_ptn{
top: 157px;
}

#top #slider_area{
padding: 52px 0 0;
}

#top #slider_area .deco01{
width: 20px;
top: 18%;
}

#top #slider_area .deco02{
width: 107px;
top: 5%;
}

#top #slider_area .deco03{
width: 107px;
top: 50.12%;
}

#top #slider_area .deco04{
width: 28px;
}

#top #slider_area .deco05{
display: none;
}

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

#top .slider_block .slider_g li{
margin: 0 4px;
}

#top #recruit_area .contents_in{
padding-top: 58px;
}

#top #recruit_area .deco01{
width: 51px;
left: 10%;
}

#top #recruit_area .deco02{
width: 60px;
right: 12%;
}

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

#top #recruit_area .deco_title_ptn{
top: 139px;
}

#top #recruit_area .contents_in::before{
width: 50%;
top: 6%;
z-index: 1;
}

#top #recruit_area .contents_in::after{
content: none;
}

#top #recruit_area .cnt_g{
padding: 35px 20px 15px;
}

#top #recruit_area .cnt_g .link_g{
flex-wrap: wrap;
margin-bottom: 15px;
}

#top #recruit_area .cnt_g .link_g li{
width: 48.14%;
margin-bottom: 10px;
}

#top #recruit_area .link_top_g{
display: block;
}

#top #recruit_area .link_top_g .btn_ptn01{
width: 100%;
margin-bottom: 20px;
}

#top #recruit_area .link_top_g .btn_ptn01 a{
font-size: 24px;
line-height: 39px;
padding: 15px 0 19px 68px;
}

#top #recruit_area .link_top_g .recruitment_btn a::before{
left: 21px;
}

#top #recruit_area .link_top_g .entry_btn a::before{
left: 21px;
}

#top #recruit_area .link_top_g .btn_ptn01 a::after{
width: 33px;
height: 33px;
right: 15px;
}

#top #sns_area .deco_title_ptn{
top: 20px;
}

#top #sns_area .contents_in::after{
width: 60%;
top: -40px;
height: 200px;
background-position: 50% 0;
}

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

#top #sns_area .sns_g li a::after{
width: 28px;
height: 28px;
top: 5px;
right: 8px;
background-size: 6px auto;
}

#top #sns_area .people{
margin-top: 0;
width: 80%;
}

#top #sns_area .title{
font-size: 12px;
line-height: 20px;
padding-bottom: 6px;
margin-bottom: 10px;
}

#top #sns_area .title::before, #top #sns_area .title::after{
width: 13px;
height: 26px;
}

#top #sns_area .contents_in::before{
top: 50%;
height: 88px;
}

/*----------
02.company 750
----------*/
#company .title_ptn02 span{
font-size: 24px;
line-height: 38px;
}

#company #cnt_area01 .h2_title{
margin-bottom: 30px;
}

#company #cnt_area01 .h2_title span{
font-size: 24px;
line-height: 44px;
padding: 5px 20px;
margin-bottom: 10px;
}

#company #cnt_area01 .h2_title::after{
width: 3px;
height: 28px;
margin-top: 10px;
}

#company #cnt_area01 .cnt_text{
max-width: 500px;
font-size: 14px;
line-height: 30px;
border-radius: 20px;
height: auto;
padding: 30px 15px;
}

#company #cnt_area01 .people01{
top: 160px;
width: 28.93%;
right: -2%;
}

#company #cnt_area01 .people02{
width: 27.08%;
left: -1.88%;
bottom: 30px;
}

#company #cnt_area01 .cnt_text .deco01{
top: -3%;
}

#company #cnt_area01 .cnt_text .deco02{
bottom: -3%;
}

#company #cnt_area01 .triangle01{
top: 33px;
left: 5%;
width: 22px;
height: 17px;
}

#company #cnt_area01 .triangle02{
width: 16px;
height: 13px;
bottom: 71px;
right: 25%;
}

#company #cnt_area01 .circle{
width: 14px;
height: 14px;
}

#company #cnt_area01 .circle01{
top: 70px;
right: 5%;
}

#company #cnt_area01 .circle02{
top: 200px;
left: 14%;
width: 8px;
height: 8px;
}

#company #cnt_area01 .circle03{
bottom: 34px;
left: 28%;
}

#company #cnt_area02::before{
height: 8px;
background-size: auto 8px;
top: -8px;
}

#company #cnt_area02 .contents_in{
padding: 70px 0 61px;
}

#company #cnt_area02 .contents_in::before{
width: 56px;
height: 49px;
right: -4%;
top: 14px;
}

#company #cnt_area02 .cnt_box{
display: block;
}

#company #cnt_area02 .cnt_img{
width: 62.7%;
margin: 0 auto 20px;
}

#company #cnt_area02 .cnt_text{
width: 100%;
}

#company #cnt_area02 .cnt_text h3{
font-size: 26px;
line-height: 46px;
margin-bottom: 15px;
}

#company #cnt_area02 .cnt_text p{
font-size: 14px;
line-height: 1.8;
}

#company #cnt_area02 .keyword_box{
max-width: 336px;
}

#company #cnt_area02 .keyword_box li .kanji{
width: 82px;
height: 82px;
font-size: 56px;
}

#company #cnt_area02 .keyword_box li .yomi{
font-size: 16px;
padding-bottom: 3px;
margin-bottom: 7px;
}

#company #cnt_area02 .keyword_box li .yomi::before, #company #cnt_area02 .keyword_box li .yomi::after{
width: 10px;
height: 19px;
}

#company #cnt_area03{
padding: 56px 0 61px;
}

#company #cnt_area03::before, #company #cnt_area03::after{
height: 8px;
background-size: auto 8px;
}

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

#company #cnt_area03::after{
bottom: -8px;
}

#company #cnt_area03 .title_ptn02{
margin-bottom: 63px;
}

#company #cnt_area03 .deco_title_ptn{
max-width: 212px;
top: 139px;
}

#company #cnt_area03 .cnt_box{
padding: 15px 15px 20px;
}

#company #cnt_area03 .cnt_box .keyword_box{
display: block;
max-width: 430px;
margin: 0 auto;
}

#company #cnt_area03 .cnt_box .keyword_box li{
padding: 25px 0;
display: flex;
align-items: center;
justify-content: space-between;
border-right: none;
border-bottom: 2px solid #f2f2f2;
}

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

#company #cnt_area03 .cnt_box .keyword_box img{
padding: 0;
width: 36%;
margin: 0;
}

#company #cnt_area03 .cnt_box .keyword_box span{
width: 60%;
font-size: 18px;
text-align: left;
}

#company #cnt_area04{
padding: 58px 0 100px;
}

#company #cnt_area04::after{
bottom: -8px;
height: 8px;
background-size: auto 8px;
}

#company #cnt_area05{
padding: 58px 0 61px;
}

#company #cnt_area05 .cnt_box{
padding: 30px 15px 30px;
}

#company #cnt_area05 .no1_box{
display: block;
padding: 9px 20px 6px;
}

#company #cnt_area05 .no1_box .deco{
width: 28px;
height: 30px;
}

#company #cnt_area05 .no1_box .deco::before{
width: 28px;
height: 28px;
}

#company #cnt_area05 .no1_box .deco::after{
width: 10px;
height: 10px;
}

#company #cnt_area05 .no1_box .deco02{
bottom: -10px;
right: -10px;
}

#company #cnt_area05 .no1_box .number_text{
width: 43.88%;
margin: 0 auto -8px;
}

#company #cnt_area05 .no1_box .no1_text{
width: 100%;
margin: 0 auto;
}

#company #cnt_area05 .attention_text{
font-size: 10px;
line-height: 16px;
margin-bottom: 28px;
}

#company #cnt_area05 p{
font-size: 14px;
line-height: 2;
padding: 0;
}

#company #cnt_area06::before{
height: 8px;
top: -8px;
background-size: auto 8px;
}

#company #cnt_area06 .contents_in{
padding: 41px 0 80px;
}

#company #cnt_area06 p{
font-size: 16px;
line-height: 40px;
}

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

#company #cnt_area06 .people01{
top: 0px;
width: 33.44%;
margin: 0 0 0 auto;
}

#company #cnt_area06 .people02{
bottom: 0;
width: 35.55%;
margin-top: -40px;
}

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

#company #cnt_area07 .cnt_g{
display: block;
}

#company #cnt_area07 .cnt_box{
width: 100%;
margin: 0 auto 25px;
}

#company #cnt_area07 .cnt_box .box_in{
border-radius: 15px;
padding: 15px 15px 19px;
}

#company #cnt_area07 .cnt_img{
border-radius: 10px;
margin-bottom: 17px;
}

#company #cnt_area07 h3{
font-size: 18px;
line-height: 27px;
}

#company #cnt_area07 p{
line-height: 1.8;
text-align: left;
}

#company #cnt_area07 .box_type02 .box_in{
display: block;
}

#company #cnt_area07 .box_type02 .cnt_img{
max-width: none;
width: 100%;
margin-bottom: 17px;
}

#company #cnt_area07 .box_type02 .cnt_text{
width: 100%;
text-align: center;
}

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

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

#company #cnt_area08 li{
width: 36%;
}

#company #cnt_area08 li.list01 .box,#company #cnt_area08 li.list02 .box,#company #cnt_area08 li.list03 .box{
background-color: #fff;
}

#company #cnt_area08 li.list02{
margin: 0 -4%;
}

#company #cnt_area08 li .box{
width: 100%;
height: 0;
padding-top: calc(100% - 4px);
position: relative;
border-width: 2px;
font-size: 16px;
line-height: 22px;
}

#company #cnt_area08 li .box_in{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
}

#company #cnt_area08 li .number{
font-size: 28px;
}

#company #cnt_area08 li .small_text{
font-weight: 700;
max-width: 120px;
font-size: 10px;
line-height: 14px;
margin-bottom: 5px;
}

#company #cnt_area08 li .small_text::before, #company #cnt_area08 li .small_text::after{
width: 1px;
}

/*----------
03.staff 750
----------*/
#staff .bg {
padding: 80px 0;
}

#staff .bg .cnt_box::before {
width: 26%;
height: 26%;
}

#staff .fukidashi a::after{
width: 30px;
height: 30px;
}

#staff .first_text::before{
left: 0;
}

#staff .first_text::after{
right: 0;
}

#staff .first_text {
max-width: 340px;
font-size: 14px;
line-height: 1.6;
}

#staff .bg .cnt_box {
max-width: initial;
width: 48%;
}

#staff .bg .cnt_box::before {
width: 40px;
height: 40px;
}

#staff .bg .cnt_img {
padding-bottom: 17px;
}

#staff .bg .cnt_box:nth-of-type(n) .img {
transition-delay: 0s;
}

#staff .bg .cnt_box:nth-of-type(2) .img,#staff .bg .cnt_box:nth-of-type(3) .img,#staff .bg .cnt_box:nth-of-type(6) .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(11) .img,#staff .bg .cnt_box:nth-of-type(14) .img,#staff .bg .cnt_box:nth-of-type(15) .img {
transition-delay: .5s;
}

#staff .bg .cnt_img .tag{
font-size: 12px;
}

#staff .bg .cnt_box.green .cnt_img .tag {
padding: 2px 10px;
}

#staff .bg .cnt_box.green .cnt_img .tag span {
position: unset;
transform: unset;
padding: 0;
font-size: 12px;
}

#staff .bg .parts {
width: 110px;
}

#staff .bg .parts.p01 {
top: 9%;
left: -2%;
}
#staff .bg .parts.p02 {
top: 24%;
}
#staff .bg .parts.p03 {
top: 39%;
right: 2%;
}
#staff .bg .parts.p04 {
top: 56%;
}
#staff .bg .parts.p05 {
top: 75%;
}
#staff .bg .parts.p06 {
top: 96%;
left: 4%;
}

#staff .cnt_area02 p {
margin: 0 auto;
font-size: 14px;
line-height: 1.6;
}

#staff .cnt_area02 .deco_title_ptn{
text-align: center;
}

#staff .cnt_area02 .person {
max-width: 200px;
bottom: 0;
}

#staff .fukidashi a::after {
width: 20px;
height: 20px;
}

#staff .fukidashi01 {
top: 70px;
}

#staff .fukidashi02 {
top: 177px;
}

#staff .cnt_area02 p {
top: -45px;
}

#staff .fukidashi a {
padding: 21.8px 0 32.8px 15px;
}

#staff .fukidashi a::after{
top: 30%;
}

#staff #sns_area .deco_title_ptn{
top: 20px;
}

#staff #sns_area .contents_in::after{
width: 60%;
top: -40px;
height: 200px;
background-position: 50% 0;
}

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

#staff #sns_area .sns_g li a::after{
width: 28px;
height: 28px;
top: 5px;
right: 8px;
background-size: 6px auto;
}

#staff #sns_area .people{
margin-top: 0;
width: 80%;
}

#staff #sns_area .title{
font-size: 12px;
line-height: 20px;
padding-bottom: 6px;
margin-bottom: 10px;
}

#staff #sns_area .title::before, #top #sns_area .title::after{
width: 13px;
height: 26px;
}

#staff #sns_area .contents_in::before{
top: 50%;
height: 88px;
}

/*----------
03-2.staff_detail_page 750
----------*/
.staff_detail_page #under_maintitle01_area.pink .title_text_area{
margin-top: 67.13px;
padding: 50px 0;
}

.staff_detail_page .cnt_area01::before{
width: 1280px;
min-height: 100vh;
background: center 388px/1280px auto no-repeat url(../img/staff/staff_detail_page/bg02.jpg);
position: absolute;
}

.staff_detail_page .cnt_img{
margin: 0 auto 50px;
}

.staff_detail_page dl{
margin-bottom: 30px;
}

.staff_detail_page dt{
font-size: 18px;
line-height:1.6;
}

.staff_detail_page dt::before{
width: 15px;
height: 15px;
margin-top: 8px;
}

.staff_detail_page dd{
line-height: 1.6;
padding:20px 25px 0;
}

.staff_detail_page .q{
width: 92.5%;
}

.staff_detail_page .attention_text{
font-size: 10px;
}

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

.staff_detail_page .cnt_area01 .bg_wrap::before,.staff_detail_page .cnt_area01 .bg_wrap::after{
content: none;
}

.staff_detail_page #relation_area .cnt_box{
max-width: none;
width: 48%;
}

.staff_detail_page #relation_area .cnt_box::before {
width: 40px;
height: 40px;
}

.staff_detail_page #relation_area .cnt_img {
padding-bottom: 17px;
}

.staff_detail_page #relation_area .cnt_box:nth-of-type(n) .img {
transition-delay: 0s;
}

.staff_detail_page #relation_area .cnt_img .tag{
font-size: 12px;
}

.staff_detail_page #relation_area .cnt_box.green .cnt_img .tag {
padding: 2px 10px;
}

.staff_detail_page #relation_area .cnt_box.green .cnt_img .tag span {
position: unset;
transform: unset;
padding: 0;
font-size: 12px;
}

/*----------
04.new_talkroom 750
----------*/
#new_talkroom #under_maintitle01_area .deco_title_ptn{
width: auto;
}

#new_talkroom .breadcrumb{
padding: 15.5px 0px 38px;
}

#new_talkroom .cnt_area01{
margin: 0 auto 50px;
font-size: 16px;
line-height: 1.6;
padding-bottom: 100px;
background-size: contain;
}

#new_talkroom .cnt_area01 .cnt_text{
margin: 0 auto 30px;
z-index: 1;
}

#new_talkroom .cnt_area01 span{
font-size: 20px;
line-height: 1.6;
}

#new_talkroom .cnt_area01 .cnt_text::before, #new_talkroom .cnt_area01 .cnt_text::after{
width: 11.22px;
height: 27.62px;
}

#new_talkroom .cnt_area01 .cnt_text::after{
right: 0;
}

#new_talkroom .cnt_area01 .cnt_text::before{
left: 0;
}

#new_talkroom .cnt_area02 .profile_g.flex_box{
display: block;
margin-bottom: 60px;
}

#new_talkroom .cnt_area02 .profile_g .profile_box{
width: 100%;
margin: 0 auto 10px;
display: flex;
flex-direction: inherit;
}

#new_talkroom .cnt_area02 .flex_box{
flex-direction: column;
margin: 0 auto 30px;
}

#new_talkroom .cnt_area02 .cnt_img{
width: 100%;
margin-bottom: 20px;
}

#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: 100%;
}

#new_talkroom .cnt_area02 .text_g02{
margin: 0 auto 20px;
}

#new_talkroom .cnt_area02 .q{
font-size: 16px;
line-height: 1.6;
}

#new_talkroom .cnt_area02 .q::before{
margin-right: 15px;
}

#new_talkroom .cnt_area02 dl:not(.sp){
font-size: 14px;
line-height: 1.6;
}

#new_talkroom .cnt_area02 dl.sp{
display: flex;
}

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

#new_talkroom .cnt_area02 dt{
width: 50px;
height: 50px;
margin-right: 15px;
}

#new_talkroom .cnt_area02 dd{
line-height: 1.6;
width: calc(100% - 15px - 50px);
}

#new_talkroom .cnt_area02 .text_g03, #new_talkroom .cnt_area02 .text_g05{
margin-bottom: 20px;
}

#new_talkroom .cnt_area02 dl.pc{
display: none;
}

#new_talkroom .cnt_area02 .flex_box02 + dl{
margin: 0 auto 20px;
}

#new_talkroom .cnt_area02 .yellow .contents_in{
padding: 50px 20px;
margin-bottom: 50px;
}

#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 .contents_in {
padding: 50px 20px;
margin-bottom: 50px;
}

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

#new_talkroom .cnt_area02 .pink_bg::after{
bottom: -9px;
}

#new_talkroom .cnt_area02 .deco06{
z-index: 1;
}

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

#new_talkroom .cnt_area02 .blue_bg .contents_in {
padding: 50px 20px;
}

/*----------
05.message 750
----------*/
#message .cnt_area01 {
padding: 30px 0 60px;
}

#message .cnt_area01 .video::before {
width: 100px;
height: 100px;
right: -20px;
}

#message .cnt_area01 .video::after{
width: 100px;
height: 100px;
left: 0;
}

#message .cnt_area01 .wrap::before,#message .cnt_area01 .wrap::after {
content: none;
}

#message .cnt_area01 .video video {
opacity: 0;
}

#message .cnt_area01 .video .dummy {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/message/thumbnail.jpg) no-repeat center / cover;
pointer-events: none;
}

#message .cnt_area01 .video.played .dummy {
display: none;
}

#message .cnt_area01 .video.played video {
opacity: 1;
}

#message .cnt_area01 .video .btn{
top: calc(50% - 25px);
left: calc(50% - 25px);
width: 50px;
opacity: 1;
}

#message .cnt_area01 .video.is_on .btn{
animation: unset;
}

#message .cnt_area01 .text_block {
margin-top: 50px;
}

#message .cnt_area01 h2 {
margin-bottom: 30px;
}

#message .cnt_area01 p{
padding: 0 20px;
}

#message .cnt_area01 p::before, #message .cnt_area01 p::after{
content: none;
}

#message .cnt_area02 h2,#message .cnt_area04 h2{
margin-bottom: 30px;
}

#message .cnt_area02 .cnt_img {
max-width: 200px;
margin: 0 auto 20px;
}

#message .cnt_area02 p {
margin-bottom: 100px;
padding: 0 20px;
}

#message .cnt_area03 .bg_w {
padding: 30px 20px;
}

#message .cnt_area03 {
margin: 0 auto 50px;
padding-bottom: 85px;
}

#message .people {
width: 120px;
min-width: auto;
}

#message .people.p01 {
left: -12px;
}

#message .people.p02 {
right: -10px;
}

#message .cnt_area04 p{
padding: 0 20px;
}

#message .cnt_area04 .flex_box {
display: block;
}

#message .cnt_area04 .flex_box {
margin-bottom: 30px;
}

#message .cnt_area04 .bg_g {
padding: 20px 20px 50px;
}

#message .cnt_area04 .title{
font-size: 14px;
margin-bottom: 10px;
}

#message .cnt_area04 li::before{
position: absolute;
top: 5px;
left: 0;
}

#message .cnt_area04 li{
position: relative;
padding-left: 15px;
}

#message .cnt_area04 .bg_w{
font-size: 12px;
}

#message .area03_deco02{
z-index: -1;
}

/*----------
06.welfare 750
----------*/
#welfare #lead_area .contents_in {
width: calc(100% - 38px);
}

#welfare #lead_area .lead_text {
font-size: 16px;
line-height: 34px;
max-width: 450px;
}

#welfare #lead_area .lead_text::before {
width: 16px;
height: 28px;
bottom: -25px;
left: -5px;
}

#welfare #lead_area .lead_text::after {
width: 26px;
height: 28px;
bottom: -25px;
right: -5px;
}

#welfare #lead_area .contents_in .cnt_img.bg01 {
width: 133px;
height: 105px;
top: 20px;
left: -80px;
}

#welfare #lead_area .contents_in .cnt_img.bg02 {
width: 105px;
height: 105px;
bottom: -50px;
left: 49%;
}

#welfare #lead_area .contents_in .cnt_img.bg03 {
width: 113px;
height: 177px;
top: -47px;
right: -80px;
}

#welfare #imgs_area {
padding: 60px 0 0;
} 

#welfare #imgs_area .img {
width: 32%;
}

#welfare #imgs_area .deco01{
width: 107px;
top: -41px;
right: 2%;
}

#welfare #imgs_area .deco02{
width: 107px;
bottom: -26px;
left: 13%;
}

#welfare #cnt_area01 .cnt_g {
/* display: block; */
}

#welfare #cnt_area01 .cnt_box.half,#welfare #cnt_area01 .cnt_box {
max-width: inherit;
width: 49%;
border-radius: 10px;
background-color: #f7f7f7;
padding-top: 0;
margin-top: 62px;
}

#welfare #cnt_area01 .cnt_box.half_right {
transition-delay: 0s;
}

#welfare #cnt_area01 .cnt_box .cnt_top {
padding: 14px 8px;
}

#welfare #cnt_area01 .cnt_box .cnt_top h2 {
font-size: 14px;
text-align: center;
line-height: 18px;
width: 100%;
}

#welfare #cnt_area01 .cnt_box .cnt_top .number{
font-size: 20px;
width: 54px;
height: 31px;
top: -30px;
padding-top: 10px;
}

#welfare #cnt_area01 .cnt_box .cnt_top h2 .new {
top: -68px;
left: -10px;
font-size: 14px;
width: 56px;
height: 40px;
padding-bottom: 6px;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom {
padding: 20px 15px;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom .flex_box {
max-width: 500px;
display: block;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom .cnt_img {
max-width: 60px;
min-width: 60px;
margin: 0 auto 15px;
}

#welfare #cnt_area01 .cnt_box .cnt_bottom .text{
font-size: 12px;
line-height: 25px;
}

/*----------
07.culture 750
----------*/
#culture #under_maintitle01_area .title_text_area::before {
background-size: auto 8px;
}

#culture #lead_g h2 {
margin-bottom: 40px;
font-size: 23px;
}

#culture #cnt_area01 .contents_in {
width: calc(100% - 20px - 20px);
}

#culture .point_g  {
padding: 66px 0 52px;
max-width: 500px;
margin: 0 auto;
}

#culture .point_g .cnt_box {
border-radius: 15px;
padding: 40px 20px 0;
position: relative;
}

#culture .point_g .bg_number {
font-size: 90px;
}

#culture .point_g:nth-child(even) .bg_number {
left: 15px;
}

#culture .point_g:nth-child(odd) .bg_number {
right: 15px;
}

#culture .point_g .cnt_text {
width: 100%;
max-width: inherit;
}

#culture .point_g .title_box .color_title {
padding-left: 15px;
}

#culture .point_g .title_box .color_title .point {
font-size: 14px;
padding-bottom: 2px;
}

#culture .point_g .title_box .color_title .number {
font-size: 20px;
}

#culture .point_g .title_box .color_title::before {
width: 10px;
top: 10px;
}

#culture .point_g .title_box .h3_title {
font-size: 20px;
line-height: 30px;
}

/* アニメーション前のスタイル */
#culture .point_g .title_box .marker::after {
height: 11px;
transition: all 0.6s ease-in-out; /* マーカーを引く速度を調整 */
}

#culture .point_g .point_list {
margin-bottom: 20px;
}

#culture .point_g .point_list li {
padding-left: 14px;
}

#culture .point_g .point_list li::before {
width: 7px;
height: 7px;
}

#culture .point_g .point_list .h4_title {
font-size: 16px;
}

#culture .point_g .point_list .point_text {
font-size: 13px;
line-height: 24px;
margin-bottom: 0;
}

#culture .point_g .cnt_img.icon {
max-width: 120px;
min-width: 90px;
width: 25%;
top: 65%;
}

#culture .point_g.blue .cnt_img.icon {
right: 63%;
}

#culture .point_g.orange .cnt_img.icon {
right: inherit;
left: 65%;
}

#culture .point_g.pink .cnt_img.icon {
right: 69%;
}

#culture .point_g.yellow .cnt_img.icon {
right: inherit;
left: 57%;
}

#culture .point_g.purple .cnt_img.icon {
right: 71%;
}

#culture .point_g .cnt_img.deco01 {
width: 15%;
top: 65%;
}

#culture .point_g .cnt_img.deco02 {
width: 12%;
top: 71.5%;
}

#culture .point_g.blue .cnt_img.deco01 {
right: 75.5%;
}
#culture .point_g.blue .cnt_img.deco02 {
right: 63%;
}
#culture .point_g.orange .cnt_img.deco01 {
right: 20%;
}
#culture .point_g.orange .cnt_img.deco02 {
right: 8%;
}
#culture .point_g.pink .cnt_img.deco01 {
right: 81%;
}
#culture .point_g.pink .cnt_img.deco02 {
right: 69%;
}
#culture .point_g.yellow .cnt_img.deco01 {
right: 28%;
}
#culture .point_g.yellow .cnt_img.deco02 {
right: 16%;
}
#culture .point_g.purple .cnt_img.deco01 {
right: 83%;
}
#culture .point_g.purple .cnt_img.deco02 {
right: 71%;
}

#culture .point_g:nth-child(even) .cnt_img.clip {
max-width: 36px;
top: -29px;
}

#culture .point_g:nth-child(odd) .cnt_img.clip {
max-width: 34px;
top: -32px;
left: 35px;
}

#culture .point_g .cnt_img.man{
position: relative;
bottom: inherit;
}

#culture .point_g.blue .cnt_img.man {
min-width: 136px;
max-width: 180px;
width: 45%;
right: inherit;
margin: 0 6% 0 auto;
}

#culture .point_g.orange .cnt_img.man {
min-width: 178px;
max-width: 225px;
width: 50%;
left: inherit;
margin: 0 auto 0 10%;
}

#culture .point_g.pink .cnt_img.man {
min-width: 210px;
max-width: 285px;
width: 65%;
bottom: inherit;
margin: 0 -3% 0 auto;
}

#culture .point_g.yellow .cnt_img.man {
min-width: 206px;
max-width: 260px;
width: 60%;
left: inherit;
margin: 0 auto 0 6%;
}

#culture .point_g.purple .cnt_img.man {
position: relative;
min-width: 233px;
max-width: 300px;
width: 70%;
bottom: inherit;
right: inherit;
margin: 0 -20px 0 auto;
}

#culture .point_g:nth-child(odd) .cnt_img.dots {
max-width: 130px;
right: -45px;
}

#culture .point_g:nth-child(even) .cnt_img.dots {
max-width: 130px;
left: -45px;
}

#culture #cnt_area02::after {
top: -8px;
background-size: auto 8px;
}

#culture #cnt_area02 .contents_in::before {
left: -54px;
top: 43px;
}

#culture #cnt_area02 ul li {
width: 100%;
}

#culture #cnt_area02 ul li:nth-child(n + 2) {
margin-top: 20px;
}

#culture #cnt_area02 ul {
display: block;
max-width: 490px;
margin: 0 auto;
}

#culture #cnt_area02 .ttl {
font-size: 18px;
line-height: 1.7;
margin-bottom: 35px;
}

#culture #cnt_area02 .ttl::before,#culture #cnt_area02 .ttl::after {
width: 13px;
}

#culture #cnt_area02 .ttl::before{
margin: 0 10px 0 0;
}

#culture #cnt_area02 .ttl::after{
margin: 0 0 0 10px;
}

#culture #cnt_area02 .cnt_box {
margin-top: 60px;;
padding: 280x 15px 25px;
}

#culture #cnt_area02 .cnt_box h3 {
font-size: 18px;
line-height: 1.8;
margin-bottom: 25px;
}

#culture #cnt_area02 .cnt_box h3::before,#culture #cnt_area02 .cnt_box h3::after {
  margin: 5px 10px 0;
}

#culture #cnt_area02 .cnt_box p {
font-size: 14px;
line-height: 24px;
}

#culture #cnt_area02 .cnt_box .fukidashi01 {
left: 15px;
top: -30px;
max-width: 80px;
}

#culture #cnt_area02 .cnt_box .fukidashi02 {
right: -15px;
bottom: 16.4px;
max-width: 50px;
}

/*----------
08.education 750
----------*/
#education .contents_in {
width: calc(100% - 20px - 20px);
}

#education #under_maintitle01_area .deco_title_ptn {
width: auto;
}

#education #lead_area .contents_in {
width: calc(100% - 15px - 15px);
}

#education #lead_area .lead_text {
font-size: 14px;
max-width: 500px;
}

#education #lead_area .lead_text::before,#education #lead_area .lead_text::after{
bottom: -20px;
width: 17px;
height: 30px;
}

#education .color_area {
padding: 70px 0 200px;
}

#education .color_area .cnt_g {
max-width: 500px;
padding-bottom: 20px;
}

#education .color_area .h2_title {
font-size: 24px;
line-height: 36px;
margin: 0 auto 35px; 
}

/* アニメーション前のスタイル */
#education .color_area .h2_title.border span::after {
height: 2px;
transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
}

#education .color_area .h2_title::before,#education .color_area .h2_title::after {
width: 8px;
height: 8px;
bottom: -8.5px;
}

#education .color_area .h2_title::after {
right: calc(100% - 8px);
transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
}

#education .color_area .top_text {
font-size: 13px;
}

#education .cnt_area .cnt_box {
padding: 30px 13px;
margin: 0 auto 30px;
max-width: 650px;
}

#education .cnt_area .cnt_box.half {
max-width: 650px;
width: 100%;
}

#education .cnt_area .cnt_box .cnt_text {
max-width: 500px;
width: 100%;
}

#education .cnt_area .cnt_box .h3_title {
font-size: 16px;
line-height: 28px;
}

#education .cnt_area .cnt_box .h3_title.marker::after {
height: 11px;
}

#education .cnt_area .cnt_box .seminar_list li {
padding-left: 10px;
font-size: 13px;
line-height: 22px;
margin-bottom: 12px;
}

#education .cnt_area .cnt_box .seminar_list li:nth-child(odd) {
padding-right: 10px;
}

#education .cnt_area .cnt_box .seminar_list li::before {
width: 6px;
height: 6px;
top: 8px;
}

#education .cnt_area .cnt_box .sub_text {
margin-top: 5px;
}

#education #seminar_area .cnt_g .cnt_img.img_blue01 {
max-width: 209px;
bottom: -150px;
left: -49px;
}

#education #seminar_area .cnt_g .cnt_img.img_blue02 {
max-width: 168px;
bottom: -160px;
right: -41px;
}

#education #seminar_area .cnt_g .cnt_img.dots_white01 {
max-width: 100px;
top: -100px;
left: 7%;
}

#education #seminar_area .cnt_g .cnt_img.dots_white02 {
max-width: 100px;
bottom: -220px;
right: 22%;
}

#education #seminar_area .cnt_g .cnt_img.triangle_blue01 {
max-width: 18px;
bottom: inherit;
top: 25%;
left: -2%;
z-index: 3;
}

#education #seminar_area .cnt_g .cnt_img.triangle_blue02 {
max-width: 18px;
top: -5%;
right: 0;
z-index: 3;
transform: rotate(45deg);
}

#education #imgs_area {
padding: 60px 0 0;
} 

#education #imgs_area .img,#education #cnt_area01 .img_box li {
width: 32%;
}

#education #cnt_area01 .img_box{
margin-bottom: 30px;
}

#education #cnt_area01 .img_box li{
border-radius: 5px;
}

#education #imgs_area .deco01{
width: 107px;
top: -41px;
right: 2%;
}

#education #imgs_area .deco02{
width: 107px;
bottom: -26px;
left: 13%;
}

#education #cnt_area01 .cnt_box .seminar_list.kaigo {
grid-template-columns: 53% 47%;
}

#education #cnt_area01 .cnt_box .seminar_list.hoiku {
grid-template-columns: 53% 47%;
}

#education #cnt_area01 .cnt_box .seminar_list.syogai {
grid-template-columns: 53% 47%;
}

#education #cnt_area01 .cnt_box .seminar_list.iryou {
grid-template-columns: 53% 47%;
}

#education #cnt_area01 .cnt_box .pink_icon01 {
max-width: 60px;
top: -20px;
left: 5%;
}

#education #cnt_area01 .cnt_box .pink_icon02 {
max-width: 55px;
top: 10px;
right: -5%;
}

#education #cnt_area01 .cnt_box .orange_icon01 {
max-width: 65px;
top: -15px;
left: 5%;
}

#education #cnt_area01 .cnt_box .orange_icon02 {
max-width: 55px;
top: -15px;
right: 9%;
}

#education #cnt_area01 .cnt_box .blue_icon01 {
max-width: 75px;
top: -20px;
right: -4%;
}

#education #cnt_area01 .cnt_box .blue_icon02 {
max-width: 55px;
top: -20px;
left: 8%;
}

#education #cnt_area01 .cnt_g .pink_dots01 {
max-width: 110px;
top: 4%;
left: -35px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .pink_dots02 {
max-width: 110px;
top: 27%;
right: -35px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .orange_dots01 {
max-width: 110px;
top: 36%;
left: -35px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .blue_dots01 {
max-width: 110px;
bottom: 20%;
right: -35px;
z-index: -1;
}

#education #cnt_area01 .cnt_g .blue_dots02 {
max-width: 110px;
bottom: 1%;
left: -35px;
z-index: -1;
}

#education #license_area .cnt_g .cnt_img.img_yellow01 {
max-width: 205px;
bottom: -158px;
left: -45px;
}

#education #license_area .cnt_g .cnt_img.img_yellow02 {
max-width: 205px;
bottom: -173px;
right: -45px;
}

#education #license_area .cnt_g .cnt_img.dots_orange01 {
max-width: 100px;
bottom: -75px;
left: -20%;
}

#education #license_area .cnt_g .cnt_img.dots_orange02 {
max-width: 100px;
top: -17px;
right: -18%;
}

#education #license_area .cnt_g .cnt_img.triangle_orange01 {
max-width: 14px;
bottom: 100px;
left: 0%;
}

#education #license_area .cnt_g .cnt_img.triangle_orange02 {
max-width: 14px;
top: -40px;
right: 26%;
}

#education #cnt_area02 {
padding: 75px 0;
}

#education #cnt_area02 .cnt_box .seminar_list.example {
grid-template-columns: 52% 48%;
}

#education #mentor_area .cnt_g .cnt_img.img_pink01 {
max-width: 195px;
bottom: -175px;
left: -40px;
}

#education #mentor_area .cnt_g .cnt_img.img_pink02 {
max-width: 216px;
bottom: -157px;
right: -40px;
}

#education #mentor_area .cnt_g .cnt_img.dots_pink01 {
max-width: 100px;
top: -20px;
left: -9%;
}

#education #mentor_area .cnt_g .cnt_img.dots_pink02 {
max-width: 100px;
bottom: -170px;
right: 20%;
}

#education #mentor_area .cnt_g .cnt_img.triangle_pink01 {
max-width: 14px;
top: -27px;
left: 16%;
}

#education #mentor_area .cnt_g .cnt_img.triangle_pink02 {
max-width: 14px;
bottom: inherit;
top: 30px;
right: 0;
}

#education #career_area .cnt_g .cnt_img.img_purple01 {
max-width: 217px;
bottom: -160px;
left: -32px;
}

#education #career_area .cnt_g .cnt_img.img_purple02 {
max-width: 211px;
bottom: -173px;
right: -35px;
}

#education #career_area .cnt_g .cnt_img.dots_purple01 {
max-width: 100px;
top: -25px;
left: -19%;
}

#education #career_area .cnt_g .cnt_img.dots_purple02 {
max-width: 100px;
top: inherit;
bottom: -65px;
right: -13%;
}

#education #career_area .cnt_g .cnt_img.triangle_purple01 {
max-width: 14px;
bottom: -65px;
left: 40%;
}

#education #career_area .cnt_g .cnt_img.triangle_purple02 {
max-width: 14px;
top: -25px;
right: 3%;
}

#education #slider_area{
padding: 30px 0 50px;
}

#education #slider_area .deco01{
width: 30px;
}

#education #slider_area .deco02{
width: 107px;
top: -7.5%;
}

#education #slider_area .deco03{
width: 95px;
}

#education #slider_area .deco04{
width: 35px;
}

#education .slider_block .slider_g li{
margin: 0 4px;
}

/*----------
09.career 750
----------*/
#career #under_maintitle01_area .deco_title_ptn {
width: 100%;
}

#career .breadcrumb {
margin-bottom: 48px;
}

#career #lead_area::before {
height: 8px;
bottom: -8px;
background-size: auto 8px;
}

#career #lead_area::after {
width: 130px;
height: 130px;
bottom: -70px;
right: 26%;
}

#career #lead_area .cnt_wrap::before {
width: 130px;
height: 206px;
bottom: auto;
right: -75px;
top: 40px;
}

#career #lead_area .cnt_wrap::after {
width: 130px;
height: 109px;
bottom: 195px;
left: -80px;
}

#career #lead_area .cnt_box {
display: block;
max-width: 520px;
padding: 0 10px;
}

#career #lead_area .cnt_box::before {
bottom: -125px;
left: 10px;
}

#career #lead_area .cnt_box .fukidashi01 {
width: 62.42px;
height: 50.34px;
top: 93px;
}

#career #lead_area .cnt_box .fukidashi02 {
top: 213px;
width: 64px;
height: 51px;
}

#career #lead_area .cnt_box .txt {
width: 100%;
max-width: 390px!important;
font-size: 18px;
line-height: 1.7;
margin: 0 0 35.5px auto;
border-radius: 50px;
}

#career #lead_area .cnt_box .txt.orange {
margin: 60px auto 60px 0;
}

#career #lead_area .cnt_box .txt.pink::before {
right: -25px;
}

#career #lead_area .cnt_txt {
font-size: 16px;
line-height: 2;
}

#career #lead_area .cnt_txt::before {
margin-right: 16.2px;
}

#career #career_area {
padding: 60px 0 70px;
}

#career #career_area .ttl_wrap {
margin-bottom: 25px;
}

#career #career_area .ttl_wrap h2 {
font-size: 22px;
line-height: 1.7;
}

#career #career_area .first_txt {
line-height: 2;
margin-bottom: 35px;
}

#career #career_area .cnt_box {
padding: 15px 10px 25px;
}

#career #career_area .cnt_box h3 {
font-size: 18px;
line-height: 1.7;
margin-bottom: 30px;
}

#career #career_area .cnt_box h3::before,#career #career_area .cnt_box h3::after {
width: 12px;
height: 12px;
margin: 4px 8px 0;
}

#career #ex_area {
padding: 60px 0 70px;
}

#career #ex_area::before {
height: 8px;
top: -8px;
background-size: auto 8px;
}

#career #ex_area::after {
height: 8px;
bottom: -8px;
background-size: auto 8px;
}

#career #ex_area .ttl_wrap {
margin-bottom: 25px;
}

#career #ex_area .ttl_wrap h2 {
font-size: 22px;
line-height: 1.7;
}

#career #ex_area .first_txt {
line-height: 2;
margin-bottom: 25px;
}

#career #ex_area .contents_in::before,#career #ex_area .contents_in::after,#career #ex_area .cnt_box::before,#career #ex_area .cnt_box::after {
width: 120px;
height: 120px;
}

#career #ex_area .contents_in::before {
top: 200px;
left: -80px;
}

#career #ex_area .contents_in::after {
bottom: -45px;
right: -80px;
}

#career #ex_area .cnt_box{
margin: 0 10px;
}

#career #ex_area .box_top{
padding: 20px 15px 13px;
}

#career #ex_area .box_top .people_box{
display: block;
}

#career #ex_area .box_top .people{
max-width: 150px;
width: 100%;
margin: 0 auto;
}

#career #ex_area .box_top .people img{
max-width: 107px;
width: 100%;
}

#career #ex_area .box_top .people .name_text{
font-size: 14px;
}

#career #ex_area .box_top .people .name_text .monteserrat_font{
font-size: 18px;
}

#career #ex_area .box_top .fukidashi{
margin: 5px auto 0;
width: 100%;
padding: 14px 0 0;
}

#career #ex_area .box_top .fukidashi::before{
top: 0;
left: 50%;
transform: translate(-50%,0) rotate(90deg);
}

#career #ex_area .box_top .fukidashi p{
width: 100%;
font-size: 12px;
line-height: 22px;
padding: 8px 15px;
}

#career #ex_area .box_top .fukidashi p::after{
top: -2px;
left: 50%;
transform: translate(-50%,0);
width: 11px;
height: 2px;
}

#career #ex_area .box_top .career_box .flex_box{
padding-bottom: 21px;
}

#career #ex_area .box_top .career_box .flex_box + .flex_box{
margin-top: -16px;
}

#career #ex_area .box_top .career_box .title{
font-size: 10px;
line-height: 16px;
max-width: 100px;
padding-top: 18px;
height: calc(125px - 16px);
}

#career #ex_area .box_top .career_box .title::before, #career #ex_area .box_top .career_box .title::after{
height: 16px;
border-left-width: calc(100px/2);
border-right-width: calc(100px/2);
border-top-width: 16px;
}

#career #ex_area .box_top .career_box .title::after{
bottom: -16px;
}

#career #ex_area .box_top .career_box .desc{
width: calc(100% - 100px - 10px);
margin-left: 10px;
font-size: 12px;
line-height: 20px;
padding: 10px 15px;
border-radius: 10px;
}

#career #ex_area .cnt_box .box_bottom{
font-size: 16px;
line-height: 26px;
padding: 13px 10px 15px;
}

#career #ex_area .arrows_g .slick-arrow{
width: 37px;
height: 37px;
background-size: 9px auto;
}

#career #ex_area .arrows_bottom_g{
display: flex;
}

#career #feature_area {
padding: 60px 0 0;
}

#career #feature_area .ttl_wrap {
margin-bottom: 25px;
}

#career #feature_area .ttl_wrap h2 {
font-size: 22px;
line-height: 1.7;
}

#career #feature_area .cnt_box {
display: block;
}

#career #feature_area .cnt_box .cnt_g {
width: 100%;
max-width: 480px!important;
margin: 0 auto;
}

#career #feature_area .cnt_box .cnt_g:nth-child(n + 2) {
margin-top: 30px;
}

#career #feature_area .cnt_box .cnt_g.g01::before {
width: 130px;
height: 162.45px;
top: 0;
left: -80px;
}

#career #feature_area .cnt_box .cnt_g.g02::before {
width: 130px;
height: 137.39px;
top: -20px;
right: -80px;
}

#career #feature_area .cnt_box .cnt_g.g04::before {
width: 130px;
height: 153.76px;
top: -20px;
right: -80px;
}

#career #feature_area .cnt_box .cnt_g.g05::before {
width: 130px;
height: 157.35px;
top: 0;
right: auto;
left: -70px;
}

#career #feature_area .cnt_box .cnt_g .num {
font-size: 34px;
line-height: 1;
}

#career #feature_area .cnt_box .cnt_g .num::before {
width: 70px;
}

#career #feature_area .cnt_box .cnt_g .num.active::after {
width: 120px;
}

#career #feature_area .cnt_box .cnt_g:nth-of-type(even) .num::after {
transition-delay: 0s;
}

#career #feature_area .cnt_box .cnt_g:nth-of-type(even) .detail {
animation-delay: .3s;
}

#career #feature_area .cnt_box .cnt_g .detail,
#career #feature_area .cnt_box .cnt_g.g05 .detail {
display: block;
padding: 25px 15px 20px;
background: #fff;
position: relative;
z-index: 0;
}

#career #feature_area .cnt_box .cnt_g .detail .cnt_img,
#career #feature_area .cnt_box .cnt_g.g05 .detail .cnt_img{
width: 100%;
max-width: 375px;
margin: 0 auto 15px;
}

#career #feature_area .cnt_box .cnt_g .detail .cnt_txt,
#career #feature_area .cnt_box .cnt_g.g05 .detail .cnt_txt{
width: 100%;
max-width: none;
text-align: center;
}

#career #feature_area .cnt_box .cnt_g .detail h3,
#career #feature_area .cnt_box .cnt_g.g05 .detail h3 {
font-size: 18px;
line-height: 1.8;
margin-bottom: 15px;
}

#career #feature_area .cnt_box .cnt_g.g03::before {
width: 130px;
height: 153.52px;
bottom: auto;
left: -80px;
top: -25px;
}

/*----------
10.support 750
----------*/
#support #first_area{
padding: 40px 0 20px;
}

#support #first_area .first_text{
max-width: 332px;
font-size: 14px;
line-height: 28px;
}

#support #cnt_area01 .point_area{
margin-bottom: 30px;
}

#support #cnt_area01 .point_area .number_text{
font-size: 95px;
line-height: 121px;
margin-left: 15px;
}

#support #cnt_area01 .point_area.row_area .number_text{
margin-right: 15px;
}

#support #cnt_area01 .point_area .cnt_box{
width: 100%;
padding: 40px 20px 40px;
}

#support #cnt_area01 .point_area .cnt_text{
max-width: none;
width: 100%;
margin-bottom: 15px;
}

#support #cnt_area01 .point_area.row_area .cnt_text{
margin: 0 auto 15px;
}

#support #cnt_area01 .point_area .color_title{
padding-left: 15px;
}

#support #cnt_area01 .point_area .color_title::before{
width: 10px;
top: 14px;
}

#support #cnt_area01 .point_area .color_title .point{
font-size: 14px;
line-height: 17px;
}

#support #cnt_area01 .point_area .color_title .number{
font-size: 20px;
line-height: 26px;
}

#support #cnt_area01 .point_area .h3_title{
font-size: 20px;
line-height: 32px;
margin-bottom: 20px;
}

#support #cnt_area01 .point_area .cnt_img{
position: relative;
top: auto;
right: auto;
width: 60%;
margin: 0 auto;
}

#support #cnt_area01 .point_area .deco01{
top: auto;
right: auto;
bottom: 36%;
left: 12%;
width: 15.52%;
}

#support #cnt_area01 .point_area .deco02{
top: auto;
bottom: 35%;
right: 10%;
width: 12.56%;
}

#support #cnt_area01 .point_area.row_area .cnt_img{
left: auto;
}

#support #cnt_area01 .point_area.orange_area .deco01, #support #cnt_area01 .point_area.yellow_area .deco01,#support #cnt_area01 #point06 .deco01{
top: auto;
}

#support #cnt_area01 .point_area.orange_area .deco02, #support #cnt_area01 .point_area.yellow_area .deco02,#support #cnt_area01 #point06 .deco02{
top: auto;
}

#support #cnt_area01 .point_area.orange_area .deco01{
right: auto;
left: 8%;
bottom: 30%;
}

#support #cnt_area01 .point_area.orange_area .deco02{
right: 10%;
}

#support #cnt_area01 .point_area.pink_area .deco01{
right: auto;
}

#support #cnt_area01 .point_area.pink_area .deco02{
right: 10%;
}

#support #cnt_area01 .point_area.yellow_area .deco01{
right: auto;
}

#support #cnt_area01 .point_area.yellow_area .deco02{
right: 10%;
}

#support #cnt_area01 .point_area.purple_area .deco01{
right: auto;
}

#support #cnt_area01 .point_area.purple_area .deco02{
right: 10%;
}

#support #cnt_area01 #point06 .deco01{
right: auto;
}

#support #cnt_area01 #point06 .deco02{
right: 10%;
}

#support #cnt_area01 .deco_page02,#support #cnt_area01 .deco_page03{
right: -15.94%;
}

#support #cnt_area01 .deco_page04{
right: -18.44%;
}

#support #cnt_area01 .deco_page06{
right: -11.64%;
}

#support #voice_area{
margin-bottom: 60px;
}

#support #voice_area .title span{
font-size: 22px;
}

#support #voice_area .title span::before, #support #voice_area .title span::after{
width: 14px;
height: 14px;
margin: 5px 6px 0;
}

#support #voice_area .cnt_g{
display: block;
}

#support #voice_area .cnt_box{
max-width: none;
width: 100%;
margin: 0 auto 20px;
padding: 20px 12px 26px;
display: flex;
align-items: center;
justify-content: space-between;
}

#support #voice_area .cnt_img{
width: 25%;
margin: 0 10px 0 0;
}

#support #voice_area .cnt_text{
width: calc(100% - 25% - 10px);
}

/*----------
11.work_style 750
----------*/
#work_style .breadcrumb {
margin-bottom: 30px;
}

#work_style .h2_title {
font-size: 24px;
}

#work_style .box_ptn01 .em_g::before,
#work_style .box_ptn01 .em_g::after {
bottom: 5px;
width: 38px;
height: 43px;
}

#work_style .box_ptn01 .em_g::before {
left: calc(-15px - 38px);
}

#work_style .box_ptn01 .em_g::after {
right: calc(-15px - 38px);
}

#work_style .box_ptn01 .em_g .em {
font-size: 90px;
}

#work_style .box_ptn01 .em_g .unit {
font-size: 28px;
}

#work_style .parts_clip::before {
top: -15px;
width: 22px;
height: 70px;
}

#work_style #cnt_area01 .bg_parts {
padding-bottom: 70px;
}

#work_style #cnt_area01 .bg_parts .parts {
width: 110px;
}

#work_style #cnt_area01 .bg_parts .parts.p01 {
left: -20px;
}

#work_style #cnt_area01 .bg_parts .parts.p02 {
right: -20px;
}

#work_style #cnt_area01 .overtime_block::before {
right: 30px;
}

#work_style #cnt_area01 .overtime_block p {
font-size: 14px;
}

#work_style #cnt_area02::after {
content: none;
}

#work_style #cnt_area02 .bg_parts {
padding: 40px 0;
}

#work_style #cnt_area02 .bg_parts::before,#work_style #cnt_area02 .bg_parts::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
width: 50%;
max-width: 188px;
height: 100%;
}

#work_style #cnt_area02 .bg_parts::before {
left: 0;
background: url(../img/work_style/overtime_bg01_sp01.png) no-repeat left top / contain;
}

#work_style #cnt_area02 .bg_parts::after {
right: 0;
background: url(../img/work_style/overtime_bg01_sp02.png) no-repeat right top / contain;
}

#work_style #cnt_area02 .h2_g {
margin-bottom: 40px;
}

#work_style #cnt_area02 .h2_g .sub {
font-size: 14px;
}

#work_style #cnt_area02 .holiday_block {
padding: 20px 25px 30px;
}

#work_style #cnt_area02 .holiday_block::before {
left: 30px;
}

#work_style #cnt_area02 .holiday_block .em_g {
margin-bottom: 10px;
}

#work_style #cnt_area02 .holiday_block .box_ptn01 p {
font-size: 16px;
}

#work_style #cnt_area02 .holiday_block .txt_box {
margin-top: 25px;
padding-top: 25px;
}

#work_style #cnt_area02 .holiday_block .txt_box p {
font-size: 14px;
}

#work_style #cnt_area03 .bg_parts {
padding: 60px 0;
}

#work_style #cnt_area03 .bg_parts::before {
top: 0;
left: 0;
transform: unset;
width: 50%;
max-width: 188px;
height: 100%;
background: url(../img/work_style/holiday_bg01_sp01.png) no-repeat left top / contain;
}

#work_style #cnt_area03 .bg_parts::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
width: 50%;
max-width: 188px;
height: 100%;
background: url(../img/work_style/holiday_bg01_sp02.png) no-repeat right top / contain;
}

#work_style #cnt_area03 .lead_g .title_g {
padding-top: 40px;
}

#work_style #cnt_area03 .lead_g .title_g::before {
top: calc(20px - 32px);
left: calc(30px - 55px);
width: 55px;
}

#work_style #cnt_area03 .lead_g .title_g::after {
top: auto;
right: auto;
left: calc(50% + 30px + 58px);
bottom: -58px;
width: 58px;
background-image: url(../img/work_style/system_parts02_sp.png);
}

#work_style #cnt_area03 .lead_g .h2_title .line {
padding-right: 30px;
padding-left: 30px;
}

#work_style #cnt_area03 .system_block {
margin-top: 60px;
}

#work_style #cnt_area03 .system_block .st {
padding-left: 12px;
font-size: 17px;
}

#work_style #cnt_area03 .system_block .st span {
padding: 0 15px 5px;
}

#work_style #cnt_area03 .system_block .st span::before,#work_style #cnt_area03 .system_block .st span::after {
width: 16px;
}

#work_style #cnt_area03 .system_block .flex_box {
display: block;
}

#work_style #cnt_area03 .system_block .system_box {
width: 100%;
}

#work_style #cnt_area03 .system_block .system_box + .system_box {
margin-top: 30px;
}

#work_style #cnt_area03 .system_block .system_box .num {
width: 70px;
height: 30px;
padding-top: 11px;
font-size: 24px;
}

#work_style #cnt_area03 .system_block .system_box .sst {
padding: 10px;
font-size: 18px;
}

#work_style #cnt_area03 .system_block .system_box .txt_box {
padding: 16px 20px;
}

#work_style #cnt_area03 .system_block .system_box .txt_box .ico {
width: 65px;
}

#work_style #cnt_area03 .system_block .system_box .txt_box p {
width: calc(100% - 65px - 15px);
}

#work_style #cnt_area04 {
padding-top: 80px;
}

#work_style #cnt_area04 .title_g {
margin-bottom: 40px;
}

#work_style #cnt_area04 .title_g h2 {
margin-bottom: 30px;
font-size: 24px;
}

#work_style #cnt_area04 .title_g h2 span::before,#work_style #cnt_area04 .title_g h2 span::after {
width: 20px;
height: 30px;
}

#work_style #cnt_area04 .title_g h2 span::before {
left: -15px;
}

#work_style #cnt_area04 .title_g h2 span::after {
right: -15px;
}

#work_style #cnt_area04 .flex_box {
display: block;
}

#work_style #cnt_area04 .flex_box .img {
width: 100%;
margin: 0 auto;
}

#work_style #cnt_area04 .flex_box .img + .img {
margin-top: 20px;
}

#work_style #cnt_area04 .flex_box .img:first-child {
z-index: 1;
}

#work_style #cnt_area04 .flex_box .img::before {
width: 140px;
}

#work_style #cnt_area04 .flex_box .img:first-child::before {
right: auto;
left: 8%;
}

#work_style #cnt_area04 .flex_box .img:nth-child(3)::before {
right: 8%;
}

/*----------
12.business
----------*/
#business #cnt_area01 h2 {
margin-bottom: 30px;
padding: 0 5px 5px 10px;
font-size: 16px;
}

#business #cnt_area01 h2::before,#business #cnt_area01 h2::after {
width: 16px;
height: 28px;
}

#business #cnt_area01 + .business_area {
margin-top: 30px;
}

#business .business_area .h2_title {
margin-bottom: 30px;
font-size: 24px;
}

#business .business_area .bus_block {
border-radius: 15px;
}

#business .business_area .bus_block + .bus_block {
margin-top: 30px;
}

#business .business_area .bus_block .head {
padding: 8px 5px;
font-size: 18px;
}

#business .business_area .bus_block .bus_box {
padding: 25px 18px;
}

#business .business_area .bus_block .bus_box .logo:not(:first-child){
margin-left: 20px;
}

#business .business_area .bus_block .bus_box .point_box{
font-size: 16px;
line-height: 26px;
}

#business .business_area .bus_block .bus_box .point_box{
padding: 10px 10px;
background-color: rgba(239, 110, 145,.2);
border-radius: 10px;
}

#business .business_area .bus_block .bus_box .point_box li{
text-align: left;
text-indent: -1em;
margin-left: 2em;
}

#business .business_area .bus_block .bus_box .point_box li:not(:first-child){
margin-top: 8px;
}

#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: none;
}

#business .business_area .bus_block .bus_box p {
margin-top: 15px;
line-height: 1.9;
text-align: left;
overflow: hidden;
height: 80px;
position: relative;
}

#business .business_area .bus_block .bus_box p::after{
content: "";
display: block;
width: 100%;
height: 30px;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 100%);
position: absolute;
bottom: 0;
left: 0;
}

#business .business_area .bus_block .bus_box .more_btn{
margin: 15px auto 0;
max-width: 200px;
}

#business .business_area .bus_block .bus_box .more_btn a{
font-size: 14px;
padding: 8px 0;
}

#business .business_area .bus_block .bus_box .more_btn a::after{
width: 20px;
height: 20px;
background-size: 6px auto;
transform: translateY(-50%) rotate(90deg);
}

#business .business_area .bus_block .bus_box .more_btn a:hover::after{
right: 12px;
}

#business .business_area .bus_block .bus_box .more_btn .open{
display: none;
}

#business .business_area .bus_block .bus_box.active p{
height: auto;
}

#business .business_area .bus_block .bus_box.active p::after{
content: none;
}

#business .business_area .bus_block .bus_box.active .more_btn a::after{
transform: translateY(-50%) rotate(-90deg);
}

#business .business_area .bus_block .bus_box.active .more_btn .open{
display: block;
}

#business .business_area .bus_block .bus_box.active .more_btn .close{
display: none;
}

#business .business_area .bus_block .bus_box .imgs {
display: block;
max-width: 332px;
margin: 20px auto 0;
}

#business .business_area .bus_block .bus_box .imgs .img {
width: 100%;
}

#business .business_area .bus_block .bus_box .imgs .img + .img {
margin: 10px 0 0;
}

#business .business_area .bus_block .bus_box .imgs .img img {
border-radius: 15px;
}

#business .business_area .purple_block .bus_box .point_box{
background-color: rgba(167, 88, 217,.2);
}

#business .business_area .yellow_block .bus_box .point_box{
background-color: rgba(255, 239, 113,.2);
}

#business .business_area .orange_block .bus_box .point_box{
background-color:rgba(242, 149, 40,.2);
}

#business .business_area .blue_block .bus_box .point_box{
background-color: rgba(110, 204, 239,.2);
}

/*----------
13.data 750
----------*/
#data .breadcrumb{
margin-bottom: 30px;
}

#data .flex_box_in{
flex-direction: column;
}

#data .caution{
font-size: 10px;
}

#data .cnt_box .title{
font-size: 18px;
line-height: 1.6;
margin-bottom: 10px;
}

#data .cnt_box .title span{
font-size: 26px;
line-height: 1.6;
margin-right: 10px;
}

#data .cnt_area01 .flex_box{
flex-direction: column;
}

#data .cnt_box{
padding: 10px;
margin-bottom: 20px;
}

#data .cnt_area01 .flex_box .cnt_box, #data .cnt_area01 .column{
width: 100%;
}

#data .number {
font-size: 26px;
align-items: center;
}

#data .number .num{
font-size: 46px;
line-height: 1.6;
}

#data .cnt_box03 .number {
margin: 0 auto 0 0;
}

#data .cnt_box03 .number .num{
line-height: 1.6;
}

#data .cnt_box03 .jp{
margin-bottom: 0;
}

#data .cnt_box03 .cnt_img{
max-width: 642px;
margin-top: -45px;
margin-bottom: 0px;
}

#data .cnt_box03 .caution{
margin-bottom: 5px;
}

#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-bottom: 20px;
}

#data .cnt_box06 .cnt_img{
margin-bottom: 0;
position: static;
}

#data .cnt_box07 .title{
margin-bottom: 20px;
}

#data .cnt_box07 .cnt_img{
margin: -30px auto 20px;
}

#data .cnt_box07 .num{
line-height: 1.6;
}

#data .cnt_box07 .jp {
margin-bottom: 0;
}

#data .cnt_box08 .title{
margin-bottom: 20px;
}

#data .cnt_box08 .num{
line-height: 1.6;
}

#data .cnt_box08 .jp {
margin-bottom: 0;
}

#data .cnt_box08 .number {
margin-left: 0;
}

#data .cnt_box09 .cnt_img{
max-width: 120px;
margin: 0 auto 20px;
}

#data .cnt_box09 .number .num{
font-size: 46px;
line-height: 1.6;
}

#data .cnt_box09 .jp {
font-size: 26px;
margin-bottom: 0;
}

#data .cnt_box10 .title{
margin-bottom: 20px;
}

#data .cnt_box10 .cnt_img{
max-width: 120px;
margin: 0 auto;
}

#data .cnt_box10 .number{
margin: 0 auto;
}

#data .cnt_box09 .number .num, #data .cnt_box10 .number .num {
font-size: 46px;
line-height: 1.6;
}

#data .cnt_box10 .jp {
font-size: 26px;
margin-bottom: 0;
}

#data .cnt_box11{
padding: 10px;
}

#data .cnt_box11 .cnt_img{
margin-top: 0;
}

#data .cnt_box12{
padding-bottom: 10px;
}

#data .cnt_box12 .title{
margin-bottom: 20px;
}

#data .cnt_box12 .cnt_img{
max-width: 432.09px;
margin: 0 auto 24.4px;
}

#data .cnt_box13 .title{
margin: 0 auto 20px;
}

#data .cnt_box14,#data .cnt_box13{
padding: 10px;
}

#data .cnt_box14 .title{
margin-bottom: 20px;
margin-left: 0;
}

#data .cnt_box15 .cnt_img{
margin-top: 0;
}

#data .cnt_box15 .caution{
width: 152px;
margin-top: -15px;
}

#data .cnt_box16{
padding:10px;
}

#data .cnt_box16 .cnt_img{
max-width: 463.56px;
margin: 0 auto;
}

#data .cnt_box17 .cnt_img{
margin-top: 0;
}

#data .cnt_box17,#data .cnt_box18{
padding: 10px;
}

#data .cnt_box18 .cnt_img{
margin-top: 0;
}

#data .cnt_box19{
padding: 10px 5px;
}

#data .cnt_box19 .cnt_img{
margin-top: 0px;
}

#data .cnt_box.last{
margin-bottom: 0;
}

/*----------
14.faq 750
----------*/
#faq #under_maintitle01_area.orange .deco_title_ptn {
width: 100%;
}

#faq .link_ul{
margin: 30px auto;
}

#faq .link_ul li a{
text-align: left;
display: flex;
align-items: center;
}

#faq .bg{
padding-top: 30px;
padding-bottom: 50px;
}

#faq .cnt_area{
margin-top: -71px;
padding-top: 71px;
}

#faq .cnt_area h2{
margin-bottom: 30px;
}

#faq .bg_g{
padding: 15px;
border-radius: 20px;
}

#faq .cnt_area:not(.cnt_area03){
margin-bottom: 50px;
}

#faq dl:not(:last-child){
margin-bottom: 20px;
}

#faq dt{
line-height: 1.6;
padding: 16px 40px;
}

#faq dd{
line-height: 26px;
padding: 16.5px 44px;
position: relative;
display: none;
opacity: 0;
}
#faq dt::before, #faq dl dd::before{
line-height: 35px;
font-size: 26px;
width: 35px;
height: 35px;
left: 0;
}

#faq dt::before{
top: 50%;
transform: translateY(-50%);
}

/*----------
15.blog 750
----------*/
#blog #cnt_area::before{
width: 130px;
height: 136.39px;
top: 10px;
right: -90px;
}

#blog #cnt_area::after{
width: 130px;
height: 163.45px;
top: 27%;
left: -75px;
}

#blog  #cnt_area .bg_wrap::before{
width: 130px;
height: 154.76px;
bottom: 25%;
right: -80px;
}

#blog  #cnt_area .bg_wrap::after{
width: 130px;
height: 151.52px;
bottom: -130px;
left: -95px;
}

#blog .breadcrumb {
margin-bottom: 35px;
}

#blog .blog_list::after{
content: none;
}

#blog .blog_item{
width: 48.5%;
max-width: none;
}

#blog .blog_item:nth-child(2){
animation-delay: .1s;
}

#blog .blog_item:nth-child(3){
animation-delay: .2s;
}

#blog .blog_item:nth-child(4){
animation-delay: .3s;
}

#blog .blog_item:nth-child(5){
animation-delay: .4s;
}

#blog .blog_item:nth-child(6){
animation-delay: .5s;
}

#blog .blog_item:nth-child(7){
animation-delay: .6s;
}

#blog .blog_item:nth-child(8){
animation-delay: .7s;
}

#blog .blog_item:nth-child(9){
animation-delay: .8s;
}

#blog .blog_item:nth-child(n + 3){
margin-top: 10px;
}

#blog .blog_item a{
border-radius: 15px;
padding: 15px 10px;
}

#blog .blog_item a::after{
width: 22px;
height: 22px;
bottom: 10px;
right: 10px;
}

#blog .blog_item a:hover::after{
width: 22px;
height: 22px;
bottom: 10px;
right: 10px;
}

#blog .blog_item .cnt_img{
border-radius: 10px;
margin-bottom: 10px;
}

#blog .blog_item .ttl{
font-size: 12px;
line-height: 1.7;
margin-bottom: 8px;
}

#blog .blog_item .date{
font-size: 12px;
line-height: 17px;
padding: 4px 10px 3px;
}

#blog #pager{
margin-top: 60px;
}

#blog #pager li{
display: inline-block;
width: 30px;
height: 30px;
margin: 0 10px;
}

#blog #pager li a,
#blog #pager li span{
font-size: 16px;
}

#blog #pager li.next{
margin: 0 0 0 15px;
}

#blog #pager li.prev{
margin: 0 15px 0 0;
}

/*----------
15-2.blog_detail_page 750
----------*/
.blog_detail_page #under_maintitle01_area .title_text_area {
margin-top: 0;
padding: 50px 0;
}

.blog_detail_page #under_maintitle01_area .title_text_area h1 {
font-size: 20px;
line-height: 1.7;
}

.blog_detail_page .breadcrumb {
margin-bottom: 35px;
}

.blog_detail_page #cnt_area {
padding-bottom: 80px;
background: -moz-linear-gradient(top, #FFF4A2, #FFF4A2 200px, #fff 200px, #fff 100%);
background: -webkit-linear-gradient(top, #FFF4A2, #FFF4A2 200px, #fff 200px, #fff 100%);
background: linear-gradient(to bottom, #FFF4A2, #FFF4A2 200px, #fff 200px, #fff 100%);
}

.blog_detail_page #cnt_area::before {
height: 8px;
top: 200px;
background-size: auto 8px;
}

.blog_detail_page .detail_contents .main_img {
margin: 0 auto 25px;
}

.blog_detail_page .detail_contents .date {
max-width: 100px;
margin-bottom: 15px;
font-size: 14px;
}

.blog_detail_page .detail_contents .lead_txt {
padding: 0 0 8px 25px;
font-size: 18px;
line-height: 1.7;
}

.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: 25px;
}

.blog_detail_page #related_area {
padding: 60px 0 80px;
}

.blog_detail_page #related_area::after {
height: 8px;
top: -8px;
background-size: auto 8px;
}

.blog_detail_page #related_area .related_ttl {
font-size: 20px;
line-height: 1.7;
margin-bottom: 30px;
}

.blog_detail_page #related_area .slick-arrow {
background-size: 7px auto;
width: 40px;
height: 40px;
}

.blog_detail_page #related_area .slick-dots li {
width: 10px;
height: 10px;
margin: 0 7.5px;
}

.blog_detail_page #related_area .slick-dots li button {
width: 10px;
height: 10px;
}

/*----------
16.recruitment 750
----------*/
#recruitment #under_maintitle01_area .title_text_area::before {
background-size: auto 8px;
}

#recruitment #cnt_area01 .contents_in {
padding-bottom: 500px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img01 {
max-width: 122px;
top: -2%;
right: -80px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img02 {
max-width: 95px;
top: 15%;
left: -71px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img03 {
max-width: 92px;
top: 37%;
right: -36px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img04 {
max-width: 133px;
top: 51%;
left: inherit;
right: -63px;
transform: rotate(-140deg);
}

#recruitment #cnt_area01 .contents_in .cnt_img.img05 {
max-width: 133px;
top: 78%;
right: -62px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.img06 {
max-width: 92px;
top: inherit;
bottom: -3%;
left: -25px;
}

#recruitment #cnt_area01 .contents_in .cnt_img.pic01 {
max-width: 159px;
top: inherit;
bottom: 11%;
right: 50%;
transform: translateX(-67px);
}

#recruitment #cnt_area01 .contents_in .cnt_img.pic02 {
max-width: 194px;
top: inherit;
bottom: 9%;
right: 50%;
transform: translateX(215px);
}

#recruitment #cnt_area01 .contents_in .cnt_img.pic03 {
max-width: 255px;
top: inherit;
bottom: 0;
right: 50%;
transform: translateX(120px);
}

#recruitment #cnt_area01 .contents_in .cnt_img.icon01 {
max-width: 67px;
top: inherit;
bottom: 14%;
right: 50%;
transform: translateX(40%);
}

#recruitment #cnt_area01 .contents_in .cnt_img.icon02 {
max-width: 58px;
top: inherit;
bottom: 7%;
right: 50%;
transform: translateX(-115px);
}

#recruitment #cnt_area01 .cnt_g {
display: block;
max-width: 550px;
}

#recruitment #cnt_area01 .cnt_box.half {
width: 100%;
max-width: inherit;
}

#recruitment #cnt_area01 .cnt_box .h2_title {
font-size: 16px;
padding: 12px 20px 12px 35px;
margin: 0 0 15px 25px;
}

#recruitment #cnt_area01 .cnt_box .h2_title::before {
width: 50px;
height: 50px;
left: -25px;
}

#recruitment #cnt_area01 .cnt_box .bg_border::after {
transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
}

#recruitment #cnt_area01 .cnt_box .recruit_list {
line-height: 26px;
margin: 0 10px 0 20px;
}

#recruitment #cnt_area01 .cnt_box .flex_box {
margin: 0 10px 0 20px;
display: block;
}

#recruitment #cnt_area01 .cnt_box .flex_box .recruit_list {
width: 100%;
}

#recruitment #cnt_area01 .cnt_box .img_list {
display: block;
max-width: 370px;
margin: 0 auto;
padding-top: 15px;
}

#recruitment #cnt_area01 .cnt_box .img_list li {
width: 100%;
max-width: 160px;
}

#recruitment #cnt_area01 .cnt_box .img_list li:nth-child(2) {
margin: -110px 0 0 auto;
}

#recruitment #cnt_area01 .cnt_box .img_list li:nth-child(3) {
margin: -80px auto 0 0;
}

#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text {
font-size: 15px;
line-height: 24px;
max-width: 155px;
padding: 0 21px 5px;
}

#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text::before {
width: 15px;
height: 28px;
}

#recruitment #cnt_area01 .cnt_box .img_list li .cnt_text::after {
width: 15px;
height: 28px;
}

/*----------
17.contact 750
----------*/
.contact_page #under_maintitle01_area .title_text_area .h1_title {
font-size: 25px;
}

.contact_page #cnt_area::before {
width: 130px;
height: 161.35px;
bottom: 23%;
right: -97px;
}

.contact_page #cnt_area::after {
width: 130px;
height: 153.76px;
bottom: 15px;
left: -80px;
}

.contact_page #cnt_area .bg_wrap::before {
width: 130px;
height: 154.76px;
top: 30%;
right: -80px;
}

.contact_page #cnt_area .bg_wrap::after {
width: 130px;
height: 151.52px;
bottom: 38.5%;
left: -95px;
}

.contact_page .step_box::before {
width: 130px;
height: 136.39px;
top: 10px;
right: -90px;
}

.contact_page .step_box::after {
width: 130px;
height: 163.45px;
top: 150px;
left: -75px;
}

.contact_page .step_box {
padding: 40px 0 60px;
}

.contact_page .step_list::before,.contact_page .step_list::after {
bottom: 35px;
}

.contact_page .step_list li {
width: 70px;
}

.contact_page .step_list li .step {
font-size: 16px;
}

.contact_page .step_list li .txt {
margin-bottom: 0;
font-size: 18px;
line-height: 26px;
}

.contact_page .step_list li .txt::before,.contact_page .step_list li .txt::after {
margin-top: 5px;
}

.contact_page .form_box {
padding: 35px 15px;
}

.contact_page .form_box .contents_in {
width: 100%;
}

.contact_page .form_box .ttl_wrap {
margin-bottom: 25px;
}

.contact_page .form_box .ttl_wrap h2 {
font-size: 22px;
line-height: 1.7;
}

.contact_page .form_box table th {
padding-left: 10px;
}

.contact_page .form_box table td {
margin-bottom: 15px;
font-size: 14px;
line-height: 1.7;
}

.contact_page .form_box table input[type="text"],.contact_page .form_box table input[type="email"] {
height: 45px;
border-radius: 60px;
font-size: 14px;
line-height: 1.7;
padding: 7.5px 15px;
}

.contact_page .form_box table textarea {
height: 150px;
font-size: 14px;
line-height: 1.7;
padding: 10px 15px;
}

.contact_page .form_box table .type_box{
display: block;
}

.contact_page .form_box .radio_btn + .radio_btn{
margin-top: 15px;
}

.contact_page .form_box .privacy_box {
padding: 30px 0 35px;
}

.contact_page .form_box .privacy_box ul {
margin-bottom: 45px;
}

.contact_page .form_box .privacy_box ul li {
padding-left: 35px;
font-size: 14px;
line-height: 1.7;
}

.contact_page .form_box .privacy_box ul li .num {
width: 25px;
height: 25px;
font-size: 14px;
line-height: 1;
top: 5px;
}

.contact_page .form_box .privacy_box ul li + li {
margin-top: 15px;
}

.contact_page .form_box .privacy_box .check_btn label {
font-size: 14px;
}

/*確認画面*/
#confirm.contact_page .form_box table td {
margin-bottom: 25px;
font-size: 16px;
line-height: 1.8;
}

#confirm.contact_page .form_box .privacy_box {
padding: 15px 0 35px;
}

#confirm.contact_page .form_box .privacy_box .check_btn {
font-size: 14px;
}

#confirm.contact_page .form_box .first_txt,#confirm.contact_page .form_box .submit_text{
font-size: 14px;
margin-bottom: 25px;
}

#confirm.contact_page .form_box table tr:last-child th {
padding: 15px 0 25px;
}

#confirm.contact_page .form_box table tr:last-child th .ttl {
font-size: 18px;
line-height: 1.7;
}

#confirm.contact_page .form_box table tr:last-child td {
font-size: 14px;
}

#confirm.contact_page .form_box .error_messe{
font-size: 14px;
margin-bottom: 25px;
}

/*完了画面*/
#thanks.contact_page #cnt_area {
padding-bottom: 0;
}

#thanks.contact_page .form_box .ttl_wrap h2 {
font-size: 20px;
}

#thanks.contact_page .form_box .tks_txt {
font-size: 14px;
margin-bottom: 25px;
}

}

@media only screen and (max-width:360px){
/*----------
09.career 360
----------*/
#career #lead_area .cnt_box .txt {
font-size: 15px;
}

#career #lead_area .cnt_txt {
font-size: 13px;
}

#career #career_area .ttl_wrap h2 {
padding: 0 0 4.5px;
}

/*----------
17.contact 360
----------*/
.contact_page .form_box table th .ttl {
font-size: 14px;
}

.contact_page .form_box .radio_btn  label {
font-size: 14px;
}

.contact_page .form_box table .select_wrap select {
font-size: 14px;
}

}