/* Top */
.top_head {
    background-image: url("../img/service/pixta_38532679_M.png");
}
.top_title h2 {
    font-weight: 400;
}

/* service トップ */
.service_wrapper {
    background-image: url("../img/service/service_bg.png");
    background-size: cover;
    background-position: 0 -2.2vw;
    background-repeat: no-repeat;
}
.service {
    display: flex;
}
.service_left {
    width: 25.2vw;
    margin: 8.5vw 5.7vw 0 18.1vw;
}
.service_left>.title_nv {
    margin-bottom: 2.0vw;
}
.service_left>p {
 font-size: 16px;
}
.service_right {
    width: 49.8vw;
    height: 32.4vw;
	margin:auto;
}
.service_right img {
    width: 100%;
    height: 100%;
}

/* benefit */
.benefit_wrapper {
    margin-top:5.0vw;
}
.benefit_wrapper>.title_nv {
    margin-bottom: 3.8vw;
}
.benefit {
    display: flex;
    position: relative;
    width: 100%;
}
.b_odd>.benefit_left {
    margin-left: 8.1vw;
}
.b_even>.benefit_left {
    margin: 5.3vw 4.8vw 0 19.2vw;
}
.b_img {
    width: 41.5vw;
    height: 30.1vw;
}
.b_img img {
    width: 100%;
    height: 100%;
}
.b_odd>.benefit_right {
    margin: 5.3vw 0 0 6.5vw;
}
.b_txt {
    width: 25.6vw;
}
.b_txt h5 {
    font-size: 1.0vw;
    margin-bottom: 0.2vw;
    color: #1f5096;
    white-space: nowrap;
}
.b_txt h4 {
    font-size: 1.6vw;
    margin-bottom: 0.7vw;
    color: #1f5096;
    white-space: nowrap;
}
.b_txt img {
    width: 4.1vw;
    margin-bottom: 2.3vw;
}
.b_txt p {
   font-size: 16px;
    line-height: 2;
}
.num_right {
    width: 14.4vw;
    height: 11.7vw;
    position: absolute;
    right: 0;
    bottom: 0;
}
.num_left {
    width: 14.4vw;
    height: 11.7vw;
    position: absolute;
    left: 0;
    bottom: 0;
}
/* case */
.case_wrapper {
    padding: 5.4vw 0;
}
.case_wrapper>.title_nv {
    margin: 0 auto 0.1vw auto;
	margin-bottom: 3.8vw;
}
.cases {
    width: 89.3vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    position: relative;
flex-wrap: wrap;}
.case {
    width: 20.1vw;
    height: auto;
    background-color: #fff;
    position: relative;
    margin-bottom: 30px;box-shadow: 0 0.1vw 1px 0.01vw;
}
.c_img {
    width: 100%;
}
.c_cr {
    width: 5.3vw;
    position: absolute;
    top: 11.0vw;
    right: 1.1vw;
}
.case_txt {
    padding: 0.5vw 1.1vw 1vw 1.4vw;
    color: #000;
}
.c_date {
    font-size: 14px;
    margin-bottom: 0.4vw;
}
.c_title {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 0.9vw;
    margin-right: 1.3vw;
}
.c_client {
    font-size: 0.7vw;
    color: #fff;
    display: block;
    background-color: #5865b9;
    height: 1.3vw;
    line-height: 1.4vw;
    border-radius: 0.5vw;
    padding: 0 0.5vw;
}
.c_txt {
    font-size: 14px;
    line-height: 1.7;
}
.cases>button {
    width: 2.8vw;
    height: 2.8vw;
    border-radius: 1.4vw;
    border: none;
    background-color: #5865b9;
    line-height: 2.8vw;
}
.cases button[name='c_before'] {
    position: absolute;
    top: calc(50% - 1.4vw);
    left: -3.8vw;
}
.cases button[name='c_before']>img {
    width: 1.0vw;
    margin-left: 0.8vw;
}
.cases button[name='c_after'] {
    position: absolute;
    top: calc(50% - 1.4vw);
    right: -3.8vw;
}
.cases button[name='c_after']>img {
    width: 1.0vw;
    margin-left: 1.1vw;
    transform: scale(-1, 1);
}
.vm_case {
    margin: 2.8vw auto 0 auto;
}
.r_dot {
    position: absolute;
    bottom: 0.5vw;
    right: 0.6vw;
}

