@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(227,204,66,1.00)}a:hover { color:rgba(86,168,205,1.00)}
/* css setting */
.tk_flex{padding:1rem 2rem;}

.tk_flex {
    background-color: white;
    border-radius: 12px;
border-bottom: none;
}



/*　———　TOP - コピー　———　*/
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}

@media screen and (max-width: 1024px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}

@media screen and (max-width: 768px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}

@media screen and (max-width: 480px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}



/*　==============================　ABOUT　==============================　*/
/*　【A】　*/
.about-img-space{padding-top: 35rem;}
@media screen and (max-width: 498px) {
.about-img-space{
padding-top: 24rem;
margin: 0rem 2rem 0rem 2rem;
}
}
/*　--------------------　特長ボックス　--------------------　*/
.about_pickup_box{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column wrap;
margin: -30rem auto 3rem auto;
}
.about_pickup_item{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
margin: 0 auto;
background-color: #666666;
color: #000000;
max-width: 400px;
width: 100%;
height: 400px;
font-size:2.5rem;
}
.about_pickup_item span{
font-size: 1.75rem;
line-height: 1.5rem;
}
@media screen and (max-width: 968px) {
.about_pickup_box{
margin: -30rem auto 3rem auto;
}
.about_pickup_item{
height: 300px;
}
}
@media screen and (max-width: 768px) {
.about_pickup_box{
margin: -30rem 0rem 3rem 2rem;
}
}
@media screen and (max-width: 498px) {
.about_pickup_box{
margin: -6.5rem 0rem 0rem 0rem;
}
.about_pickup_item{
margin: 0rem 0rem 0rem 0rem;
padding: 1.5rem 0rem 1rem 0rem;
height: 120px;
width: 70%;
}
}
/*　--------------------　ボックス　--------------------　*/
.about-item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.about-item li {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-self: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem 3px;
margin: 0rem 2px 4px 2px;
width: calc(25% - 10px);
background-color: rgba(255,255,255,1.00);
box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.1);
}
@media screen and (max-width: 768px) {
.about-item li{
width: calc(50% - 4px);
margin: 0rem 2px 4px 2px;
padding: 0.8rem 0;
}
}
.about-sub-ttlA{
position: relative;
margin-top: -2rem;
}
.about-sub-ttlA span{
display: inline-block;
background-color: #666666;
padding: 1rem 2rem;
}
.about-sub-ttlB span{
display: inline-block;
box-sizing: border-box;
border: 1px solid #666666;
padding: 1rem 2rem;
}
/*　--------------------　リスト　--------------------　*/
.about-tb-contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
border-bottom:1px solid #E2E8F0;
}
.tb-border-n{
border:none!important;
}
.about-tb-contents dt{
padding: 1rem 0rem 1rem 0rem;
position: relative;
font-weight: bold;
font-size:0.9rem;
letter-spacing:0.2rem;
width: calc(100% - 40px - 1rem);
}
.about-tb-contents dd{
text-align: right;
padding: 1rem 0rem 1rem 1rem;
width: 40px;
}
@media screen and (max-width: 768px){
.about-tb-contents {
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.about-tb-contents dt {
font-weight: bold;
letter-spacing:0.1rem;
}
.about-tb-contents dd {
font-size: 1rem;
border: none;
}
}

/*　==============================　BUSINESS A　==============================　*/
.businessA-mainImg{padding-top: 32rem;}
.businessA-detail{margin: -6rem 2rem 4rem 2rem;}
@media screen and (max-width: 498px) {
.businessA-mainImg{padding-top: 24rem;}
}

/*　==============================　FACILITY A　==============================　*/
.facilityA-tb{
background-color: #ffffff;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.facilityA-tb li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.facilityA-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.facilityA-tb li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.facilityA-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#000000;
letter-spacing:0.2rem;
width: 300px;
}
.facilityA-tb li dl dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 300px - 4rem);
}
@media screen and (max-width: 768px){
.facilityA-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.facilityA-tb li{
width: 100%;
}
.facilityA-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.facilityA-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.facilityA-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}

/*　==============================　WORKS A　==============================　*/
.worksA-tb-img li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
border-bottom:1px solid #cfcfcf;
}
.worksA-tb-img li:last-child dl{
border:none!important;
}
.worksA-tb-img li dl dt{
padding: 1rem 0rem 1rem 0rem;
position: relative;
font-weight: bold;
letter-spacing:0.2rem;
width: 80px;
}
.worksA-tb-img li dl dd{
color: #000000;
text-align: left;
padding: 1rem 0rem 1rem 1rem;
width: calc(100% - 80px - 1rem);
}
@media screen and (max-width: 768px){
.worksA-tb-img li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.worksA-tb-img li dl dt {
font-weight: bold;
padding: 1rem 0 0.3rem 0;
width: 100%;
letter-spacing:0.1rem;
}
.worksA-tb-img li dl dd {
font-size: 1rem;
padding: 0rem 0 1rem 0;
border: none;
width: 100%;
}
}

