*{
    clear: both;
    list-style-type: none;
    border: none;
    box-sizing: border-box;
}
html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.tenkanmonth{
	border: 2px solid white;
	margin-right: 2vw;
	padding: 10px 20px;
	border-radius:15px;
}
.tenkandates{
	margin-bottom:2vw;
}
.twocolumns2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
#subaccess{
	font-weight:600;
	font-size: 1.6rem;
}
table.demo6{
width: 96%;

}
div.demo7{
    width: 80%;
}
#mimaitext{
	padding-right:12vw;
}
.minusmarginbttm{
	margin-bottom:0vw;
	    text-align: center;
}
.demo5{
    text-align: center !important;
    align-self: center;
    /* margin: 0 2rem; */
}
.demo5 td{
    text-align: center !important;
}
.mainbanner-wrapper{
max-width: 100%;
max-height: 24rem;
}
.mainbanner-image{
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    object-fit: cover;
    object-position: center ;
    background-image: url(../images/medexam/mainbanner-medexam.png);
    background-size: cover;
    background-position: center;
    height: 24rem;
}
.accessinfo{
    border-bottom: 1px solid #647798;
    margin-bottom: 2rem;
}
.twocolumnsaccess{
    display: flex;
    margin-bottom: 2vw;
}
.titleinblue{
    padding: 2% 5%;
    background-color: #647798;
    font-size: 2vw;
    font-weight: 500;
    white-space: nowrap;
}
.titleinblue2{
    padding: 8% 5%;
    background-color: #647798;
    font-size: 1.7vw;
    font-weight: 600;
    text-align: center;
}
.bumonichiran{
    text-align: center;
    padding: 2% 5%;
    background-color: #647798;
    font-size: 1.5vw;
    font-weight: 500;
    width: 54vw;
}
.titleinwhite{
    padding: 2% 5%;
    background-color: white;
    font-size: 2vw;
    font-weight: 500;
    white-space: nowrap;
}
.titleinwhite2{
    padding: 24px 5%;
    background-color: white;
    font-size: 1.7vw;
    font-weight: 500;
width: 20vw;
text-align: center;}
.radius{
    border-radius: 40px;
    font-size: 1.5rem;
    padding: 2% 15%;
}
.radius2{
    border-radius: 40px;
    font-size: 1.5rem;
    padding: 2% 5%;
    min-width: 31vw;
    text-align: center;
    font-weight: 500;
}
.rightaccess{
    width: 40%;
    border: 1px solid #647798;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 3vw;
}
.leftaccess{
    width: 60%;
    border: 1px solid #647798;
    text-align: center;
    font-size: 4rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  
}
.ninety{
    padding-left: 5%;
    padding-right: 5%;
}
.rightaccess img{
    width: 90%;
}
.titleblue p{
    padding: 1rem 0;
    font-size: 2rem;
    font-weight: 300;
    text-align: center;
}
.titleblue{
    background-color: #647798;
    margin-bottom: 2vw;
}
.busschedule{
margin-bottom: 2vw;
}
.busschedules{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-bottom: 2vw;
    align-items: center;
    /* width: 100%; */
    /* overflow-x: scroll; */
}

table.busschedule{
    border-collapse:
    collapse;
    white-space: nowrap;
}
.busschedule td,
.busschedule th{
    padding: 5px;
    text-align: center;
    border: 1px solid #647798;
    /* border-collapse: collapse;
    row-gap: 0; */
    width: 22vw;
}
.caption.blue{
    font-size: 2rem;
    margin-bottom: 2vw;
}
.yellowbg{
    background-color: #FFEEBF;
}

