@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
body {
  color: #4D4D4D;
  margin: 0;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 16px;
  font-size: 1rem;
}

p {
  margin: 0;
}

img {
  border: none;
  vertical-align: bottom;
  width: 100%;
}

a {
  color: #474747;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #7a7a7a;
}
a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height: 1em;
}

#wrapper {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
}

.pc_only {
  display: none !important;
}

.inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

header {
  width: 100%;
  background: #FFF;
  height: 13.33333vw;
  position: relative;
  z-index: 2;
  -moz-box-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.3);
}
header .logo {
  padding: 3.73333vw 0 0 2.26667vw;
}
header .logo img {
  width: 39.467vw;
}
header ul {
  position: absolute;
  top: 2.26667vw;
  right: 2.66667vw;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
header li {
  width: 16.267vw;
  margin-left: 1.6vw;
}
header li._new {
  width: 40vw;
  margin-left: 12px;
}
header li.tel {
  width: 24.26667vw;
}

#fv {
  background: url("../img/fvbg_sp.jpg") center 0 no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  height: 127.6vw;
  padding: 5.2vw 0 0;
}
#fv h1 {
  width: 97.6vw;
  margin: 0 auto;
}

.offer {
  background: #56A3A9;
  /*height: 72.26667vw;*/
  height: 72vw;
}
.offer .inner {
  width: 88vw;
  background: #FFF;
  /*height: 64.8vw;*/
  height: 53vw;
  -moz-box-shadow: 0 0.66667vw 1.33333vw rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0.66667vw 1.33333vw rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.66667vw 1.33333vw rgba(0, 0, 0, 0.3);
}
.offer .ttl {
  width: 93.46667vw;
  margin: 0 auto -3.73333vw;
  position: relative;
  top: -3.73333vw;
  left: -2.66667vw;
}
.offer .reserve {
  padding: 1.2vw 0 5.6vw;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 81.6vw;
  margin: 0 auto;
}
.offer .reserve .btn a{
  width: 81.6vw;
  margin-top: 3.733vw;
  display: block;
  /*filter:drop-shadow(0.5vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3));*/
}
.offer .reserve .btn:nth-of-type(1) a,.offer .reserve .btn:nth-of-type(2) a{
  /*width: 39.467vw;*/
}
.offer .cv_tel {
  height: 21.6vw;
  background: #E6E6E6;
  padding-top: 5.3333vw;
  text-align: center;
}
.offer .cv_tel img {
  width: 67.866vw;
}

/*
.offer .reserve .tel {
  width: 68.133vw;
  margin: 1.73333vw auto 0;
}
.offer .web {
  position: relative;
  background: #E6E6E6;
  padding: 3.86667vw 0 0;
  height: 27.33333vw;
}
.offer .web .smooth {
  width: 71.6vw;
  margin: 0 auto 3.46667vw;
}
.offer .web p {
  margin: 0 1.06667vw;
}
.offer .web .btn {
  width: 71.6vw;
  margin: 0 auto;
}
*/

#sec01 {
  background: url("../img/bg1_sp.jpg") center 0 no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  height: 715.267vw;
  padding: 8.66667vw 0 0;
}
#sec01 h2 {
  margin: 0 auto 8.93333vw;
  width: 92vw;
}

#worry h3 {
  margin: 0 auto 3.73333vw;
  width: 73.6vw;
}
#worry ul {
  width: 84.26667vw;
  margin: 0 auto;
  padding-bottom: 6vw;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#worry li {
  width: 40.13333vw;
  margin-bottom: 3.06667vw;
}
#sec01 .medicine {
  width: 96.8vw;
  margin: 0 auto;
}

#care {
  background: url("../img/care_bg_sp.png") center 0 no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  width: 94.4vw;
  height: 265.73333vw;
  margin: 0 auto;
  position: relative;
}
#care .bag {
  position: absolute;
  top: -13.33333vw;
  right: 0;
  z-index: 2;
  width: 17.6vw;
}
#care h3 {
  position: relative;
  top: -2.66667vw;
  margin: 0 0 -0.66667vw 5.33333vw;
  width: 86.13333vw;
}
#reason #care h2 {
  margin: 2.33333vw 0 4.53333vw 18vw;
  width: 57.6vw;
  background: none;
  text-align: left;
  padding: 0;
  height: auto;
}
#reason #care h2 img {
  width: 100%;
}
#care h4 {
  width: 48.26667vw;
  margin: 2.66667vw auto 3.46667vw;
}
#care p {
  margin: 0 0 0 7.06667vw;
  width: 82.53333vw;
}
#care ul {
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
#care li {
  margin: 0 1.86667vw 3.86667vw;
}
#care li:nth-child(1) {
  width: 28.26667vw;
}
#care li:nth-child(2) {
  width: 47.33333vw;
}
#care li:nth-child(3) {
  width: 30.93333vw;
}
#care li:nth-child(4) {
  width: 31.06667vw;
}

