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

/* 追加
------------------------------------------------------------*/
.fb_timeline{text-align:center;margin:0 auto 10px;}
.indent-1 {padding-left:1em;text-indent:-1em;}
.indent-2 {padding-left:2em;text-indent:-2em;}
.indent-15 {padding-left:1.5em;text-indent:-1.5em;}
.fade{display:none;}
.banner_img{text-align:center;margin:0 auto;clear:both;}
.banner_img img{border-radius:20px;}
br.pcbr{display:block;}
br.spbr{display:none;}
.text_box{text-align:justify;padding:0;}
.text_box p{margin-bottom:1.5em;}
.text_box ul,.text_box ol{margin-left:1em;list-style-position: outside;}
.text_box ul li{list-style:none;margin-bottom:0.5em;position: relative;padding: 0 0 0 1.5em;}
.text_box li::before {
  content: "\f054";
  font-family: FontAwesome;
font-weight: 400;
padding-right:5px;
color:#F8B500;
position: absolute;
left: 0.5em;
}
.text_box_w{background:#fff;text-align:justify;padding:1em 2em;margin:20px auto 50px;}
.text_box_w img{width:200px;margin-top:5px;}
.text_box_w li > p{font-weight:400;margin-left:1em;}

.sptel{display:none;}
.twoblock{display:flex;flex-wrap:wrap;justify-content:space-between;}
.block_area{width:49%;}


.marker{background: linear-gradient(transparent 70%, #fff7fa 70%);padding:0 2em 0;}
.marker2{color:#317091;font-weight:700;}
.marker-space{letter-spacing:-0.5em;}
.pagetop {display: none;position: fixed;bottom: 50px;right:5%;width:66px;z-index:100;}
.pagetop a {display: block;}
.pagetop img{width:100%;}
.sp_btn{display:none;}

.slides img{width:100%;}
.head_img{position: relative;margin-bottom:30px;}
.head_img img{width:100%;}
.head_title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size:30px;color:#317091;font-family: dnp-shuei-mincho-pr6n, sans-serif;font-weight: 700;font-style: normal;background:rgba(255,255,255,0.9);z-index:9999;min-height:80px;display:flex;justify-content:center;align-items:center;letter-spacing:0.3em;width:40%;line-height:1;}

h2.title{font-size:24px;font-weight:700;background:url(/userdata/h2back.png) center top 0.4em no-repeat;background-size:330px auto;color:#ea6d9f;text-align:center;margin:80px auto 50px;min-height:70px;}
h3.title{font-size:30px;font-family:sans-serif;font-weight:700;display: flex;align-items: center;width: 100%;color:#58a1c7;margin:40px auto 0px;letter-spacing:0.1em;}
h3.title::after {content: "";flex-grow: 1;margin: 0 3px 0 5px;height: 2px;background: #F8B500;}
h3.title2{font-size:30px;font-family: dnp-shuei-mincho-pr6n, sans-serif;font-weight: 700;font-style: normal;text-align:center;margin:40px auto 20px;letter-spacing:0.2em;}
h4.title{font-size:22px;font-family:sans-serif;font-weight:700;width: 100%;margin:40px auto 10px;letter-spacing:0.1em;}


/*back
------------------------------------------------------------*/
.pnavi{text-align:center;font-size:16px;margin-top:20px;}


/*TOP
------------------------------------------------------------*/
.onayami{margin:50px auto 20px;}
.onayami img{width:100%;}

.top_box{text-align:center;margin:0 auto 30px;font-size:26px;color:#ea6d9f;font-weight:700;}
.top_box p{font-size:20px;color:#666;font-weight:400;}
.top_box img{width:354px;margin:20px auto;}

.top_tagarea{display:flex;flex-wrap:wrap;margin:20px auto;justify-content:center;}
.top_tagbox{display:flex;align-items:center;text-align:center;padding:0.5em;color:#ea6d9f;font-size:20px;margin:0 10px;border:#ea6d9f 1px solid;border-radius:50px;letter-spacing:0.2em;}


.top_servicebox{position:relative;width:49%;border:#58a1c7 1px solid;background:#fff url(/userdata/arrow.svg) calc(100% - 20px) calc(50% - 0.05em) no-repeat;background-size: 8px auto;min-height:60px;margin-bottom:10px;}
.top_servicebox a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;display:flex;align-items:center;justify-content:center;line-height:1;}
.top_servicebox a:hover{background:#58a1c7 url(/userdata/arrow2.svg) calc(100% - 20px) calc(50% - 0.05em) no-repeat;background-size: 8px auto;color:#fff;}

.page_logo{margin:50px auto 10px;width:278px;}
.page_logo img{width:100%;}

.mapbox{width:100%;margin:10px 0 50px;}

.link_btn{position:relative;margin:30px auto;display:flex;width:250px;height:50px;text-align:center;background:#ea6d9f;clear:both;align-items:center;line-height:1;}
.link_btn a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;}
.link_btn a:hover{background:#fff;color:#ea6d9f;border:1px solid #ea6d9f;}

.slider{position:relative;}
.slide_area{position:relative;margin:50px auto 0px;}
.slider img{height:350px;}

.top_appeal{width:100%;border-radius: 30px;box-shadow: 10px 10px 8px 0px rgba(252, 228, 238, 1);padding:2em 3em 2.5em;margin:50px auto 40px;background:#fff7fa url(/userdata/mess_border.png) center top 50px no-repeat;background-size:100% auto;}
.top_appeal h3{text-align:center;color:#ea6d9f;font-size:26px;font-weight:900;line-height:1;margin-bottom:2em;letter-spacing:0.1em;}
.top_appeal ul{list-style:none;display: flex;flex-wrap:wrap;}
.top_appeal li{font-size:22px;width:50%;letter-spacing:0.05em;margin-top:0.5em;}
.top_appeal li::before {content: "\f4ad";font-weight:400;padding-right:0.3em;color:#ea6d9f;font: var(--fa-font-regular);font-size:22px;}
.arrow{text-align:center;color:#ea6d9f;font-size:24px;letter-spacing:1em;margin-bottom:30px;}

/*staff
------------------------------------------------------------*/
.staff_area{display:flex;flex-wrap:wrap;margin:50px auto;}
.staff_box{width:260px;text-align:center;font-size:14px;margin:20px 7.5px;}
.staff_photo{width:100%;}
.staff_photo img{width:100%;border-radius:50%;}
.staff_work{color:#ea6d9f;margin:0.5em auto;}
.staff_top_mess{line-height:1.7;}
.staff_link{position:relative;margin:10px auto 0;display:flex;width:90%;height:40px;text-align:center;background:#fff;clear:both;align-items:center;line-height:1;border:1px solid #666;border-radius:50px;}
.staff_link a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#666;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50px;}
.staff_link a:hover{background:#666;color:#fff;border:1px solid #666;border-radius:50px;}

.s_detail_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin:80px auto 50px;align-items:center;}
.s_detail_photo{width:400px;}
.s_detail_photo img{width:100%;border-radius:10px;}
.s_detail_txt{width:500px;}
.s_detail_title{color:#ea6d9f;font-size:24px;font-weight:700;line-height:1.8;}
.s_detail_titlesub{line-height:1.8;margin-top:30px;}
.s_detail_mess{border:2px solid #ea6d9f;border-radius:16px;padding:2em 2em 3em;background:url(/userdata/mess_border.png) center top 50px no-repeat;background-size:100% auto;}
.s_detail_mess h3{text-align:center;color:#ea6d9f;font-size:22px;font-weight:700;line-height:1;margin-bottom:3em;}


/*about
------------------------------------------------------------*/
.greet_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin:80px auto 50px;align-items:center;}
.greet_photo{width:400px;}
.greet_photo img{width:100%;border-radius:10px;}
.greet_txt{width:560px;}
.greet_txt p{margin-bottom:1em;}
.greet_txt span{font-size:90%;}

.vision_area{border:#ea6d9f 2px solid;padding:2em;border-radius:20px;}
.vision_box{display:table;width:100%;border-bottom:dotted #ea6d9f 2px;}
.vision_title{width:15%;display:table-cell;padding:1em 0;vertical-align:top;color:#ea6d9f;font-weight:700;}
.vision_con{width:85%;display:table-cell;padding:1em 0;vertical-align:middle;}
.vision_con ul{margin-left:1em;}
.vision_box:last-child{border:none;}

.feature_box{margin-bottom:80px;}
.feature_box h3{font-size:20px;font-weight:700;color:#ea6d9f;background:url(/userdata/about/pin.png) left center no-repeat;background-size:40px auto;padding-left:60px;min-height:56px;margin-top:40px;}
.f_txt{margin:-10px 0 0 60px;}

/*service
------------------------------------------------------------*/
.service_btn_area{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:30px;}
.service_btn_box{width:300px;}
.service_btn_box img{width:100%;}
.service_area{display:flex;flex-wrap:wrap;justify-content:space-between;}
.service_box{width:485px;border:#ea6d9f solid 2px;border-radius:8px;padding:2em;font-size:16px;margin-bottom:30px;background:url(/userdata/service/box_mark.png) right 15px top 15px no-repeat;background-size:41px auto;}
.service_box h3{font-size:20px;font-weight:700;color:#ea6d9f;margin:0 auto 20px;text-align:center;}
.service_box p{margin-top:0.5em;}
.service_box_photo{width:485px;}
.service_box_photo img{width:100%;}

.v_area{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:80px;}
.v_area_txtbox{width:400px;margin-right:20px;}
.v_area_box{background-color: #fff7fa;width:400px;box-shadow: 10px 10px 8px 0px rgba(252, 228, 238, 1);border-radius:50px;display:flex;align-items:center;color:#ea6d9f;margin-bottom:40px;justify-content:center;padding:1em 0;font-size:22px;font-weight:700;}
.v_photo_box{width:500px;}
.v_photo_box img{width:100%;}

/*recruit
------------------------------------------------------------*/
.rec_cau{background-color: #fff7fa;width:100%;border-radius: 15px;box-shadow: 10px 10px 8px 0px rgba(252, 228, 238, 1);padding:30px 50px;margin:30px auto;}
.rec_cau ul{list-style:none;}
.rec_cau li::before {content: "\f111";font-family: FontAwesome;font-weight: 400;padding-right:0.5em;color:#ea6d9f;}
.rec_cau li{margin:10px 0;}

.rec_area{border:2px solid #ea6d9f;border-radius:10px;padding:20px 40px;width:100%;margin:0 auto 50px;}
.rec_box{display:table;width:100%;border-bottom:dotted #ea6d9f 2px;}
.rec_box:last-child{border:none;}
.rec_title{width:20%;display:table-cell;padding:1em 0;vertical-align:top;color:#ea6d9f;font-weight:700;}
.rec_con{width:80%;display:table-cell;padding:1em 0;vertical-align:middle;}
.rec_con ul,.rec_con ol{margin-left:1em;}
.rec_con h3{color:#ea6d9f;font-weight:700;}

.rec_flow{text-align:center;margin:0 auto 50px;}
.rec_flow img{width:650px;}

.rec_btn{position:relative;margin:50px auto 80px;display:flex;width:250px;height:50px;text-align:center;background:#ea6d9f;clear:both;align-items:center;line-height:1;border-radius:50px;}
.rec_btn a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50px;}
.rec_btn a:hover{background:#fff;color:#ea6d9f;border:1px solid #ea6d9f;border-radius:50px;}
.rec_btn::after {font: var(--fa-font-solid);content: "\f0da";position: absolute;top: 50%;right: 10%;transform: translateY(-50%);color:#fff;}

.rec_pdf{position:relative;margin:30px auto;display:flex;width:250px;height:50px;text-align:center;background:#ea6d9f;clear:both;align-items:center;line-height:1;border-radius:10px;}
.rec_pdf a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:10px;}
.rec_pdf a:hover{background:#fff;color:#ea6d9f;border:1px solid #ea6d9f;border-radius:10px;}
.rec_pdf::after {font: var(--fa-font-solid);content: "\f0d7";position: absolute;top: 50%;right: 10%;transform: translateY(-50%);color:#fff;}

h3.recruit{color:#ea6d9f;font-size:30px;font-weight:700;text-align:center;margin-bottom:10px;}
.rec_mess_area{display:flex;flex-wrap:wrap;justify-content:space-between;}
.rec_mess_box{background-color: #fff7fa;width:31%;border-radius: 15px;box-shadow: 10px 10px 8px 0px rgba(252, 228, 238, 1);padding:1em;}
.rec_mess_box h3{color:#ea6d9f;font-weight:700;margin-bottom:1em;text-align:center;}

.rec_part_area{border:#ea6d9f 2px solid;border-radius:20px;padding:2em;margin-bottom:30px;}
.rec_part_box{border-bottom:#ea6d9f 2px dotted;padding:1em 0 0;text-align:center;}
.rec_part_box:last-child{border:none;}
.rec_part_box p{font-weight:700;}

/*company
------------------------------------------------------------*/
.about_area{width:60%;margin:0 auto 50px;}
.about_box{display:table;width:100%;margin:0 auto 10px;border-bottom:solid #ea6d9f 2px;}
.about_box:last-child{border:none;}
.about_title{width:50%;display:table-cell;padding:1em 10% 0 0;vertical-align:top;text-align:right;}
.about_con{width:50%;display:table-cell;padding:1em 0;vertical-align:middle;}

.pdf_area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:50px;}
.pdf_box{width:480px;margin-bottom:20px;}
.pdf_box img{width:100%;}


/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){

.staff_box{width:30%;text-align:center;font-size:14px;margin:20px calc(10% / 6);}

}

/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 999px){
.banner_img img{width:90%;}
.area_l{width:100%;margin-bottom:20px;}
.area_r{width:100%;}
.sptable{overflow-x: scroll;}
table.plan_list,table.price_list{white-space: nowrap;}
.service_btn_area{display:flex;flex-wrap:wrap;margin-top:60px;}
.service_btn_box{width:30%;}
.greet_box{display:flex;flex-wrap:wrap;justify-content:center;margin:40px auto 50px;align-items:center;}
.greet_txt{width:100%;margin-bottom:2em;}
.service_box{width:48%;border:#ea6d9f solid 2px;border-radius:8px;padding:2em;font-size:16px;margin-bottom:30px;background:url(/userdata/service/box_mark.png) right 15px top 15px no-repeat;background-size:41px auto;}
.s_detail_box{display:flex;flex-wrap:wrap;justify-content:center;margin:80px auto 50px;align-items:center;}
.pdf_area{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:50px;}
}





/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
br.pcbr{display:none;}
br.spbr{display:block;}
.banner_img img{width:100%;}
.text_box_w{background:#fff;text-align:left;padding:1em;margin:20px auto 50px;}
.text_box ul,.text_box ol{margin-left:0em;}

.top_appeal{width:100%;border-radius: 30px;box-shadow: 10px 10px 8px 0px rgba(252, 228, 238, 1);padding:2em 1em 2.5em;margin:50px auto 40px;background:#fff7fa url(/userdata/mess_border_sp.png) center top 50px no-repeat;background-size:100% auto;}
.top_appeal h3{text-align:center;color:#ea6d9f;font-size:18px;font-weight:900;line-height:1;margin-bottom:2em;letter-spacing:0;}
.top_appeal ul{list-style:none;display: flex;flex-wrap:wrap;}
.top_appeal li{font-size:16px;width:100%;letter-spacing:0;margin-top:0.5em;}
.top_appeal li::before {content: "\f4ad";font-weight:400;padding-right:0.3em;color:#ea6d9f;font: var(--fa-font-regular);font-size:18px;}
.top_box{text-align:center;margin:0 auto 30px;font-size:20px;color:#ea6d9f;font-weight:700;}
.top_box p{font-size:16px;color:#666;font-weight:400;}
.top_box img{width:100%;margin:20px auto;}
.top_tagarea{display:flex;flex-wrap:wrap;margin:0px auto 0;justify-content:center;}
.top_tagbox{width:100%;display:flex;align-items:center;text-align:center;padding:0.5em;color:#ea6d9f;font-size:16px;margin:0 0 10px;border:#ea6d9f 1px solid;border-radius:50px;letter-spacing:0.2em;}
.slider img{height:200px;}



/*about
------------------------------------------------------------*/
.greet_photo{width:80%;}
.greet_txt p{margin-bottom:1em;}
.greet_txt span{font-size:90%;}
.vision_area{border:#ea6d9f 2px solid;padding:2em;border-radius:20px;}
.vision_box{display:block;width:100%;border-bottom:dotted #ea6d9f 2px;}
.vision_title{width:100%;display:block;padding:1em 0 0 0;vertical-align:top;color:#ea6d9f;font-weight:700;}
.vision_con{width:100%;display:block;padding:0 0 1em 0;vertical-align:middle;}

.feature_box{margin-bottom:50px;}
.feature_box h3{font-size:18px;font-weight:700;color:#ea6d9f;background:url(/userdata/about/pin.png) left center no-repeat;background-size:30px auto;padding-left:40px;padding-top:5px;min-height:42px;margin-top:40px;line-height:1.2;}
.f_txt{margin:0px 0 0 40px;}


/*service
------------------------------------------------------------*/
.service_btn_area{display:flex;flex-wrap:wrap;justify-content:center;margin-top:60px;}
.service_btn_box{width:80%;margin-bottom:10px;}
.service_area{display:flex;flex-wrap:wrap;justify-content:center;}
.service_box{width:100%;border:#ea6d9f solid 2px;border-radius:8px;padding:2em 1em;font-size:16px;margin-bottom:30px;background:url(/userdata/service/box_mark.png) right 15px top 15px no-repeat;background-size:41px auto;}
.service_box h3{font-size:20px;font-weight:700;color:#ea6d9f;margin:0 auto 20px;text-align:center;}
.service_box p{margin-top:0.5em;}
.service_box_photo{width:485px;}
.service_box_photo img{width:100%;}

.v_area{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:50px;}
.v_area_txtbox{width:100%;margin-right:0px;}
.v_area_box{background-color: #fff7fa;width:100%;box-shadow: 10px 10px 8px 0px rgba(252, 228, 238, 1);border-radius:50px;display:flex;align-items:center;color:#ea6d9f;margin-bottom:20px;justify-content:center;padding:0.5em 0;font-size:20px;font-weight:700;}
.v_photo_box{width:100%;}



/*staff
------------------------------------------------------------*/
.staff_box{width:46%;text-align:center;font-size:14px;margin:20px 2%;}
.staff_link{position:relative;margin:10px auto 0;display:flex;width:100%;height:40px;text-align:center;background:#fff;clear:both;align-items:center;line-height:1;border:1px solid #666;border-radius:50px;}
.staff_link a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#666;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50px;}
.staff_link a:hover{background:#666;color:#fff;border:1px solid #666;border-radius:50px;}


.s_detail_photo{width:90%;}

.s_detail_txt{width:90%;}
.s_detail_title{color:#ea6d9f;font-size:20px;font-weight:700;line-height:1.6;margin-top:20px;}
.s_detail_titlesub{line-height:1.8;margin-top:20px;}
.s_detail_mess{border:2px solid #ea6d9f;border-radius:16px;padding:2em 1em 3em;background:url(/userdata/mess_border_sp.png) center top 50px no-repeat;background-size:100% auto;}
.s_detail_mess h3{text-align:center;color:#ea6d9f;font-size:22px;font-weight:700;line-height:1;margin-bottom:3em;}


/*recruit
------------------------------------------------------------*/
.rec_cau{background-color: #fff7fa;width:100%;border-radius: 15px;box-shadow: 10px 10px 8px 0px rgba(252, 228, 238, 1);padding:30px 1em;margin:30px auto;}
.rec_cau ul{list-style:none;}
.rec_cau li::before {content: "\f111";font-family: FontAwesome;font-weight: 400;padding-right:0.5em;color:#ea6d9f;}
.rec_cau li{margin:10px 0;}

.rec_area{border:2px solid #ea6d9f;border-radius:10px;padding:20px 20px;width:100%;margin:0 auto 50px;}
.rec_box{display:block;width:100%;border-bottom:dotted #ea6d9f 2px;}
.rec_box:last-child{border:none;}
.rec_title{width:100%;display:block;padding:1em 0 0;vertical-align:top;color:#ea6d9f;font-weight:700;}
.rec_con{width:100%;display:block;padding:0em 0 1em;vertical-align:middle;}

.rec_flow img{width:100%;}

h3.recruit{color:#ea6d9f;font-size:20px;font-weight:700;text-align:center;margin-bottom:10px;}
.rec_mess_box{background-color: #fff7fa;width:100%;border-radius: 15px;box-shadow: 10px 10px 8px 0px rgba(252, 228, 238, 1);padding:1em;margin-bottom:20px;}


/*company
------------------------------------------------------------*/
.about_area{width:100%;margin:0 auto 50px;}
.about_box{display:block;width:100%;margin:0 auto 10px;border-bottom:solid #ea6d9f 2px;}
.about_title{width:100%;display:block;padding:1em 0 0 0;vertical-align:top;text-align:left;}
.about_con{width:100%;display:block;padding:0em 0 1em;vertical-align:middle;}


.pdf_box{width:100%;}

























h2.title{font-size:22px;font-weight:700;background:url(/userdata/h2back.png) center top 0.4em no-repeat;background-size:90% auto;color:#ea6d9f;text-align:center;margin:80px auto 30px;min-height:70px;}
h3.title{font-size:20px;font-family:sans-serif;font-weight:700;display: flex;align-items: center;width: 100%;color:#58a1c7;margin:40px auto 0px;letter-spacing:0.1em;}
h3.title2{font-size:20px;font-family: dnp-shuei-mincho-pr6n, sans-serif;font-weight: 700;font-style: normal;text-align:center;margin:40px auto 20px;letter-spacing:0.2em;}
h4.title{font-size:18px;font-family:sans-serif;font-weight:700;width: 100%;margin:40px auto 10px;letter-spacing:0em;}

.head_title{font-size:20px;min-height:40px;letter-spacing:0.2em;width:90%;line-height:1;}

.flow_box_a{height:80px;line-height:1.4;}
.flow_box_b{height:80px;line-height:1.4;}




.sptel{display:flex;position:fixed;bottom:0;left:0;}
.sptel img{width:100%;}
.pagetop {display: none;position: fixed;bottom: 100px;right:5%;width:55px;z-index:100;}

#b1{padding-top:42px;margin-top:-42px;}
#b2{padding-top:42px;margin-top:-42px;}
#b3{padding-top:42px;margin-top:-42px;}
#b4{padding-top:42px;margin-top:-42px;}
#b5{padding-top:42px;margin-top:-42px;}
#b6{padding-top:42px;margin-top:-42px;}
#b7{padding-top:42px;margin-top:-42px;}
#p1{padding-top:42px;margin-top:-42px;}
#p2{padding-top:42px;margin-top:-42px;}
#p3{padding-top:42px;margin-top:-42px;}

}