.worksA-tb-tx{
background-color: #ffffff;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.worksA-tb-tx li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.worksA-tb-tx li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.worksA-tb-tx li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.worksA-tb-tx li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-size:0.9rem;
font-weight: normal;
color:#000000;
letter-spacing:0.2rem;
width: 180px;
}
.worksA-tb-tx li dl dd:nth-child(2){
font-weight: bold;
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 330px - 4rem);
}
.worksA-tb-tx li dl dd:nth-child(3){
text-align: right;
width: 150px;
}
@media screen and (max-width: 768px){
.worksA-tb-tx{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.worksA-tb-tx li{
width: 100%;
}
.worksA-tb-tx li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.worksA-tb-tx li dl dt {
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.worksA-tb-tx li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem!important;
padding: 0rem 0rem 0rem 0rem!important;
width: 100%!important;
}
.worksA-tb-tx li dl dd:nth-child(3){
text-align: left;}
}

/*　==============================　FLOW A　==============================　*/
.flowA-mainImg{padding-top: 20rem;}
@media screen and (max-width: 498px) {
.flowA-mainImg{padding-top: 17.5rem; margin:1rem 1rem 0rem 1rem;}
}
.flowA-bgImg {padding-top: 50vh;}
@media screen and (max-width: 480px){
.flowA-bgImg {padding-top: 40vh;}
}

/*　▼　*/
.flowA-sankaku  {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #fff;
margin: 0 auto;
padding:0 0 1rem 0;
}
.flowA-sankaku-color {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #424242;
margin: 0 auto;
padding:0 0 1rem 0;
}

/*　==============================　COMPANY　==============================　*/
/*　----------　アンカーボタン　----------　*/
.color_btn .fs_btn_text_main {
font-size:1.4rem;
}
.color_btn .fs_btn_text_sub {
font-size:0.9rem;
}
.color_btn .fs_btn{
line-height: 1.4rem;
background-color: rgba(85,99,105,0.45);
}
.color_btn .fs_btn:hover {
background-color: rgba(85,99,105,0.05);
}
/*　----------　会社概要　----------　*/
.cp_left {
font-size: 0.9rem;
padding: 1rem 0;
vertical-align: top;
width: 20%;
font-weight: bold;
text-align: justify;
color: #7a8e96;
}
.cp_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  0 1rem 1rem;
vertical-align: top;
width: 80%;
}
.cp_line {
border-top:1px solid #ccc;
}


/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}



/*　==============================　RECRUIT　==============================　*/
/*　----------　fix　----------　*/
.rec_bg_m{
position: relative;
z-index: -100;
}
@media screen and (max-width: 768px) {
.rec_bg01{
background-attachment: scroll!important;
}
}
/*　--------------------　採用情報テーブル　--------------------　*/
.outline_table_list{
border-bottom: 1px solid #f4f4f4;
padding-bottom: 0.4rem;
margin: 0rem;
}
.outline_table_list:last-child{
border: none;
padding-bottom:0rem;
}
.outline_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 1.2rem 0rem 0.8rem 0rem;
}
.outline_contents dt{
color: #043c78;
padding: 0rem 1rem 0rem 0rem;
width: 140px;
}
.outline_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 140px);
}
@media screen and (max-width: 768px){
.outline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.outline_contents dt{
font-size: 95%;
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.outline_contents dd{
font-size: 105%;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}

/*　--------------------　採用ポイントの上下幅指定　--------------------　*/

.point_area { height:210px; }

@media screen and (max-width: 498px){
.point_area { height:200px; }
}

/*　==============================　STAFF　==============================　*/
.staff_margin_n{
margin-top: -8rem;
}
.qa_q {
color:#919191;
vertical-align: top;
font-weight: bold; 
}
.qa_a {
padding: 0.5rem 0 3rem 0;
vertical-align: top;
}
@media screen and (max-width: 480px) {
.staff_margin_n{
margin-top: -3rem;
}
}
/*　==============================　INTERVIEW A　==============================　*/
.interviewA-mainImg{padding-top: 27rem;}
.interviewA-subImg{padding-top: 18rem;}
@media screen and (max-width: 498px) {
.interviewA-mainImg{padding-top: 24rem;}
.interviewA-subImg{padding-top: 24rem;}
}
.interviewA-qa-q {color:#666666; vertical-align: top; font-weight: bold;}
.interviewA-qa-a {padding: 0.5rem 0rem 2.5rem 0rem; vertical-align: top;}

/*　==============================　INTERVIEW B　==============================　*/
/*　80%中央寄せ　*/
@media screen and (min-width:1281px) {
.interviewB-w80Center {width: calc(100% - 20%); margin: auto!important;}
}
/*　———　インタビュータイトル回り　———　*/
.interviewB-tittleEn{font-size: 1.2rem; margin-bottom: 1rem!important;}
.interviewB-tittleEn:before{content: ""; display: inline-block; top: -0.4rem; position: relative; width: 2rem; height: 1px; background-color: #ffffff; margin: 0rem 1rem 0rem 0.2rem; box-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
.interviewB-tittleSpace{text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
@media screen and (min-width:769px) {
.interviewB-tittleSpace{ font-size:2.4rem; padding: 28rem 0rem 7rem 2rem ;}
}
@media screen and (max-width:768px) {
.interviewB-tittleSpace{  font-size:2rem; padding: 22rem 0rem 7rem 2rem !important;}
}
@media screen and (max-width:480px) {
.interviewB-tittleSpace{ font-size:2rem; padding: 23rem 0rem 6rem 2rem !important;}
}
.interviewB-subImg{padding: 10rem 0rem; margin-bottom: 1rem;}

.interviewB-detail{margin:-5rem 1rem 0rem 1rem; padding:0rem 1rem 0rem 1rem; background-color:#ffffff;}
@media screen and (max-width:480px) {
.interviewB-detail{padding:0rem;}
}

/*　==============================　GUIDELINE A　==============================　*/
.guidelineA-tb{
background-color: #f2f2f2;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.guidelineA-tb li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.guidelineA-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.guidelineA-tb li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.guidelineA-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#000000;
letter-spacing:0.2rem;
width: 200px;
}
.guidelineA-tb li dl dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 200px - 4rem);
}
@media screen and (max-width: 768px){
.guidelineA-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.guidelineA-tb li{
width: 100%;
}
.guidelineA-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.guidelineA-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.guidelineA-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}


/*　==============================　お問い合わせページ　==============================　*/
.formBlockSurveyTable dl dt {
color: #999;
text-align: left;
width: 100%;
margin-right: 0%!important;
font-weight: bold;
font-size: 1rem;
margin-top: 1rem;
padding: 2px 0 0.5% 0;
}
.formBlockSurveyTable dl dd {
width: 100%;
}
.formBlockSurveyTable dl {
padding: 0.5% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 1.5%;
background-color: #F5F3F2;
border: none;
border-radius: 6px;
}
.formBlockSubmitButton {
width:240px!important;
text-align:center!important;
background-color: #999!important;
color:#fff;
border:1px solid #fff;
}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {
width:100%!important;
}
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(0.9) !important;
}
}
.formBlockSubmitButton:hover {
transition:0.6s;
background-color: #fff!important;
border:1px solid #999;
color:#999;
}
.on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 100%;
}
}