#reason h2 {
  text-align: center;
  padding: 4.93333vw 0 0;
  height: 36vw;
  background: #c4dfe1;
  background: -moz-linear-gradient(-60deg, #c4dfe1 0%, #78b5ba 35%);
  background: -webkit-linear-gradient(-60deg, #c4dfe1 0%, #78b5ba 35%);
  background: linear-gradient(120deg, #c4dfe1 0%, #78b5ba 35%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4dfe1', endColorstr='#78b5ba',GradientType=1 );
}
#reason h2 img {
  width: 76.53333vw;
}
#reason .sec01 {
  background: url("../img/bg2_sp.jpg") center 0 no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  height: 158vw;
}
#reason .reason1 {
  padding: 12.66667vw 0 0 5.6vw;
  margin-bottom: 13.33333vw;
}
#reason .reason1 img {
  width: 92.8vw;
}
#reason .reason2 {
  padding: 0 0 0 5.6vw;
}
#reason .reason2 img {
  width: 92.8vw;
}
#reason .sec02 {
  background: url("../img/bg3_sp.jpg") center 0 no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  height: 608.133333vw;
}
#reason .sec02 ul {
  margin-bottom: 14vw;
}
#reason .sec02 .reason3 {
  padding: 4.66667vw 0 0 .8vw;
}
#reason .sec02 .reason3 img {
  width: 97.73333vw;
}
#reason .sec02 .reason4 {
  padding: 0 0 0 5.6vw;
  margin: 2.66667vw 0 2.66667vw;
}
#reason .sec02 .reason4 img {
  width: 92.8vw;
}
#reason .sec02 .reason5 {
  padding: 0 0 0 5.6vw;
}
#reason .sec02 .reason5 img {
  width: 92.8vw;
}
#reason .sec02 .reason6 {
  padding: 0 0 0 5.6vw;
  margin: 2.66667vw 0 0;
}
#reason .sec02 .reason6 img {
  width: 92.8vw;
}


#about {
  background: url("../img/bg4_sp.jpg") center top 3vw no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  padding: 0 0 12vw;
}
#about h2 {
  height: 22.66667vw;
  text-align: center;
  padding: 7.73333vw 0 0;
  margin: 0 0 6.4vw;
}
#about h3 {
  /*margin: 0 0 5.6vw 6vw;*/
  margin: 0 0 10.933vw 6vw;
  width: 56.53333vw;
}
#about p {
  margin: 0 0 0 5.73333vw;
  width: 88vw;
}

#flow {
  background: url("../img/bg5_sp.jpg") center bottom no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  height: 707.133vw;
  text-align: center;
  padding-bottom: 23.06667vw;
}
#flow h2 {
  margin: 0 0 9.66667vw;
}
#flow ul.flow_list {
  margin: 0 auto;
  text-align: center;
}
#flow ul.flow_list li:nth-child(1) {
  width: 83.6vw;
  margin: 0 auto 1.5vw;
}
#flow ul.flow_list li:nth-child(2) {
  width: 83.6vw;
  margin: 0 auto;
}
#flow .guide {
  background: url("../img/guide_sp.png") 0 0 no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  width: 81.06667vw;
  height: 101.0666vw;
  padding: 81.333vw 0 0 0;
  margin: 1.73333vw auto 4.53333vw;
}
#flow .guide .btn {
  width: 70vw;
  margin: 0 auto;
}
#flow .kids {
  width: 80vw;
  margin: 0 auto 5vw;
}
#flow .sankaku {
  width: 36.8vw;
  margin: 0 auto;
}
#flow .reserve {
  margin: 13.33333vw 0 9.33333vw;
}
#flow .reserve h3 {
  width: 88vw;
  margin: 0 auto 5.33333vw;
}
#flow .reserve .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: wrap-reverse;
  flex-flow: wrap-reverse;
}
#flow .note {
  width: 71.26667vw;
  margin: 0 auto;
}
#flow .time {
  width: 83.73333vw;
  margin: 0 auto 21.66667vw;
}
#flow .online {
  margin: 5.6vw 0 17.06667vw;
}
#flow .online h3 {
  width: 88vw;
  margin: 0 auto 7.06667vw;
}
#flow .online ul {
  text-align: left;
  margin: 0 auto;
}
#flow .online li:first-child {
  padding-left: 9.33333vw;
}
#flow .online li:first-child img {
  width: 81.06667vw;
}
#flow .online li:nth-child(2) {
  padding-left: 9.33333vw;
  margin: 6vw 0 0;
}
#flow .online li:nth-child(2) img {
  width: 86.26667vw;
}
#flow .online .btn {
  text-align: center;
}
#flow .online .btn img {
  width: 80vw;
}
#flow .tel_reserve h3 {
  width: 62.533vw;
  margin: 0 auto 4.66667vw;
}
#flow .tel_reserve ul {
  margin: 0 auto 2vw;
  width: 80.13333vw;
}
#flow .tel_reserve li {
  width: 80.13333vw;
  margin: 0 0 2vw;
}
#flow .tel_reserve .tel_note {
  width: 80vw;
  margin: 0 auto;
  text-align: right;
}
#flow .tel_reserve .tel_note img {
  width: 59.2vw;
}

footer {
  background: #78B5BA url("../img/footer_bg_sp.jpg") right 0 bottom 8vw no-repeat;
  margin-bottom: 24vw;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
}
footer small {
  background: #FFF;
  display: block;
  text-align: center;
  width: 100%;
  height: 8vw;
  padding: 1vw 0 0;
  margin: 24.66667vw 0 0;
}
footer small img {
  width: 83.6vw;
}
footer ul {
  padding: 9.73333vw 0 0 6vw;
}
footer li:first-child {
  width: 91.2vw;
  margin-bottom: 2.26667vw;
}
footer li:last-child {
  width: 88.13333vw;
}

#fixBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  /*height: 21.33333vw;*/
  padding: 4vw 0 4vw 0;
  background: url("../img/fix_bg.png") 0 0 no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: repeat;
}
#fixBtn ul {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  /*-webkit-justify-content: space-between;*/
  /*justify-content: space-between;*/
  width: 95.33333vw;
  margin: 0 auto;
}
#fixBtn li {
  /*width: 22.8vw;*/
  -moz-border-radius: 1.33333vw;
  -webkit-border-radius: 1.33333vw;
  border-radius: 1.33333vw;
  -moz-box-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.3);
}

#fixBtn li + li {
  margin-left: 20px;
}

#fixBtn li img {
  max-width: 100%;
}