.purple img{
  width: 8vw; 
  margin-left: auto;
  margin-right: auto;
}
.purple, .greenrounded, .brown{
    text-align: center;
    /* padding: 0; */
}
.greenrounded img{
    width: 8vw;
    justify-self: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
}
.brown img{
    width: 8vw; 
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
}
.lightgreen{
    background-color: #A1D5C3;
    text-align: center;
    background-size: cover;
    height: 100%;
}
.mainbanner{
    width: 100%;
    height: 24rem;
}
.mainbanner__subTitle {
    color: white;
    font-size: 6vw;
    position: absolute;
    top: 50.5%;
    left: 38%;
    font-weight: 300;
}
.width80{
    width: 80%;
}
main{
    position: relative;
    z-index: 99;
    padding-top: 3em;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.centered{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
body{
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
    line-height: 1.8;
    }

.blue{
    color: #647798;
}
.white{
    color: white;
}
.hajimete{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.bigtext{
    font-size: 4vw;
    display: block;
    margin: 0;
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", 'Noto Sans Japanese', sans-serif;
}
.underline{
    border-bottom: solid 4px;
    width: 25vw;
    padding-top: 0.25rem;
    margin-bottom: 1vw;
}
.mid30text{
    font-size: 2.5vw;
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
    }
.bigtext50{
    font-size: 3vw;
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
}
.borderblock{
    width: 94%;
    border: solid 1px;
    padding: 2rem;
    margin-top: 6rem;
    margin-bottom: 3em;
}
.negmargin{
    margin-top: -4rem;
    margin-bottom: 5rem;
   width: 100%;
}
.negmargin img{
    width: 25vw;
}
p{

line-height: 1.8;
}
.tinytext-yu{

font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;

font-size: 1.2vw;

line-height: 6vw;
}
hr{

width: 100%;

height: 0;
}
.aligned{
    align-items: flex-start;
    margin-left: 10vw;
}
.blueback{
    background-color: #647798;
    padding-bottom: 4rem;
}
.gairai{

}
.rmargin{
    margin-left: 1.5rem;
        margin-top: 3rem;
}
#biggerimage img{
width: 60vw;
}
.text50big{
    font-size: 2.5vw;
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
}
.minmargintop{
    margin-top: -2.5rem;
}
.minmargintop2{
    margin-top: -2.5rem;
}
.twocolumns{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.left img{
    width: 19vw;
    margin-top: 1em;
}
img{
    display: flex;
}
.left{
    flex: 1;
    width: fit-content;
    margin-left: 6rem;
}
.right{
    margin-right: 6rem;
}
.right p{align-self: center;justify-self: center;font-weight: 300;}
.shortadjust{
    margin-right: 9vw;
    margin-top: 2rem;
}
.paddingbottom{
    padding-bottom: 3rem;
    padding-top: 3rem;
}
.mid26text-yu{
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
    font-size: 2vw;
}
.mid26text{
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
    font-size: 1rem;
}
.border75{
    width: 75%;
    border-bottom: 1px solid;
   margin-bottom: 2rem;
	margin-top: 2vw;
}
.demo {
    width:80%;
    border:1px solid #AEBBD1;
    border-collapse:
    collapse;
   }
   .demo caption {
    text-align:center;
   }
   .demo th {
    border:1px solid #647798;
   
    background:#AEBBD1;
    white-space: nowrap;
    text-align: center;
   }
   .demo td {
    border:1px solid #AEBBD1;
    text-align: center;
    padding: 2px;
   }
   th{
    color: white;
    font-size: 1.3rem;
   }
   td{
    color: #647798;
    background-color: white;
    font-size: 1.3rem;
   }
   thead {
    height: fit-content;
    padding: 0;
   }
   #midimage img {
    width: 45vw;
}
.rightside img{width: 44vw;margin-top: 0rem;}
main ul{
    list-style-type: square;
    list-style: square;
}
 section.centered{
    margin-top: 3rem;
 }
 .mid40text{
    font-size: 1.8rem;
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
 }
 .leftside{
    flex: 1;
    width: 50%;
    margin-right: 3vw;
 }
.nomargintop{
    margin-top: 0;
    height: fit-content;
}
.paddingtop{
    padding-top: 2rem;
    margin-top: 2rem;
}
.margintop{
    margin-top: 2rem;
}
.padding{
    padding: 0 2rem;
}
.selfalign img{
width: 30vw;
align-self: center;
margin-top: 1rem;
}
.mid30text-yu{
    font-size: 2rem;

    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
    }
.bold{
        font-weight: bold;
        margin-top: 1vw;
        margin-bottom: 0.5vw;
}
.spaced{margin-bottom: 2rem;padding: 0 4rem;}
@media (max-width: 768px) {
    .selfalign img {
        width: 63vw;
        align-self: center;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
	#mimai{
		padding-right:0 !important;
	}
    .bumonichiran2 {
        text-align: center;
        padding: 3% 5%;
        background-color: #647798;
        font-size: 1.7vw;
        font-weight: 500;
        width: 54vw;
    }
    .scrollable{
        overflow-x: scroll;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
    }
    table.busschedule{
       width: 100%;
    }
    .busschedules{
        width: 100%;
        overflow-x: scroll;
    }
    .leftaccess, .titleblue p, .caption.blue{
        font-size: 1.5rem;    }
    .twocolumns {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        width: 100%;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .leftside {
        flex: 1;
        width: 100%;
        align-self: center;
        display: flex;
        flex-direction: column;
    }
    .mid26text-yu {
        font-size: 1rem;
    }
    .right .mid26text-yu {
        margin-right: -5rem;
    }
.leftside li{
    height: fit-content;
    line-height: 1.8;
}
.tinytext-yu {
    font-size: 0.9rem;
    line-height: 1.8;
    font-weight: 300;
}
    .mainbanner-image {
         height: 16rem;
    }
    .mainbanner__subTitle {
        font-size: 1.2rem;
        top: 50%;
        left: 39.5%;
        font-weight: 300;
    }
    .mainbanner {
        width: 100%;
        height: 16rem;
    }
    .mid30text {
        font-size: 1rem;
        font-family: "Hiragino Sans", "ヒラギノ角ゴシック", 'Noto Sans Japanese', sans-serif;
        align-self: center;
        display: flex;
        line-height: 2rem;
        margin-top: 2rem;
    }
    .borderblock {
           margin-top: 4rem;
           margin-bottom: 1rem;
    }
    .negmargin {
        margin-top: -3.5rem;
        margin-bottom: 1rem;
        width: 100%;
    }
.gairai{
    padding: 0;
}
.minmargintop {
    margin-top: -0.5rem;
}
.rmargin {
    margin-top: 2rem;
}
.shortadjust {
    margin-right: 1rem;
}
.margintop {
    margin-top: 0rem;
}
.marginplus{
    margin-top: 2rem;
}
.marginminus{
    margin-top: -1rem;
}
.minmargintop2 {
    margin-top: -0.5rem;
}
.rightside img {
    width: 70vw;
    margin-top: 2rem;
    margin-right: -2rem;
    margin-bottom: 2rem;
}
.width80{
    width: 80%;
    align-self: center;
}
.spaced {
    margin-bottom: 0rem;
    line-height: 1.8;
    margin-top: 0;
}
.bigtext {
    font-size: 1.5rem !important;
}
.negmargin img {
    width: 41vw;
}
.bigtext50 {
    font-size: 1.2rem;
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
}
.pad{
    padding: 0 3%;
}
#biggerimage img {
    width: 78vw;
}
.text50big {
    font-size: 1rem;
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
}
.left {
    flex: 1;
    width: fit-content;
    margin-left: 2rem;
}
.shortadjust {
    margin-top: 1rem;
    margin-right: -1rem !important;
}
.spaced {
    margin-bottom: 2rem;
    padding: 0 0rem;
    text-align: center;
}

.left img {
    width: 26vw;
    margin-top: 1em;
    margin-left: -1rem;
}
td {
    font-size: 0.6rem;
    width: fit-content;
}
th {
    font-size: 0.7rem;
    /* width: 1.2rem; */
}
.demo {
    width: 95%;
}
.demo td {
    border: 1px solid #AEBBD1;
    text-align: left;
    padding: 10px;
    white-space: nowrap;
}
#midimage img {
    width: 61vw;
}
.mid40text {
    font-size: 1.2rem;
    font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
}
.mid30text-yu {
    font-size: 1.2rem;
}
.bold {
    font-weight: bold;
    margin-top: 1vw;
    margin-bottom: 1rem;
}
.underline {
    border-bottom: solid 4px;
    width: 52vw;
    padding-top: 0.25rem;
}
}
@media screen and (min-width: 768px) {
  .mainbanner-image {
        height: 52rem;
  }
  .twocolumns2 .left {
    margin-bottom: 3rem;
  }
  .header__pc-access-item.tel {
      margin-bottom: 0;
  }
  .tinytext-yu {

  line-height: 3vw;
  }
  .paddingtop {
      padding-top: 5rem;
      margin-top: 5rem;
  }
    .mainbanner__subTitle {
        font-size: 4.5rem;
        top: 50%;
        left: 41.5%;
        font-weight: 300;
    }
    .mainbanner {
        width: 100%;
        height: 52rem;
    }
    .bigtext {
      font-size: 2.2rem;
      font-weight: 700;
  }
  .mid30text {
      font-size: 1.3rem;
      margin-top: 0rem;
      line-height: 1.8;
      width: fit-content;
  }
  p {
      line-height: 1.8;
      /* margin: 2rem 0; */
  }
  .rmargin {
      /* margin-left: 8.5rem; */
      margin-top: 9rem;
      text-align: center;
  }
  .bigtext50 {
      font-size: 2rem;
      line-height: 3;
  }
  .left img {
      margin-left: 0vw;
  }
  .right {
      margin-right: 17vw;
      font-weight: bolder;
      margin-top: 0.5rem;
  }
  .spaced2{
  margin-bottom: 3rem;
  }
  .negmargin {
      margin-top: -7rem;
  }
  #biggerimage img {
      width: 64vw;
  }
  .borderblock {
      margin-top: 10rem;
  }
  .padding {
      padding: 0 6rem;
  }
}