/*　==============================　ページタイトル共通設定　==============================　*/
.page-ttl span{
display: ineline-block;
background-color: #ffffff;
padding: 1.5rem 7rem 1.5rem 7rem;
border-radius: 9px;
font-weight: bold;
}

.page-ttl-ja{
padding: 11rem 0rem 11rem 0rem;
}

.page-ttl-en{
padding: 1rem 0rem 13rem 0rem
}

@media screen and (max-width: 480px) {
.page-ttl span{
    padding: 1rem 2rem 1rem 2rem;
    border-radius: 9px;
        font-size: 1.2rem;
}
.page-ttl-ja{
padding: 8rem 0rem 8rem 0rem;
}
}


/*　=============================================================================　*/
/*　=============================================================================　*/
/*　===============================　全体の共通項目　===============================　*/
/*　=============================================================================　*/
/*　=============================================================================　*/


/*　==============================　ヘッダー部分　==============================　*/
/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.5rem 0 1.5rem 2rem;
font-size: 1.2rem;
border-bottom: 1px solid #56a8cd;
}
.fat-nav{
background:#eef1f4;
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color: #56a8cd;
}
@media screen and (min-width: 1025px) {
.main_list_li:nth-child(6){
display:none;
}
}

/*　Fatnaviフィックス　*/
#topfix-A {
position: absolute;
z-index: 50;
top: 0;
right: 0;
}
#topfix-B {
position: absolute;
z-index: 10;
top: 0;
right: 0;
}

/*　==============================　フッター部分　==============================　*/
/*　サイトマップ　*/
.sitemap-table {
    width: 100%;
    padding: 0rem 0rem 3rem 0rem;
    display: -webkit-flex;
    justify-content: end;
}
.sitemap-table li:nth-child(1){width: 391px;}
.sitemap-table li:nth-child(2){width: 130px;}
.sitemap-table li:nth-child(3){width: 105px;}
.sitemap-table li p{
margin-bottom: 1rem;
}
.sitemap-table-eiji{
font-size:0.9rem;
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
@media screen and (max-width: 768px) {
.sitemap-table{
line-height:2.5rem!important;
width: max-content;
}
}
@media screen and (max-width: 480px) {
.sitemap-table{
padding: 1rem 0rem 2rem 2rem;
}
}

.sitemap-table li:nth-child(1){width: 100%;}
.sitemap-table li:nth-child(2){width: 100%;}
.sitemap-table li:nth-child(3){width: 100%;}
.sitemap-table li a{
flex-flow: row;
display: inline-flex;
}
.sitemap-table .br-sp{
line-height: unset;
}
.sitemap-table li p{
margin-bottom: 0rem;
padding: 0.35rem 0 0.35rem 0;
}
}
.sitemap-table a, .sitemap-table a:visited, .sitemap-table a:active ,
.f-link a , .f-link a:visited, .f-link a:active  {
color: #ffffff;
}
.sitemap-table a:hover ,
.f-link a:hover{
opacity: 0.5;
transition:0.3s;
}

