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

/*
Theme Name: AMATERASU
Description: Easy,SimpleDesign
Version: simple 1.1
Base Color: red
Author: AMATERASU
Author URI: http://www.seo-amaterasu.com/
*/

@media screen and (max-width: 768px){

/* layout */
body {
  margin: 0; 
  padding: 0;
}

p {
    margin-bottom: 1em;
    font-family: 'Noto Sans JP';
    line-height: 1.6;
    color: #333;
}
  
#header {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
  background-image: url("http://kaikotsuban.com/wp-content/uploads/2023/02/header_fotter_bg.png");
  background-position: left top;
  background-repeat: no-repeat;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

#header_in {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#main_visual {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 1.0vw 0 30px 0;
  display: table;
}

#main_visual_in {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 3.90625% 2.604166666% 0 2.604166666%;
}

.home #wrapper {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

#wrapper {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 3.90625% 4% 7.8125% 4%;
}

#content {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.home #sidebar {
  display: none;
}

#sidebar {
  width: 100%;
  height: auto;
  margin-top: 3.90625%;
  padding: 0;
  display: table;
}

#foot_contact {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 7.8125% 0;
  display: table;
  background-color: #fef4e3;
}

#foot_contact_in {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 2.604166666%;
}

#footer {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
  /* background-image: url("http://kaikotsuban.com/wp-content/uploads/2023/02/header_fotter_bg.png"); */
  background-position: right top;
  background-repeat: repeat;
  margin-bottom: 70px;
}

#footer_in {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 5.604167% 2.604166666% 1.302083333% 2.604166666%;
}
.inner_news{
    max-width: 1000px;
    width: calc(100% - 4.166666666%/2);
    height: auto;
    margin: 0 auto;
    padding: 40px 0 10px 0;
    position: relative;
  
}
/* バナー */
.bnr_inner img{
  margin: auto;
  width: 80%;
}
/* お知らせ */
.tk_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-bottom: 1px solid #e7e7e7;
  padding: 1rem;
  text-decoration: none
}
/* お知らせ一覧 */
.more_box{
  display: flex;
  justify-content: center;
}
.more_wrapper {
    padding: 15px 20px;
    width: 250px;
    color: #e70;
    background-color: #ffffff;
    border-radius: 3px;
    margin: 0px 0 20px;
}
.more_btn {
    color: #e70!important;
    position: relative;
    display: inline-block;
    /* padding-left: 22px; */
    color: #fff;
    text-decoration: none!important;
}

/* 事故 */
.top07 .inner {
  width: 100%;
  height: auto;
  margin-bottom: 2.604166666%;
  padding: 0 2.604166666%;
  display: table;
}
.top07{
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background-image: none;
  background-position: center top;
  background-repeat: no-repeat;
  }
  .top07 .inner .inner_bottom {
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding: 0;
  }
  .top07 .inner .inner_top img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  
  }
}

/*症例一覧SP*/
@media screen and (max-width: 768px){
  .cost__container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }
  #content .cost__info h4.cost__label.mincho {
    font-size: 3.5vw;
  }
  .cost.sections__inner {
    padding: 30px;
  }
  .cost.sections__inner2{
    padding: 30px; 
  }
  .cost__container #cost-01 {
    width: 100%;
  }
  .cost__container #cost-02 {
    width: 100%;
  }  
  .cost__tb th,
  .cost__tb td {
      font-size: 14px;
  }
}
@media screen and (max-width: 425px){
  .cost__container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }
  #content .cost__info h4.cost__label.mincho {
    font-size: 3.5vw;
  }
  .cost.sections__inner {
    padding: 30px;
  }
  .cost.sections__inner2{
    padding: 30px; 
  }
  .cost__container #cost-01 {
    width: 100%;
  }
  .cost__container #cost-02 {
    width: 100%;
  }  
  .cost__tb th,
  .cost__tb td {
      font-size: 12px;
  }
}