/*common*/
.pagewrap{
  max-width: 1100px;
  width: 98%;
  margin:auto;
  line-height: 1.6
}


.main_ttl {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  /*max-width:1100px;*/
}
.main_ttl .kv {
  margin: 0 auto;
  max-width:1100px;
  text-align:center;
}
.main_ttl h1 {
  position: absolute;
  bottom: -12%;
  right: 39%;
  background-color: #fff;
  padding: 2% 0;
  width: 22%;
  margin: auto;
  text-align: center;
  letter-spacing: 2px;
  color: #152f6c;
  z-index: 2;
}
.city_sub {
    position: absolute;
    bottom: -8%;
}





/* about */
#about .slider1 div,#about .slider2 div{
  margin: 0 15px;
}

.slick-dots li button:before{
  background: #EEE;
  border: 3px solid #666;
  border-radius: 70px;
  color: #666;
  width: 10px;
  height: 10px;
}


.content_new{
  max-width: 1100px;
  margin: 0 auto 60px;
  background-color: #f6dfea;
  padding: 0 3%;
}
.content_new h2{
  padding:40px 0 0;
  letter-spacing: 2px;
}
.content_new ul{
  overflow: hidden;
  width: 100%;
}
.content_new ul li{
    display: inline-block;
    box-sizing: border-box;
    width: 24.6%;
    padding: 0 1.5% 0;
    vertical-align: top;
}

.content_new  ul li dl dt span{
  padding-bottom: .2em;
  background: -webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  background: linear-gradient(to right, #fff 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  -webkit-transition: background-position 1s ease-out;
  transition: background-position 1s ease-out;
}
.content_new  ul li dl dt span.active{
  background-position: 0% bottom;
}

.content_new.anime{
  opacity: 0;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.content_new.anime.active{
  opacity: 1;
}

.pillar{
  max-width: 1100px;
  margin: 0 auto 60px;
  padding: 0 2%;
}
.pillar h2{
  padding:30px 0 0;
  letter-spacing: 2px;
}
.pillar ul{
  overflow: hidden;
  width: 100%;
}
.pillar ul li{
  display: inline-block;
  box-sizing: border-box;
  width: 28%;
  margin: 0 1%;
  height: 150px;
  padding: 30px 30px;
  vertical-align: top;
  background-color: #f2d5e5;
}

.pillar ul li dl dt span{
  padding-bottom: .2em;
  background: -webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  background: linear-gradient(to right, #fff 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  -webkit-transition: background-position 1s ease-out;
  transition: background-position 1s ease-out;
}

/* menu */


#menu .list li:before{
  content: "■";
  color:#ec92c1;
}

#menu .content_medical ul li {
    background: inherit;
    border: 3px #f2d5e5 solid;
    box-sizing: border-box;
}

#menu .content_medical ul li .medical_inr {
    border: none;
    background: inherit;
}

#menu .content_medical ul li .medical_ttl {
    margin: 5px 0;
}
#menu .content_medical ul li .medical_inr .medical_img {
    margin: 15px auto 20px;
}

#menu .content_medical ul li:hover{
  background-color: #f2d5e5;
}

#menu .dlbtn {
  background: #f1d5e4;
  padding: 10px 20px;
  border-radius: 5px;
  display:inline-block;
}

#med1,#med2,#med3,#med4,#med5 {
   margin-top:-120px;
  padding-top:120px;
}

#menu .pillar ul li dl dt span.active{
  background-position: 0% bottom;
}

#menu .pillar.anime{
  opacity: 0;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
#menu .pillar.anime.active{
  opacity: 1;
}



/* access */




@media (max-width: 768px){

/*common*/
.pagewrap{
  width: 90%;
}

.main_ttl {
  width: 90%;

}
.main_ttl img {

}
.main_ttl h1 {
  bottom: -11%;
  right: 25%;
  padding: 3% 0;
  width: 50%;
  letter-spacing: 2px;
;
}


/* about */

#about .content_new ul li {
    width: 48%;
}
#about .slider1 div,#about .slider2 div{
  margin: 0 8px;
}
/*.content_new ul li{
    display: inline-block;
    box-sizing: border-box;
    width: 49.2%;
    padding: 0 2% 0;
    vertical-align: top;
}
*/

#menu .content_medical ul li {
       margin: 0 2% 8% 2%;
}

.pillar {

    padding: 0%;
}

.pillar ul li {
    width: 46%;
    margin: 0 1%;
    height: 200px;
    padding: 30px 15px 15px;
    vertical-align: top;
    background-color: #f2d5e5;
}



/* menu */

#menu .content_medical {
    width: 100%;
}

#med1,#med2,#med3,#med4,#med5 {
   margin-top:-80px;
  padding-top:80px;
}




/* access */




}



/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.row {
  position: relative;
  width: 100%;
/*  max-width: 960px;*/
  max-width: 1100px;
  margin: 0 auto;
  /*padding: 0 20px;*/
  box-sizing: border-box; }
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* For devices larger than 550px */
@media (min-width: 550px) {

  .column,.columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .g1.column,
  .g1.columns                    { width: 4.66666666667%; }
  .g2.columns                    { width: 13.3333333333%; }
  .g3.columns                  { width: 22%;            }
  .g4.columns                   { width: 30.6666666667%; }
  .g5.columns                   { width: 39.3333333333%; }
  .g6.columns                    { width: 48%;            }
  .g7.columns                  { width: 56.6666666667%; }
  .g8.columns                  { width: 65.3333333333%; }
  .g9.columns                   { width: 74.0%;          }
  .g10.columns                    { width: 82.6666666667%; }
  .g11.columns                 { width: 91.3333333333%; }
  .g12.columns                 { width: 100%; margin-left: 0; }

  .g1-3.column               { width: 30.6666666667%; }
  .g2-3.column              { width: 65.3333333333%; }

  .g1-2.column                { width: 48%; }

  /* Offsets */
  .offset-by-1.column,
  .offset-by-1.columns          { margin-left: 8.66666666667%; }
  .offset-by-2.column,
  .offset-by-2.columns          { margin-left: 17.3333333333%; }
  .offset-by-3.column,
  .offset-by-3.columns        { margin-left: 26%;            }
  .offset-by-4.column,
  .offset-by-4.columns         { margin-left: 34.6666666667%; }
  .offset-by-5.column,
  .offset-by-5.columns         { margin-left: 43.3333333333%; }
  .offset-by-6.column,
  .offset-by-6.columns          { margin-left: 52%;            }
  .offset-by-7.column,
  .offset-by-7.columns        { margin-left: 60.6666666667%; }
  .offset-by-8.column,
  .offset-by-9.columns        { margin-left: 69.3333333333%; }
  .offset-by-9.column,
  .offset-by-9.columns         { margin-left: 78.0%;          }
  .offset-by-10.column,
  .offset-by-10.columns          { margin-left: 86.6666666667%; }
  .offset-by-11.column,
  .offset-by-11.columns       { margin-left: 95.3333333333%; }

  .offset-by-1-3.column,
  .offset-by-1-3.columns    { margin-left: 34.6666666667%; }
  .offset-by-2-3.column,
  .offset-by-2-3.columns   { margin-left: 69.3333333333%; }

  .offset-by-1-2.column,
  .offset-by-1-2.columns     { margin-left: 52%; }
}