/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}

.space-1{
letter-spacing: 0.1rem;
}
.space-2{
letter-spacing: 0.2rem;
}
.space-3{
letter-spacing: 0.3rem;
}
.space-4{
letter-spacing: 0.4rem;
}
.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 480px) { 
.tx-center{
text-align: center!important;
}
.tx-left{
text-align: left!important;
}
.tx-right{
text-align: right!important;
}
.br-sp{
display:block;
line-height:0rem;
}
.br-sp-r{
display:none;
}
}
/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.8);
}
.rgba-black{
background-color:rgba(0,0,0,0.8);
}

.rgba-staff{
background-color:rgba(0,0,0,0.7);
}
/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode, .ccm-scrapbook-list-item-detail div{margin-top:0rem!important;}
.ccm-edit-mode .ccm-area-styles{margin-top:0rem!important;}
/*　--------------------　ページリストタグ　--------------------　*/
.tk_tags_Tags{
background-color: #56A8CD;
    color: #ffffff;
    border-radius: 5px;
}
/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{
margin-top: 1rem;
}
--------------------　/*新着情報の数字部分 */

.ccm-page-left a, .ccm-page-right a{
color:#56A8CD!important;
}
.ccm-page-left a{
color:#56A8CD;
}

.ccm-page-left a, .ccm-page-right a{
color:#56A8CD!important;
}
.ccm-page-left a{
color:#56A8CD;
}
.ccm-page-right a:hover {
color:#595757;
}
.ccm-page-left a:hover, .ccm-page-right a:hover {
color:#595757;
}

.ccm-page-left .ltgray, .ccm-page-right .ltgray{
color:#595757;
}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{
top: 0.5rem!important;
}
#pagination .currentPage  strong{
background-color: #000000!important;
color: #ffffff!important;
}
#pagination .numbers {
margin-right: 0.6rem;
}
#pagination .numbers a, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color: #666666;
padding: 0.5rem 1rem;
display: inline-block;
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
.tel_splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp-br br {display:none;}
}
/*　--------------------　タブレット横時スクロール　--------------------　*/
@media screen and (max-width: 1024px) {
.tb-bg-scroll{background-attachment: scroll!important; }
}
/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.5;
transition:0.6s;
}
.hover-opacity-img:hover {
opacity:0.8;
transition:0.6s;
}
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　box-shadow　*/
.boxshadow_20 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);}
.boxshadow_50 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.5);}
.boxshadow_90 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.9);}
/*　--------------------　トップボタン　--------------------　*/
/*　ボタンline-height　*/
.btn-detail .fs_btn_text {
line-height: 1.6;
}
/*　ピックアップボタン　*/
.btn_pickup .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.btn_pickup .fs_btn_text_sub {
font-size:0.8rem;
font-weight: bold;
}
.btn_pickup  .fs_btn {
background-color: rgba(33,33,33,0.5);
}
.btn_pickup .fs_btn:hover{
background-color: rgba(33,33,33,0.05);
}
/*　ページトップボタン　*/
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop_btm .fs_btn{
line-height: 1.6;
}
.pagetop_btm_sp {
background-color: rgba(0, 70, 150, 0.7);
}

/*　--------------------　Google font　--------------------　*/
.googlefont {font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}

/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.border-radius {
border-radius: 15px;
}



.kobe_logo {
width:44%;
margin:1rem 2rem 1rem 2rem;
}

@media screen and (max-width: 1600px) {
.kobe_logo {
    width: 75%;
    margin: 2rem 2rem 1rem 2rem;
}
}

@media screen and (max-width: 1100px) {
.kobe_logo {
    text-align: justify;
    background-repeat: no-repeat;
    padding: 1rem 1rem 1rem 1rem;
    width: 96%;
}
}

@media screen and (max-width: 480px) {
.kobe_logo {
margin:1rem 1rem 1rem 1rem;
width: 45%;
}
}

.kobe_logo_foder {
width: 82%;
padding: 2rem 2rem 0.5rem 2rem;
}

.title_letter-spacing {
letter-spacing: 0.2rem;
}

.U_title_letter-spacing {
letter-spacing: 1px;
}

.title_text_letter-spacing {
letter-spacing: 0.2rem;
}


.background_skyblue {
background-position: right 0% bottom 0%;
}

.text_border {
    text-decoration: underline;
    text-underline-offset: 1rem;
    text-decoration-thickness: 1px;
}


.philosophy_text_center {
text-align: left;
}

@media screen and (max-width: 480px) {
.philosophy_text_center {
text-align: center;
}
}

.company_text {
padding: 2rem;
}


@media screen and (max-width: 480px) {
.company_text {
padding: 0 2rem 0 0;
}
}

.home_service_back {
  background-image: url("./../../../../files/1317/6111/4950/home_background_beige_ipad.png");
 background-size: 100%;
    background-position: bottom;
background-position: top 16% right 0%;
}