@media screen and (max-width: 1024px) {
    .hajimete{
        margin-top: 9vw !important;
    }
	#mimaitext{
	padding-right:4vw;
}
}

@media screen and (min-width: 1024px) {
    .imageright{
margin-right: 4rem;
    }
    .selfalign{
        margin-right: 5%;
        margin-top: 1vw;
    }
  .demo td {
      border: 1px solid #AEBBD1;
      text-align: left;
      padding: 19px;
  }
  .left {
      flex: 1;
      width: fit-content;
      margin-left: 22rem;
  }
  .leftside {
      flex: 1;
      width: 50%;
      margin-right: -9vw;
  }
  .demo th {
      border: 1px solid #647798;
      background: #AEBBD1;
      padding: 3vw 4vw;
  }
  th {
  
  font-size: 1.5vw;
  }
  td {
      
  font-size: 1.3vw;
  }
  .demo {
  margin-top: 3vw;
  }
  .spaced2 {
      margin-bottom: 3rem;
      margin-left: 6%;
  }
}
@media screen and (max-width: 768px) {
	#mimaitext{
		padding-right:0;
	}
	.selfalign.centered{
		margin-top:2vw;
	}
}
@media screen and (max-width: 480px) {
	.tenkanmonth{
	    padding: 5px 10px;
    border-radius: 5px;
	}
	#subaccess{font-size:1.4rem}
  .busschedule td{
      font-size: 0.7rem;
      white-space: nowrap;
  }
  .borderblock {
      width: 100%;
      border: solid 1px;
      padding: 2rem;
      margin-top: 6rem;
      margin-bottom: 3em;
  }
	td {
		font-size: 0.7rem;}
    .demo.demo5 {
      margin-left: 5rem;
      margin-right: 3vw;
  }
  .titleinblue {
      text-align: center;
      padding: 4% 12%;
      background-color: #647798;
      font-size:3.3vw;
      font-weight: 500;
      height: fit-content;
  }
  .titleinwhite {
      padding: 2% 10%;
      background-color: white;
       font-size: 3.5vw;
    font-weight: 500;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
	#mimaitext .nomarginbtm{
		margin-bottom:-3rem;
	}
  .negmargin {
      margin-top: -3.2rem;
      margin-bottom: 1rem;
      width: 100%;
  }
  .spaced {
      margin-bottom: 1rem;
      padding: 0 0rem;
      text-align: center;
  }
  .paddingbottom {
      padding-bottom: 0rem;
      padding-top: 0rem;
  }
  .border75 {
      width: 75%;
      border-bottom: 1px solid;
      margin-bottom: 2rem;
      margin-top: 2rem;
  }
  .selfalign{
      margin-top: 1rem;
      margin-bottom: 1rem;
  }

  .purple img{
      max-width: fit-content;
      width: 12vw;
  }
  .greenrounded img{
      max-width: fit-content;
      width: 12vw;  
  }
  .brown img{
      max-width: fit-content;
      width: 12vw;
  }
  .leftaccess, .caption.blue {font-size: 1.2rem;}
  .titleblue p{
      font-size: 1rem;
      padding: 2% 5%;
  }
  .bumonichiran {
      text-align: center;
      padding: 2% 5%;
      background-color: #647798;
      font-size: 0.8rem;
      font-weight: 500;
      width: 60vw;
  }
  .bumonichiran2 {
      text-align: center;
      padding: 3% 5%;
      background-color: #647798;
      font-size: 1.7vw;
      font-weight: 500;
      width: 54vw;
  }
  .titleinblue2 {
      padding: 8% 4%;
      background-color: #647798;
      font-size: 2.8vw;
      font-weight: 600;
      text-align: center;
      width: 40vw;
  }
  .titleinwhite2 {
      padding: 12px 5%;
      background-color: white;
      font-size: 2.7vw;
      font-weight: 600;
      width: 34vw;
      text-align: center;
      margin-top: 2vw;
  }
  .titleinwhite3 {
      padding: 2% 10%;
      background-color: white;
      font-size: 2.5vw;
      font-weight: 500;
  }
  .radius2 {
      border-radius: 40px;
      font-size: 3.5vw;
      padding: 2% 5%;
      min-width: 71vw;
      text-align: center;
      font-weight: 600;
  }
  .demo6{align-self: flex-start;justify-self: flex-start;}
  div.demo6{
  overflow-x: scroll;
  width: 95%;
  }
  .demo7{
          display: flex;
          justify-content: center;
          flex-wrap: nowrap;
          flex-direction: column;
          margin-bottom: 2vw;
          align-items: center;
        width: 100%;
        overflow-x: scroll; 
  }
}
@media screen and (width: 1470px), 
screen and (height: 956px) {
.mid30text {
    font-size: 1.3vw;
    margin-top: 0rem;
    line-height: 1.8;
    width: fit-content;
}
#hajimete{
    margin-top: 1vw;
}
.tinytext-yu {
        font-size: 1.3vw;
        line-height: 3vw;
}
.mid26text {
    font-size: 1.2vw;
}
.leftside {
    flex: 1;
    width: 20vw;
    margin-right: 3vw;
}

