/* CSS Document */


.main {
  color: #556166;
}
.hover {
  transition: .2s
}
.hover:hover {
  opacity: .8
}




/*------------------
　　　  配色
------------------*/
.f_blue {
  color: #1C7DAC;
}
.f_white {
  color: #fff;
}
.bg_blue1 {
  background-color: #1C7DAC
}
.bg_blue2 {
  background-color: #EFF7FB;
}



/*------------------
　　　 タイトル
------------------*/
.title {
  display: flex;
  align-items: center;
  height: 162px;
  background-color: #EFF7FB;
  padding: 30px;
}
@media screen and (max-width: 991px){
  .title {
    display: block;
    height: auto;
  }
  .title_img {
    text-align: center;
    height: 160px;
    margin-top: -65px;
  }
  .title_img img {
    height: 100%;
  }
}
@media screen and (max-width: 575px){
  .title {
    display: flex;
    flex-flow: column-reverse;
  }
  .title_img {
    margin-bottom: -65px;
    margin-top: 13px;
  }
}


/*------------------
　　　 困りごと
------------------*/
.km_sc {
  position: relative;
  height: 202px;
}
.km_sc_l, .km_sc_r {
  position: absolute;
  display: flex;
  top: 0
}
.km_sc_l {
  align-items: flex-start;
  left: 109.5px;
}
.km_sc_r {
  flex-direction: row-reverse;
  align-items: flex-end;
  right: 109.5px;
}
.km_sc_tx {
  position: relative;
  display: inline-block;
  width: 477px;
  background-color: #1C7DAC;
  margin: 0px 50px;
  padding: 25px 39px;
  color: #fff;
  font-weight: bold;
  border-radius: 10px;
}
.km_sc_tx::before {
  content: "";
  width:0;
  height:0;
  border-style:solid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.km_sc_tx_l::before {
  border-width: 20px 40px 0px 0;
  border-color: transparent #1C7DAC transparent transparent;
  left: -40px;
}
.km_sc_tx_r::before {
  border-width: 0px 0 20px 40px;
  border-color: transparent transparent transparent #1C7DAC;
  right: -40px;
}
@media screen and (max-width: 1199px){
  .km_sc_l {
    left: 0px;
  }
  .km_sc_r {
    right: 0px;
  }
}
@media screen and (max-width: 991px){
  .km_sc {
    height: auto;
  }
  .km_sc_l, .km_sc_r {
    position: static;
    align-items: center;
  }
}
@media screen and (max-width: 767px){
  .km_sc_l {
    margin-bottom: 20px;
  }
  .km_sc_r {
    flex-direction: row;
  }
  .km_sc_tx {
    margin: 0px 0px 0px 50px;
    padding: 25px;
  }
  .km_sc_tx_l::before, .km_sc_tx_r::before {
    border-width: 9px 40px 9px 0;
    border-color: transparent #1C7DAC transparent transparent;
    left: -40px;
  }
}




/*------------------
　　　サービス表
------------------*/
.sv_t th, .sv_t td {
  border: 1px solid #1C7DAC;
  padding: 10px 40px;
  height: 77px;
}
.sv_t th {
  background-color: #EFF7FB;
  color: #1C7DAC;
}
@media screen and (max-width: 991px){
  .sv_t {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
  }
}




/*------------------
　　　　問合せ先
------------------*/
.ct_box {
  position: relative;
  max-width: 973px;
  background-color: #EFF7FB;
  margin: auto auto;
  padding: 45px 100px;
  border-radius: 10px;
}
.ct_box_img {
  position: absolute;
  bottom: 0;
  right: 55px;
}
@media screen and (max-width: 991px){
  .ct_box {
    padding: 45px 200px 45px 45px;
  }
  .ct_box_img {
    background-size: contain;
    right: 0px;
  }
  .ct_box_img img {
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 767px){
  .ct_box_img {
    position: static;
  }
  .ct_box {
    padding: 45px 25px 0;
  }
}




/*------------------
　　　サービス詳細
------------------*/
.s_h2 {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 2px solid #5A7E8C;
}
.s_h2::before {
  content: url(/pc/other/edc/introduce/master/images/h2_icon.png);
  margin-bottom: -5px;
  margin-right: 10px;
}
@media screen and (max-width: 1199px){
  .s_fl img {
    width: 100%;
  }
}
@media screen and (max-width: 767px){
  .s_fl {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
  }
  .s_fl img {
    width: 140%;
  }
}
@media screen and (max-width: 575px){
  .s_fl img {
    width: 200%;
  }
}

/*注意事項*/
.s_ct {
  border: 1px solid #1C7DAC;
  border-radius: 3px;
  box-shadow: 4px 4px 0px 0px #1c7dac57;
  overflow: hidden;
}

/*注意事項_アップデート*/
#accordion_menu {
  position: relative;
  background-color: #fff;
}
#accordion_menu a {
  color: #556166;
  padding: 19px 50px;
}
#accordion_menu li {
  list-style: none;
}
#accordion_menu > li { 
    margin-bottom: -1px; 
} 
#accordion_menu a[data-toggle="collapse"]{ 
    display: block; 
    padding: 19px 50px;
    text-decoration: none; 
  position: relative; 
} 
#accordion_menu a[data-toggle="collapse"]::after{ 
    content:""; 
    background: url("/pc/other/edc/introduce/master/images/arrow.png");
    width: 32px;
    height: 33px;
    position: absolute; 
    right: 30px; 
    top: 0; 
    bottom: 0; 
    margin: auto; 
} 
#accordion_menu a[aria-expanded=false]::after{ 
    -webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
    transform: rotate(0deg); 
    transition-duration: 0.3s; 
} 
#accordion_menu a[aria-expanded=true]::after{ 
    -webkit-transform: rotate(180deg); 
    -ms-transform: rotate(180deg); 
    transform: rotate(90deg); 
    transition-duration: 0.3s; 
} 
[id^="menu"] ul{ 
  padding: 19px 50px;
} 
[id^="menu"] li{ 
    font-size: 16px;
  margin-bottom: 10px;
} 
@media screen and (max-width: 767px){
  #accordion_menu a[data-toggle="collapse"] {
    padding: 19px 20px;
  }
  #menu01 ul {
    padding: 0 20px 0 40px;
  }
}
/*注意事項_ダウングレード*/
#accordion_menu2 {
  position: relative;
  background-color: #fff;
}
#accordion_menu2 a {
  color: #556166;
  padding: 19px 50px;
}
#accordion_menu2 li {
  list-style: none;
}
#accordion_menu2 > li { 
    margin-bottom: -1px; 
} 
#accordion_menu2 a[data-toggle="collapse"]{ 
    display: block; 
    padding: 19px 50px;
    text-decoration: none; 
  position: relative; 
} 
#accordion_menu2 a[data-toggle="collapse"]::after{ 
    content:""; 
    background: url("/pc/other/edc/introduce/master/images/arrow.png");
    width: 32px;
    height: 33px;
    position: absolute; 
    right: 30px; 
    top: 0; 
    bottom: 0; 
    margin: auto; 
} 
#accordion_menu2 a[aria-expanded=false]::after{ 
    -webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
    transform: rotate(0deg); 
    transition-duration: 0.3s; 
} 
#accordion_menu2 a[aria-expanded=true]::after{ 
    -webkit-transform: rotate(180deg); 
    -ms-transform: rotate(180deg); 
    transform: rotate(90deg); 
    transition-duration: 0.3s; 
} 
[id^="menu"] ul{ 
  padding: 19px 50px;
} 
[id^="menu"] li{ 
    font-size: 16px;
  margin-bottom: 10px;
} 
@media screen and (max-width: 767px){
  #accordion_menu2 a[data-toggle="collapse"] {
    padding: 19px 20px;
  }
  #menu01 ul {
    padding: 0 20px 0 40px;
  }
}

/*FAQ*/
.faq_box {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: 1px solid #ababab;
}
.faq_box dl {
  display: flex;
  flex-wrap: wrap;
}
.faq_box dl dt {
  width: 3%;
}
.faq_box dl dd {
  width: 97%;
}





/*1199px以下の表示の場合*/
@media screen and (max-width: 1199px){
  
}

/*991px以下の表示の場合*/
@media screen and (max-width: 991px){
  
}

/*767px以下の表示の場合*/
@media screen and (max-width: 767px){
  
}

/*575px以下の表示の場合*/
@media screen and (max-width: 575px){
  
}