@media screen and (max-width: 1100px) {
.home_service_back {
  background-image: url("./../../../../files/9617/6111/5385/home_background_beige_ipad.png");
 background-size: 100%;
    background-position: bottom;
background-position: top 70% right 0%;
}
}


@media screen and (max-width: 480px) {
.home_service_back {
  background-image: url(./../../../../files/3017/6094/2218/home_background_beige_sp.png);
  background-repeat: no-repeat;
background-position: right 1% top 100%;
 background-size: 100% auto;
}
}


.home_service_back_skyblue {
  background-image: url(./../../../../files/7017/6111/6222/home_background_skyblue.png);
  background-repeat: no-repeat;
background-size: 100%;
 background-position: bottom;
background-position: top 121% right 0%;
}

@media screen and (max-width: 1100px) {
.home_service_back_skyblue {
  background-image: url("./../../../../files/4317/6111/6444/homecare_background_skyblue_ipad.png");
 background-size: 100%;
    background-position: bottom;
background-position: top 70% right 0%;
}
}

@media screen and (max-width: 480px) {
.home_service_back_skyblue {
  background-image: url(./../../../../files/7817/6094/1759/home_background_skyblue_sp.png);
  background-repeat: no-repeat;
background-position: right 1% top 76%;
 background-size: 100% auto;
}
}


.naming_banner {
  background-image: url(./../../../../files/4017/6068/0707/naming_banner.png);
  background-repeat: no-repeat;
background-size: 100% auto;
}

@media screen and (max-width: 1100px) {
.naming_banner {
background-image:url(./../../../../files/2217/6534/4400/name_background_ipad.png);
  background-repeat: no-repeat;
background-size: 100% auto;
}
}

@media screen and (max-width: 480px) {
.naming_banner {
background-image:url(./../../../../files/4117/7310/9837/naming_banner_sp.png);
  background-repeat: no-repeat;
background-size: 100% auto;
}
}

.naming_padding {
padding: 114% 0 0 0;
}

@media screen and (max-width: 768px) {
.naming_padding {
padding: 120% 0 0 0;
}
}

@media screen and (max-width: 480px) {
.naming_padding {
padding: 24% 0 0 0;
}
}


.campany {
padding: 0 5rem;
}

@media screen and (max-width: 480px) {
.campany {
padding :0 2rem;
}
}



.home_catch {
 margin: 0 2rem 0 2rem;
    padding: 4rem 0 0 0;
}

@media screen and (max-width: 1300px) {
.home_catch {
    margin: 0px 2rem 0 25rem;
    padding: 4rem 0 0 0;
}
}

@media screen and (max-width: 1020px) {
.home_catch {
    margin: 0px 3rem 0rem 19rem;
    padding: 2rem 0 3rem 0;
}
}

@media screen and (max-width: 680px) {
    .home_catch {
        margin: 0px 3rem 0 16rem;
        padding: 4rem 0 0 0;
        width: 23%;
    }
}

@media screen and (max-width: 550px) {
.home_catch {
 margin: 0 3rem 0 12rem;
 padding: 4rem 0 0 0;
 width: 23%;
}
}


.map-wrap {
  width: 100%;
  height: 400px;     
  border-radius: 12px;
  overflow: hidden;
}
.map-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@media (max-width: 450px) {
  .map-wrap {
    height: 250px; 
  }
}
/*
.group_map-wrap {
  width: 100%;
  height: 350px;     
  border-radius: 12px;
  overflow: hidden;
}
.map-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
*/
@media (max-width: 450px) {
  .group_map-wrap {
    height: 250px; 
  }
}

.about_map-wrap {
  width: 100%;
  height: 300px;     
  border-radius: 12px;
  overflow: hidden;
}
.about_map-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@media (max-width: 450px) {
.about_map-wrap {
    height: 220px; 
  }
}


.main_office_map-wrap {
  width: 100%;
  height: 490px;     
  border-radius: 12px;
  overflow: hidden;
}
.main_office_map-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@media (max-width: 450px) {
.main_office_map-wrap {
    height: 220px; 
  }
}

.grouphome_baige {
  background-image: url(./../../../../files/9217/6603/5587/grouphome_background_baige.png);
  background-repeat: no-repeat;
background-position: right 100% bottom 21%;
}

@media screen and (max-width: 1100px) {
.grouphome_baige {
  background-image: url("./../../../../files/3117/6602/6177/grouphome_background_baige_ipad.png");
  background-repeat: no-repeat;
background-size: 100%;
background-position: right 0% bottom 63%;
}
}


@media screen and (max-width: 480px) {
.grouphome_baige {
background-image:url(./../../../../files/6017/6102/5862/group_background_beige_sp.png);
  background-repeat: no-repeat;
background-size: 100% auto;
background-position: left 23%;
}
}

.grouphome_skyblue {
  background-image: url("./../../../../files/2817/6118/2319/homecare_background_skyblue1.png");
  background-repeat: no-repeat;
background-position: right 100% bottom 4%;
}