.right p {
	font-size: 1.3vw;
	}

	.demo5 th{
		padding:1vw 3vw;
		
	}
	.demo5{
	  width: 85vw! important;
	}
    .mid30text.marginminus{
        text-align: center;
    }
    #menkai{
        text-align: center;
    }
    .shortadjust {
        margin-right: 6vw;
        margin-top: 2rem;
    }
}

@media only screen and (min-width: 768px)  and (max-width: 1024px) {
	.demo5{
		width:85vw;
		
	}
	.demo5 th{
		padding: 2vw;}
	.demo5 td{
	padding: 10px;
	}
}
.paddingtopbottom{
	padding-top: 7vw;
	padding-bottom: 7vw;
}
.bigtitle{
	font-size: 1.7vw;
	
}
.borderblockslim{

    border: solid 1px;
    padding-left: 2rem;
	padding-right:2rem;
	padding-top: 3vw;
	padding-bottom: 3vw;
    margin-top: 2rem;
    margin-bottom: 2em;
}
.redtext{
color:#986464;
	font-size: 1.7vw;
	padding-bottom:2em;
}
.subtitleplain{
	font-size:1.6vw;
	line-height:1.8;
	display: inline-block;
}
.slightpadding{
	padding-top: 2vw;
}

@media screen and (max-width: 768px){
	.paddingtopbottom{
	padding-top: 7vw;
	padding-bottom: 7vw;
}
.bigtitle{
	font-size: 2.5vw;
	
}
.borderblockslim{

    border: solid 1px;
    padding-left: 2rem;
	padding-right:2rem;
	padding-top: 3vw;
	padding-bottom: 3vw;
    margin-top: 2rem;
    margin-bottom: 2em;
}
.redtext{
color:#986464;
	font-size: 1.7vw;
	padding-bottom:0em;
}
.subtitleplain{
	font-size:2.5vw;
}
.slightpadding{
	padding-top: 2vw;
}
}
@media (max-width: 480px){
		.paddingtopbottom{
	padding-top: 7vw;
	padding-bottom: 7vw;
}
.bigtitle{
	    font-size: 4vw;
    text-align: center;
    padding: 0 5vw;
	}
.borderblockslim{
    border: solid 1px;
    padding-left: 2rem;
	padding-right:2rem;
	padding-top: 3vw;
	padding-bottom: 3vw;
    margin-top: 2rem;
    margin-bottom: 2em;
}
.redtext{
color:#986464;
	font-size: 1.7vw;
	padding-bottom:0em;
}
.subtitleplain{
	font-size:4vw;
    text-align: center;
}
.slightpadding{
	padding-top: 2vw;
}
	.mobileleft{
		text-align:left;
	}
	.blueback .mobileleft{
		margin-left:2em;
		margin-right:2em;
	}
	.cutmargintop{
		margin-top:-3em;
	}
}
@media screen and (min-width: 768px){
	.cutmargintop{
		margin-top:12em;
	}
}
 td.spaceafter{
	background:none;
}
.reception-information__neurosurgery-wrapper td{
	background:none;
}