/* cost */
.cost_wrapper {
    padding-top: 4.4vw;
    padding-bottom: 4.8vw;
    /* background-image: url("../img/service/s_cost_bg.png");*/
background-color: #fff !important;
    background-size: cover;
    background-position: 0 -16.8vw;
}
.cost_wrapper>.title_wh {
    margin-bottom: 1.7vw;
}
.s_exp {
       font-size: 28px;
    font-weight: bold;
    margin-bottom: 1.7vw;
}
.cost_detail {
    width: 59.6vw;
    margin: 0 auto;
}
.cost_detail table {
    width: 100%;
    margin-bottom: 4.3vw;
    border-spacing: 0;
}
.cost_detail tr {

}
.cost_detail tr:nth-child(2n+1) {
    background-color: #829ac2;
}
.s_txt {
        font-size: 16px;
    line-height: 2.8vw;
    padding-left: 3.1vw;
}
.s_name {
       font-size: 16px;
    line-height: 2.8vw;
}
.vm_servise {
    margin: 0 auto;
    background: none;
	margin-bottom:40px;
}

/* Q&A */
.qa_wrapper {
    padding: 4.7vw 0 4.2vw 0;
    background-image: url("../img/service/qa_bg.png");
    background-size: 100%;
    background-position: 0 -0.3vw;
    background-repeat: no-repeat;
    position: relative;
}
.question_bg {
    width: 12.9vw;
    height: 61.5vw;
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
}
.answer_bg {
    width: 8.9vw;
    height: 51.8vw;
    opacity: 0.1;
    position: absolute;
    bottom: 0;
    right: 0;
}
.qa_wrapper>.title_nv {
    margin-bottom: 2.7vw;
}
.qa {
    width: 59.5vw;
    margin: 0 auto;
}
.qa h3 {
    height: 3.8vw;
    color: #fff;
    line-height: 3.8vw;
    background-color: #2a5297;
    padding-left: 3.2vw;
}
.qa_content {
    padding: 2.2vw 0 2.2vw 4.7vw;
    border-bottom: 0.1vw solid #000;
}
.question {
      font-size: 22px;
    font-weight: bold;
    color: #00a9e0;
    margin-bottom: 1.3vw;
}
.answer {
   font-size: 16px;
    font-weight: 500;
    color: #1f5096;
}
.qa_content span {
    font-size: 2.1vw;
    font-weight: bold;
}
/* Contact */
.contact_head {
    margin-top: 0;
}
.service_wrapper {
    background-image: url("https://ykr-medical.com/wp-content/uploads/2022/07/service_bg20220728.png");
    background-size: cover;
    background-position: 0 -2.2vw;
    background-repeat: no-repeat;
}
.kaisha {
    width: 820px;
    margin: auto;
}

.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;

}

.kaisha th {
font-weight: bold;
background-color: #e3eeff;
}

.kaisha td{    background: #fff;line-height: 1.8;}
@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}

.kaisha th, .kaisha td {
    border: 1px solid #ccc;
    padding: 20px 10px;text-align: left;
}
.kaisha{width: 95%;}
.kaisha tbody {
    width: 100%;
    display: block;
}
}
.price-category li {

    position: relative;
}
.price-category ul li p::after {
  position: absolute;
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
    /* top: 49%; */
    /* left: auto; */
    left: 50%;
    bottom: -4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 980px) {
.price-category ul li p::after {
    position: absolute;
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 57%;
    right: 22px;
left: unset;    bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 22px;
}}
.flow_list{
	    list-style: none;
    padding: 0;
    margin: 0;
    width: 600px;
    margin: auto;
    margin-top: 40px;
}
.flow_list li{
	border: 5px solid #ccc;
    border-radius: 10px;
    margin-bottom: 35px;
    padding: 20px 20px;
    position: relative;
}
.flow_list li::after{bottom: -34px;
    color:#ccc;
    content: "▼";
    font-size: 24px !important;
    left: 48%;
    position: absolute;}
.flow_list li.last::after{/*最後の▼を外す*/
    content: "";
}
.flow_list li h3::first-letter{/*1文字めを大きく*/
    font-family: garamond,times;
    font-size: 2rem;
    font-style: italic;
    letter-spacing: 0.15em;
}
.listbox001{margin:auto;width:600px;}
.listbox001 li {
  list-style: square outside;
  color: #3cf;
  list-style-image: none;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}
.listbox001 li span {
  color: #666;
}
.listbox001 li	{
    background-color: #cbdeef;
    padding: 10px;
    margin-bottom: 20px;
    font-weight: bold;
}
@media screen and (max-width: 600px) {.flow_list{width:90%;margin:auto;}  .listbox001 { width: 90%;
		  margin: auto;}}