@media screen and (max-width: 1100px) {
.grouphome_skyblue {
  background-image: url("./../../../../files/9017/6602/4985/grouphome_background_skyblue_ipad.png");
  background-repeat: no-repeat;
background-size: 100%;
background-position: right 0% bottom 32%;
}
}

@media screen and (max-width: 480px) {
.grouphome_skyblue {
background-image:url(./../../../../files/7817/6102/7773/group_background_skyblue_sp.png);
  background-repeat: no-repeat;
background-size: 100% auto;
background-position: left 42%;
}
}

.grouphome_baige2 {
  background-image: url("./../../../../files/8417/6603/5614/grouphome_background_baige2.png");
  background-repeat: no-repeat;
background-position: right 0% bottom 23%;
}

@media screen and (max-width: 1100px) {
.grouphome_baige2 {
  background-image: url("./../../../../files/1717/6602/5632/grouphome_background_baige2_ipad.png");
  background-repeat: no-repeat;
background-size: 100%;
background-position: right 0% bottom 144%;
}
}

@media screen and (max-width: 480px) {
.grouphome_baige2 {
background-image:url(./../../../../files/9317/6102/6362/group_background_beige2_sp.png);
  background-repeat: no-repeat;
background-size: 100% auto;
background-position: left 15%;
}
}

.homecare_skyblue1 {
  background-image: url(./../../../../files/2517/6602/6775/grouphome_background_skyblue.png);
  background-repeat: no-repeat;
background-position: right 100% bottom 45%;
}

@media screen and (max-width: 1100px) {
.homecare_skyblue1 {
  background-image: url("./../../../../files/9017/6602/4985/grouphome_background_skyblue_ipad.png");
  background-repeat: no-repeat;
background-size: 100%;
background-position: right 0% bottom 87%;
}
}

@media screen and (max-width: 480px) {
.homecare_skyblue1 {
background-image:url(./../../../../files/7817/6102/7773/group_background_skyblue_sp.png);
  background-repeat: no-repeat;
background-size: 100% auto;
background-position: left 15%;
}
}


.homecare_baige1 {
  background-image: url(./../../../../files/8417/6603/5614/grouphome_background_baige2.png);
  background-repeat: no-repeat;
background-position: right 0% bottom 54%;
}

@media screen and (max-width: 1100px) {
.homecare_baige1 {
  background-image: url("./../../../../files/1717/6602/5632/grouphome_background_baige2_ipad.png");
  background-repeat: no-repeat;
background-size: 100%;
background-position: right 0% bottom 79%;
}
}

@media screen and (max-width: 480px) {
.homecare_baige1 {
background-image:url(./../../../../files/9317/6102/6362/group_background_beige2_sp.png);
  background-repeat: no-repeat;
background-size: 100% auto;
background-position: left 12%;
}
}

.homecare_skyblue2 {
  background-image: url(./../../../../files/2517/6602/6775/grouphome_background_skyblue.png);
  background-repeat: no-repeat;
background-position: right 100% bottom 42%;
}

@media screen and (max-width: 1100px) {
.homecare_skyblue2 {
  background-image: url("./../../../../files/9017/6602/4985/grouphome_background_skyblue_ipad.png");
  background-repeat: no-repeat;
background-size: 100%;
background-position: right 0% bottom 66%;
}
}

@media screen and (max-width: 480px) {
.homecare_skyblue2 {
background-image:url(./../../../../files/7817/6102/7773/group_background_skyblue_sp.png);
  background-repeat: no-repeat;
background-size: 100% auto;
background-position: left 14%;
}
}


/* スマホの場合切り抜きキャンセル ここから */
@media screen and (max-width: 480px) {
.change_layout .ccm-layout-row .ccm-layout-cell svg image {
clip-path: none;/* svgの切り抜き止める */
}
}
/* スマホの場合切り抜きキャンセル ここまで */

/* スマホの場合左右入れ替え ここから */
@media screen and (max-width: 480px) {
.change_layout_center .ccm-layout-row {
display:flex;
flex-direction: column;/* 縦並び */
}
.change_layout_center .ccm-layout-row .ccm-layout-cell:nth-child(1) {
order: 2;
}
.change_layout_center .ccm-layout-row .ccm-layout-cell:nth-child(2) {
order: 1;
}
}
/* スマホの場合左右入れ替え ここまで */

.bx-wrapper .bx-viewport {
-webkit-box-shadow:none;
 box-shadow:none;
    border: none;
}

.contact {
    margin: 2rem 4rem 2rem 4rem;
    padding: 0rem 4rem 0 4rem;
}

@media screen and (max-width: 480px) {
.contact {
margin:2rem 2rem 2rem 2rem;
padding:0rem 2rem 0 3rem;
}
}



.body-pt008 .tk_flex ,.body-pt101 .tk_flex {
background-color:#F5F3F2;
}


.ccm-layout-vertical-stretch .ccm-layout-row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.ccm-layout-vertical-stretch .ccm-layout-row > .ccm-layout-cell{
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: grid;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}



