/*
Theme Name: surgery3
Theme URI: https://www.m.ehime-u.ac.jp/school/surgery3/
Author: solive
Description: surgery3's theme
Version: 1.0
*/



.flex_container{
  display:flex;
  flex-wrap:wrap;
}




body{
  width:100%;
  height:100%;
}

a:link , a:visited{
  color:#000;
}

#wrapper{
  position:relative;
}

.main-top{
height: 100%;
width: 100%;

}
.swiper-container{
height: 100%;
width: 100%;
overflow: hidden;
}
.swiper-wrapper,
.swiper-slide>div{
height: 100%;
width: 100%;
}



.flex_container{
  display:flex;
  flex-wrap:wrap;
}

.main_container{
  position:relative;
  overflow:hidden;
}


img{
  width:100%;
  vertical-align:top;
}

section{
overflow:hidden;
position:relative;
}
a:hover{
  opacity:0.7;
}



.fixed{
  position:fixed;
}



h1{

}
h2{

}

h3{

  font-size:1.5em;

}

h4{

  font-size:1.25em;
  margin:1em 0;

}


table.default{
width:100%;
}

table.default th{
  border:1px solid #000;
  padding:0.5em 2em;
  text-align:left;
  font-weight:normal;
  width:200px;
}
table.default td{
  border:1px solid #000;
  padding:0.5em 2em;
}








.btn{
background:#fff;padding:0.5em;width:200px;text-align:center;margin:1em 0;display:block;
}

.btn2{
background:#4b749b;padding:0.5em;width:200px;text-align:center;margin:2em 0 0 0;display:block;color:#fff !important;
}



.link_btn{
  text-align:center;
  display:block;
  padding:1em;
  font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.btn_link{
  background:#CAEAFA;
  padding:0.75em 1em;
  border-radius:50px;
  border:2px solid #000;
  color:#000;
  width:100%;
  max-width:360px;
  display:block;
  position:relative;
  text-align:center;
  text-decoration:none;font-weight:700;
}


.btn_link::after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
     background:url('<?php echo get_stylesheet_directory_uri(); ?>/img/common/link.png') no-repeat;
     background-size:contain;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}



.col_target{
  width:33.33333%;
}
.col_target img{
  width:64%;
  margin:2em 18% 0 18%;
}


.inner{
max-width:980px;
margin:0 auto;
}


.menu-btn:hover{
  cursor:pointer;
}


.go{
  font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#target{
  background:#f5f3f3;
}


#greeting{
  background:#4b749b;
  color:#fff;
}

h2.midashi1{
  font-size:1.5em;
  color:#ffff;
}


.menu_parent{
position:relative;
}

.menu_child{
  position:absolute;
  top:0;
  left:220px;
  width:220px;
  display:none;
}

.menu_parent:hover ~ .menu_child{
  display:block;
}




.fadein {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
}
 







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



}




.sp{
  display:none;
}


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


.pc{
  display:none;
}
.sp{
  display:block;
}



}