@media screen and (max-width: 498px){
.ccm-layout-vertical-stretch .ccm-layout-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
}


@media screen and (max-width: 480px) {
.display {
display:none;
}
}

.formBlockSubmitButton {
    width: 240px !important;
    text-align: center !important;
    background-color: #56A8CD !important;
    color: #fff;
    border-radius: 30px !important;
}

.formBlockSubmitButton:hover {
        transition: 0.6s;
    background-color: #fff !important;
    border: solid 1px #56A8CD;
    color: #56A8CD;
}

.ct_left{
padding:0 1rem 0 2rem;
}
.ct_right{
padding:0 2rem 0 1rem;
}
@media screen and (max-width: 480px) {
.ct_left{
padding:0 2rem;
}
.ct_right{
padding:0 2rem;
}
}

.recruit_skyblue {
background-image: url(./../../../../files/7917/6601/9580/recruit_background_skyblue.png);
background-repeat: no-repeat;
background-position: right 0% bottom 45%;
}

@media screen and (max-width: 1100px) {
.recruit_skyblue {
background-image: url(./../../../../files/2417/6601/9026/recruit_message_background_ipad.png);
 background-repeat: no-repeat;
background-size: 100% auto;
background-position: right 100% bottom 70%;
}
}


@media screen and (max-width: 480px) {
.recruit_skyblue {
background-image: url(./../../../../files/8917/6601/6913/recruit_message_background_sp.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: right 0% bottom 8%;
}
}

.rb_left {
border-radius: 20px 0 0 20px;
}

@media screen and (max-width: 480px) {
.footer_contact {
margin: 0 2rem 
}
}

.sp_text {
    text-align: left;
}

@media screen and (max-width: 480px) {
.sp_text {
text-align: center;
}
}

.content_top {
background-image: url(./../../../../files/9817/6353/2736/contents_top.jpg);
background-repeat: no-repeat;
background-size: cover;
}


@media only screen and (max-width: 1100px) {
.content_top {
background-image: url(./../../../../files/5417/6353/2167/contents_top_ipad.jpg);
background-repeat: no-repeat;
background-size: cover;
}
}

@media only screen and (max-width: 480px) {
.content_top {
background-image: url(./../../../../files/7417/5748/5585/contents_top_sp.jpg);
background-repeat: no-repeat;
background-size: cover;
}
}

.ppp img:hover {
opacity: 0.5;
transition:0.6s;
}

.rb_box img {
border-radius:15px;
}

.border-rd-top img {
border-radius: 15px 15px 0 0;
}

.under_btn {
border-radius: 15px 15px 0 0;
}


.contact_magin {
padding:0 1rem 0 1rem;
}

@media screen and (max-width: 480px) {
.contact_magin {
margin:1rem 0 1rem 0;
padding:0 1rem 0 1rem;
}
}

@media screen and (max-width: 480px) {
.visiting_icon {
width: 23%;
display: block;
    margin-left: auto;
    margin-right: auto;
}
}

.group_dayservice_btn_sp {
width: 59.5%;
position:fixed ;
z-index: 20;
bottom:0;
left: 0;
}

.home_service_btn_sp {
left: 59.5% !important;
width: 25.5%;
position:fixed ;
z-index: 20;
bottom:0;
left: 0;
}

.top_btn_sp {
width: 15.5%;
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}

@media screen and (max-width: 480px) {
.Instagram_icon {
width: 30%;
}
}

.adachi {
text-align: right;
}

.adachi {
text-align: left;
}
}

.adachi2 {
text-align: right;
}

@media screen and (max-width: 480px) {
.adachi2 {
text-align: center;
}
}

nav li a {
    color: #56a8cd;
}

.fat-nav li, .fat-nav li a {
color:#56a8cd;
}

.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before {
    background-color: #e3cc42;
}
}

.sitemap-table li:nth-child(1) {
    width: 45%;
}
    .sitemap-table li:nth-child(2) {
        width: 55%;
    padding-left: 3%;
}

.hamburger {
padding: 24%;
}



-------------
.card-container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  flex-wrap: nowrap;   /* ← 横一列で並べる */
}

.card {
  background: #f6f4f4;
  padding: 2rem 2rem;
  border-radius: 16px;
  width: 32%;          /* ← 3カードを横に並べる幅 */
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
}

.center-area {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.card ul li {
  margin-bottom: 8px;
  padding-left: 12px;
  position: relative;
  text-align: left;
}

.tel {
  margin-top: 20px;
  font-size: 1.6rem;
  color: #595757;
letter-spacing: 0.2rem;
}

@media screen and (max-width: 950px) {
  .card-container {
  display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    gap: 20px;
  }

.center-area {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

  .card {
  width: 100% !important;
    max-width: auto;     /* ← 送ってくれた画像と同じ横幅感 */
    margin: 0 auto;
    display: block;
  }
}

/* ▼ スマホ時は縦並びにする */
@media screen and (max-width: 480px) {
  .card-container {
  display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    gap: 20px;
  }
  .card {
  width: 100% !important;
    max-width: 360px;     /* ← 送ってくれた画像と同じ横幅感 */
    margin: 0 auto;
    display: block;
  padding: 2rem 1rem;
  }
.card ul li {
  margin-bottom: 8px;
  padding-left: 0px;
  position: relative;
  text-align: left;
}
}
.card-container {
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 20px;
}

.card {
  width: 32%;
  display: flex !important;
  flex-direction: column;
}スマホ表示のときは、横並びではなく、縦並びにしてほしい


---------------------

.bx-wrapper,
.bx-wrapper .bx-viewport,
.bx-wrapper .bx-viewport li {
    background: transparent !important;
    border: none !important;
}

.tk_flex 
a  {
color:#595757;
}

.tk_flex 
a:hover {
color:#56A8CD;
transition:0.6s;
}

.tk_flex {
    padding: 1rem 2rem;
    margin: 1rem 0;
}


.accordion-006 {
        max-width: 100%;
    border-radius: 15px;
  margin-bottom: 2rem;
    background-color: #FFFFFF;
}

.accordion-006 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 2rem 2rem;
    color: #56A8CD;
    cursor: pointer;
    font-size: 1.4rem;
}

.accordion-006 summary::-webkit-details-marker {
    display: none;
}

.accordion-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 15px;
    height: 15px;
    margin-left: 10px;
    border-bottom: 3px solid #56A8CD;
    border-right: 3px solid #56A8CD;
    content: '';
    transition: transform .3s;
}

.accordion-006[open] summary::after {
    transform: rotate(225deg);
}

.accordion-006 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;

    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-006[open] p {
    transform: none;
    opacity: 1;
}

#areaStyleArea41Layout1Cell1272 {
    background-repeat: no-repeat;
    margin:0 ;
}

.kaigo_background {
background-image: url(./../../../../files/9817/7310/9796/kago_recruit_background.png);
background-repeat: no-repeat;
background-position: right;
background-size: 100% auto;
}

@media only screen and (max-width: 1020px) {
.kaigo_background {
background-image: url(./../../../../files/6717/7310/9754/kago_recruit_background_ipad.png);
background-repeat: no-repeat;
background-position: right;
background-size: 100% auto;
}
}

@media screen and (max-width: 480px) {
.kaigo_background {
background-image: url(./../../../../files/8317/6638/0507/kago_recruit_background_sp.png);
background-repeat: no-repeat;
background-position: right;
background-size: 100% auto;
}
}

.cuosor {
pointer-events: none ;
cursor: default ;
}

@media screen and (max-width: 480px) {
.about_message {
display:none;
}
}

.Instagram_account2 {
margin:0 2rem 0 4.5rem;
}

@media screen and (max-width: 1025px) {
.Instagram_account2 {
margin:0 2rem 0 5rem;
}
}


@media screen and (max-width: 480px) {
.Instagram_account2 {
margin:0 2rem 0 4.5rem;
}
}

@media screen and (max-width: 480px) {
.social_mark {
    width: 40%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
}

.Instagram_footer {
  display: flex;
}

@media screen and (max-width: 480px) {
    .miniSurveyView input[type="text"], .miniSurveyView input[name^="Question"], .miniSurveyView textarea[name^="Question"] {
        font-size: 16px !important;
        transform: none !important;
}
}

@media screen and (max-width: 480px) {
.map_display {
display:none;
}
}
.map_display02 {
display:none;
}

@media screen and (max-width: 480px) {
display:block;
}
}

.text_position {
    text-align: center;
}

@media screen and (max-width: 480px) {
.text_position {
    text-align: left;
}
}

.text_position {
text-align: center;
}

@media screen and (max-width: 480px) {
.text_position {
text-align: left;
}
}

@media screen and (max-width: 480px) {
.formBlockSubmitButton {
    width: 240px !important;
    text-align: center !important;
    background-color: #56A8CD !important;
    color: #fff;
    border-radius: 30px !important;
    padding: 1rem 0 1rem 0 !important;
}
}

#pagination .numbers a, #pagination .numbers strong {
    font-family: 'Roboto', 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, sans-serif;
    background-color: #A3A1A1;
    padding: 0.5rem 1rem;
    display: inline-block;
    color: whitesmoke;
}
#pagination .currentPage strong {
    background-color: #E3CC42 !important;
    color: #ffffff !important;
}

@media screen and (max-width: 480px) {
.accordion-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 9px;
    height: 9px;
    margin-left: 10px;
    border-bottom: 3px solid #56A8CD;
    border-right: 3px solid #56A8CD;
    content: '';
    transition: transform .3s;
}
}

.home_top {

background-image: url(./../../../../files/3517/7311/1549/home_top01.jpg);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
}

@media only screen and (max-width:1360px) {
.home_top {
background-image: url(./../../../../files/1117/7318/9327/home_top_ipad.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}

@media screen and (max-width: 550px) {
.home_top {
background-image: url(./../../../../files/9017/6655/3491/home_top01_sp.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}