/**************************
Compass Text Replacement
*/
/**************************
Inline List
*/
/**************************
Inline Block List
*/
/**************************
horizontal-list
*/
/**************************
Bullets
*/
/* simple clearfix */
/**************************
@mixin for sprite
*/
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

@keyframes gnav_sub {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(-5%);
  }
  100% {
    transform: scale(1) translateY(0);
  }
}

@keyframes _on_opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (min-width: 1000px), print {
  .root {
    padding-top: 0;
  }
}

@media screen and (min-width: 1000px), print {
  .header {
    border-bottom: 0 none;
    background-color: rgba(255, 255, 255, 0.4);
    transition: background-color 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .header-fixed {
    background-color: #fff;
  }
}

@media screen and (max-width: 999px) {
  .header {
    background-color: #fff;
  }
}

.imain_content {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}

@media screen and (max-width: 999px) {
  .imain_content .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.hero_area {
  background-color: blue;
}

@media screen and (min-width: 1000px), print {
  .hero_area {
    height: 680px;
  }
}

.hero_area .container {
  position: relative;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .hero_area .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.hero {
  position: relative;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .hero {
    height: 680px;
  }
}

.hero__sp_movie_btn_area {
  display: none;
  position: relative;
  z-index: 2;
}

.hero__movie_area-mobile .hero__sp_movie_btn_area {
  display: block;
}

.hero__movie_area-mobile .hero__sp_movie_btn_area a {
  opacity: 1;
}

.hero__movie_area-mobile-start .hero__sp_movie_btn_area a {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .hero__sp_movie_btn_area {
    height: 680px;
  }
}

@media screen and (max-width: 767px) {
  .hero__sp_movie_btn_area {
    display: block;
  }
  .hero__sp_movie_btn_area a {
    opacity: 0;
  }
}

.hero__sp_movie_btn_area .movie_btn {
  background-color: #fff;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 110px;
  height: 40px;
  z-index: 2;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.hero__sp_movie_btn_area .movie_btn > img {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 10px;
  display: block;
  width: 84px;
  height: 22px;
}

.hero__sp_movie_btn_area a {
  transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.hero__sp_movie_btn_area a img {
  display: block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .hero__sp_movie_btn_area {
    height: 680px;
  }
}

.hero__movie {
  width: 100vw;
  overflow: hidden;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .hero__movie {
    height: 680px;
  }
}

@media screen and (max-width: 767px) {
  .hero__movie {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.hero__movie .yt_player_movie {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 115%;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .hero__movie .yt_player_movie {
    min-width: 1440px;
    min-height: 680px;
    height: 680px;
  }
}

.hero__menu ul {
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}

@media screen and (min-width: 1000px), print {
  .hero__menu ul {
    position: absolute;
    bottom: -75px;
    left: 0;
    z-index: 2;
  }
}

@media screen and (max-width: 999px) {
  .hero__menu ul > li {
    width: 33.33%;
  }
}

.hero__menu ul a {
  display: block;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  text-align: center;
  box-sizing: border-box;
  transition: background-color 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  letter-spacing: 0.1em;
}

@media screen and (min-width: 1000px), print {
  .hero__menu ul a {
    padding-top: 50px;
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    width: 330px;
    height: 150px;
  }
}

@media screen and (max-width: 999px) {
  .hero__menu ul a {
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .hero__menu ul a {
    height: 100px;
  }
}

.hero__menu ul a:hover .text::after {
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.hero__menu ul a .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  color: #fff;
  line-height: 1;
  display: inline-block;
  position: relative;
}

@media screen and (min-width: 1000px), print {
  .hero__menu ul a .text {
    font-size: 38px;
    -ms-transform: scale(0.9, 1) skewX(15deg);
    transform: scale(0.9, 1) skewX(15deg);
  }
}

@media screen and (max-width: 999px) {
  .hero__menu ul a .text {
    font-size: 14px;
    -ms-transform: scale(0.9, 1);
    transform: scale(0.9, 1);
    line-height: 1.2;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .hero__menu ul a .text {
    font-size: 24px;
  }
}

.hero__menu ul a.junior {
  background-color: #8eba54;
}

.hero__menu ul a.junior:hover {
  background-color: #749c3f;
}

.hero__menu ul a.senior {
  background-color: #19a2b2;
}

@media screen and (min-width: 1000px), print {
  .hero__menu ul a.senior {
    position: relative;
    top: -20px;
    left: -25px;
    z-index: 2;
  }
}

.hero__menu ul a.senior:hover {
  background-color: #137985;
}

.hero__menu ul a.doctor {
  background-color: #833bdb;
}

@media screen and (min-width: 1000px), print {
  .hero__menu ul a.doctor {
    position: relative;
    top: 0;
    left: -45px;
    z-index: 1;
  }
}

.hero__menu ul a.doctor:hover {
  background-color: #6a23c0;
}

.ipanel {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .ipanel {
    padding: 10px 25px;
  }
}

@media screen and (max-width: 767px) {
  .ipanel {
    padding: 10px;
  }
}

@media screen and (min-width: 1000px), print {
  .index {
    margin-bottom: 90px;
  }
}

@media screen and (max-width: 999px) {
  .index {
    margin-bottom: 150px;
  }
}

@media screen and (min-width: 1000px), print {
  .index-1 {
    margin-top: 130px;
  }
}

@media screen and (max-width: 999px) {
  .index-1 {
    margin-top: 40px;
  }
}

.index-3__foot {
  margin-top: 60px;
  text-align: center;
}

.index-3__foot .btn {
  background-color: #8eba54;
  border-color: #8eba54;
}

.index-3__foot .btn:hover {
  background-color: #749c3f;
}

.inews_area {
  position: relative;
  top: 0;
  left: 0;
}

.inews_area h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 1.625rem;
  color: #1967b2;
  position: absolute;
  top: -23px;
  font-style: italic;
}

@media screen and (min-width: 768px) {
  .inews_area h2 {
    left: 13px;
  }
}

@media screen and (max-width: 767px) {
  .inews_area h2 {
    left: 0;
  }
}

.inews_area .news_list {
  padding-top: 10px;
}

.inews_area .news_list > li:last-child {
  border-bottom: 0 none;
}

.inews_area__foot {
  margin-top: 40px;
  text-align: center;
}

.ihead {
  line-height: 1;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .ihead {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .ihead {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
  }
}

.ihead h2 {
  font-weight: normal;
}

.ihead .ja {
  font-family: "Noto Sans JP", sans-serif;
  color: #224b72;
  font-style: italic;
  letter-spacing: 0.08em;
}

@media screen and (min-width: 768px) {
  .ihead .ja {
    font-size: 46px;
    margin-bottom: 7px;
  }
}

@media screen and (max-width: 767px) {
  .ihead .ja {
    font-size: 24px;
    text-align: center;
    margin-bottom: 4px;
  }
}

.ihead .ja .text {
  -ms-transform: scale(0.9, 1);
  transform: scale(0.9, 1);
  display: block;
}

.ihead .ja::after {
  content: "";
  background-color: #ff8888;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 6px;
}

@media screen and (min-width: 768px) {
  .ihead .ja::after {
    width: 440px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .ihead .ja::after {
    width: 240px;
    margin-top: 10px;
  }
}

.ihead .en {
  font-family: "Noto Sans JP", sans-serif;
  color: #224b72;
  font-style: italic;
  font-weight: 100;
  -ms-transform: scale(0.8, 1);
  transform: scale(0.8, 1);
  letter-spacing: 0.05em;
  display: inline-block;
  transform: scale(0.8, 1);
}

@media screen and (min-width: 768px) {
  .ihead .en {
    font-size: 34px;
  }
}

@media screen and (max-width: 767px) {
  .ihead .en {
    font-size: 15px;
  }
}

.ihead .ex {
  color: #041a78;
  margin-top: 30px;
  line-height: 1.5;
  font-size: 0.875rem;
}

.ihead-junior .ja::after {
  background-color: #8eba54;
}

@media screen and (min-width: 768px) {
  .ihead-junior .ja::after {
    width: 270px;
  }
}

@media screen and (max-width: 767px) {
  .ihead-junior .ja::after {
    width: 150px;
  }
}

.ihead-senior .ja::after {
  background-color: #19a2b2;
}

@media screen and (min-width: 768px) {
  .ihead-senior .ja::after {
    width: 270px;
  }
}

@media screen and (max-width: 767px) {
  .ihead-senior .ja::after {
    width: 150px;
  }
}

.ihead-doctor .ja::after {
  background-color: #833bdb;
}

@media screen and (min-width: 768px) {
  .ihead-doctor .ja::after {
    width: 320px;
  }
}

@media screen and (max-width: 767px) {
  .ihead-doctor .ja::after {
    width: 180px;
  }
}

@media screen and (min-width: 768px) {
  .ihead-access .ja::after {
    width: 280px;
  }
}

@media screen and (max-width: 767px) {
  .ihead-access .ja::after {
    width: 150px;
  }
}

.icard_layout {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .icard_layout {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    //height: 500px;
  }
  .icard_layout > * {
    display: -ms-flexbox;
    display: flex;
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .icard_layout {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

.icard_layout__a {
  -ms-flex-direction: column;
  flex-direction: column;
}

.icard_layout__a > * {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .icard_layout__a > * {
    height: 250px;
  }
}

@media screen and (max-width: 767px) {
  .icard_layout__a > * {
    height: 150px;
  }
}

@media screen and (max-width: 767px) {
  .icard_layout__a {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .icard_layout__b .icard::after {
    width: 50px;
    height: 50px;
    background-size: cover;
  }
  .icard_layout__b .junior_sm::after {
    width: 30px;
    height: 30px;
  }
}
.icard_layout .ijunior {
  flex-direction: column;
}

.icard {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.icard:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: 0.2s opacity;
}

@media screen and (min-width: 1000px), print {
  .icard {
    padding: 25px 30px;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 999px) {
  .icard {
    background-color: #fff;
    display: block;
    padding: 25px 10px;
  }
}

.icard-disable {
  pointer-events: none;
}

.icard__inner {
  width: 100%;
}

.icard::after {
  content: "";
  display: block;
  background: url("../img/icon/arrow/icard.png") 0 0 no-repeat transparent;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #1967b2;
}

.icard .title .main {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: normal;
  font-style: italic;
}

@media screen and (min-width: 1000px), print {
  .icard .title .main {
    font-size: 30px;
  }
}

@media screen and (max-width: 999px) {
  .icard .title .main {
    font-size: 16px;
  }
}

.icard .title .sub {
  color: #fff;
}

@media screen and (min-width: 1000px), print {
  .icard .title .sub {
    font-size: 1rem;
  }
}

@media screen and (max-width: 999px) {
  .icard .title .sub {
    font-size: 0.875rem;
  }
}

.iabout__1 .title,
.iabout__2 .title,
.iabout__3 .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.05em;
  font-size: 30px;
  line-height: 1.5;
  font-style: italic;
  text-shadow: 0 0 20px black;
}

.iabout__2 .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-left: auto;
  padding: 7px 0;
  text-align: center;
  text-shadow: none;
  background-color: #224b72;
}

@media screen and (max-width: 767px) {
  .iabout__2 .title {
    padding: 0 0 10px;
    text-align: left;
  }
}

.iabout__2 .title .main {
  margin: 0 30px;
}

@media screen and (max-width: 767px) {
  .iabout__2 .title .main {
    margin: 0 10px;
  }
}

.iabout__1 {
  background: url("../img/index/about1.jpg") center center/cover no-repeat
    transparent;
}

.iabout__2 {
  position: relative;
  background: url("../img/index/about2.jpg") center center/cover no-repeat
    transparent;
}

.iabout__3 {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .iabout__3 {
    height: 270px;
    padding: 10px;
  }
}

.iabout__3__inner {
  width: 100%;
}

.iabout__3__head {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .iabout__3__head {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .iabout__3__head {
    margin-bottom: 10px;
  }
}

.iabout__3__head .main {
  color: #041a78;
}

.iabout__3__head .sub {
  color: #3d3d3d;
}

.iabout__3__body {
  position: relative;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .iabout__3__body {
    width: 400px;
  }
}

@media screen and (max-width: 767px) {
  .iabout__3__body {
    width: 200px;
    height: 200px;
    overflow: hidden;
  }
  .iabout__3__body__inner {
    width: 400px;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-left: auto;
    margin-right: auto;
  }
}

.iabout__3__1 {
  width: 250px;
  height: 190px;
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.iabout__3__2 {
  width: 170px;
  height: 150px;
  position: absolute;
  top: 190px;
  left: 0;
}

.iabout__3__3 {
  width: 170px;
  height: 150px;
  position: absolute;
  top: 190px;
  right: 0;
}

.iabout__3__pop {
  width: 100px;
  height: 100px;
  z-index: 2;
  position: absolute;
  top: 30px;
  right: 15px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .iabout__3__pop {
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}

.iabout__4 {
  transition: 0.2s;
}

.iabout__4:hover {
  opacity: 0.7;
}

.iabout__4 img {
  box-shadow: 4px 8px 7px 0 #e5e5e590;
  margin: 0 auto;
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .iabout__4 img {
    width: 100%;
    max-width: 400px;
    margin: 20px auto;
  }
}

@media screen and (min-width: 768px) {
  .ijunior {
    height: 750px;
  }
}
.ijunior .icard::after {
  background-color: #8eba54;
}

.ijunior__1 {
  background: url("/common/img/index/junior5.jpg") center center/cover no-repeat
    transparent;
}

.ijunior__1 .title .main {
  color: #041a78;
}

.ijunior__2 {
  background-color: #8eba54;
}

.ijunior__2 .sub {
  margin-top: 0.5em;
}

/* .ijunior__2 {
	background-color: #fff;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 15px;
}

@media screen and (max-width: 767px) {
	.ijunior__2 {
		display: block;
	}
	.ijunior__2 .icard__inner {
		display: block;
		margin-top: 20px;
		width: 240px;
		height: 160px;
		margin-left: auto;
		margin-right: auto;
	}
	.ijunior__2 .icard__inner__wrapper {
		-ms-transform: scale(0.5);
		    transform: scale(0.5);
		width: 480px;
		-ms-transform-origin: 0 0;
		    transform-origin: 0 0;
	}
}

.ijunior__2__1 {
	width: 270px;
	height: 100px;
	margin: auto;
}

.ijunior__2__2 {
	width: 300px;
	height: 116px;
	margin: auto;
}

.ijunior__2__deco1 {
	width: 90px;
	height: 120px;
	position: absolute;
	top: 45px;
	left: 15px;
}

.ijunior__2__deco2 {
	width: 90px;
	height: 120px;
	position: absolute;
	top: 45px;
	right: 15px;
} */

.ijunior__3 {
  padding: 0;
  background-color: #fffa77;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.ijunior__3__head {
  border: 1px solid #fffa77;
  box-sizing: border-box;
  background: url("/common/img/index/junior4.jpg") center center/cover no-repeat
    #fffa77;
  width: 100%;
}

@media screen and (min-width: 1000px), print {
  .ijunior__3__head {
    height: 160px;
  }
}

@media screen and (max-width: 999px) {
  .ijunior__3__head {
    height: 150px;
  }
}

.ijunior__3__body {
  background-color: #fffa77;
}

.ijunior__3__body .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 400px;
  height: 130px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .ijunior__3__body .title {
    width: 340px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .ijunior__3__body .title {
    width: 280px;
    height: auto;
  }
}

.ijunior__4 {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ijunior__4__head {
  padding: 25px 30px;
}

.ijunior__4 .title .main,
.ijunior__4 .title .sub {
  color: #041a78;
}

.ijunior__4__1 {
  background: url("/common/img/index/junior3.jpg") center center/cover
    transparent;
}

@media screen and (min-width: 768px) {
  .ijunior__4__1 {
    width: 500px;
    height: 371px;
  }
}

@media screen and (max-width: 767px) {
  .ijunior__4__1 {
    width: 100%;
    height: 200px;
  }
}

.ijunior__5 {
  background: url("/common/img/index/junior6.jpg") center center/cover no-repeat
    transparent;
}

@media screen and (min-width: 768px) {
  .ijunior__5 {
    height: 250px;
  }
}

@media screen and (max-width: 767px) {
  .ijunior__5 {
    height: 150px;
  }
}

.isenior .icard::after {
  background-color: #19a2b2;
}

.isenior__1 {
  background: url("/common/img/index/senior1.jpg") center center/cover no-repeat
    transparent;
}

.isenior__1 .title .main {
  color: #16818d;
}

.isenior__2 {
  background-color: #16818d;
}

/* 追記*/
.isenior__2 {
  background: url("/common/img/banner/doctor_interview.jpg") center center/cover
    no-repeat transparent;
}

.isenior__2 .title .main {
  color: #16818d;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

@media screen and (max-width: 999px) {
  .isenior__2 .title .main {
    left: 10px;
  }
}

.isenior__4 {
  background: url("/common/img/index/senior_heart_surgery.png") center
    center/cover no-repeat transparent;
}

.isenior__5 {
  background: url("/common/img/index/senior_program.png") center center/cover
    no-repeat transparent;
}

.isenior__6 {
  background: url("/common/img/index/senior_interview_nakamura.png") center
    center/cover no-repeat transparent;
}

.isenior__7 {
  background: url("/common/img/index/senior_interview_hiramoto.png") center
    center/cover no-repeat transparent;
}

.isenior__8 {
  background: url("/common/img/index/senior_interview_yasumoto.png") center
    center/cover no-repeat transparent;
}

.isenior__3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.isenior__3__box {
  color: #fff;
  background-color: #ff8888;
  text-align: center;
  padding: 25px 0 30px;
}

.isenior__3__box ._sub {
  display: block;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.4em;
}

@media screen and (min-width: 768px) {
  .isenior__3__box ._sub {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .isenior__3__box ._sub {
    font-size: 14px;
  }
}

.isenior__3__box ._main {
  display: block;
  font-weight: bold;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .isenior__3__box ._main {
    font-size: 36px;
  }
}

@media screen and (max-width: 767px) {
  .isenior__3__box ._main {
    font-size: 24px;
  }
}

.isenior__3__ex {
  font-weight: bold;
  margin-top: 30px;
  text-align: center;
  color: #041a78;
}

@media screen and (max-width: 767px) {
  .isenior__3__ex {
    font-size: 13px;
  }
}

.idoctor .icard::after {
  background-color: #833bdb;
}

.idoctor__1 {
  background: url("/common/img/index/doctor1.jpg") center center/cover no-repeat
    transparent;
}

.idoctor__1 .title .main {
  color: #041a78;
}

.idoctor__2 {
  background-color: #6329aa;
}

.idoctor__3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.idoctor__3__box {
  color: #fff;
  background-color: #041a78;
  text-align: center;
  max-width: 360px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .idoctor__3__box {
    height: 80px;
  }
}

@media screen and (max-width: 767px) {
  .idoctor__3__box {
    height: 60px;
  }
}

.idoctor__3__box ._main {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-style: italic;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .idoctor__3__box ._main {
    font-size: 34px;
  }
}

@media screen and (max-width: 767px) {
  .idoctor__3__box ._main {
    font-size: 18px;
  }
}

.idoctor__3__circle_list ul {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .idoctor__3__circle_list ul {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .idoctor__3__circle_list ul {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.idoctor__3__circle_list ul li .circle {
  background-color: #ffa2a2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .idoctor__3__circle_list ul li .circle {
    width: 130px;
    height: 130px;
    border-radius: 65px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .idoctor__3__circle_list ul li .circle {
    width: 110px;
    height: 110px;
    border-radius: 55px;
  }
}

@media screen and (max-width: 767px) {
  .idoctor__3__circle_list ul li .circle {
    width: 90px;
    height: 90px;
    border-radius: 45px;
  }
}

.idoctor__3__circle_list ul li .dep {
  color: #fff;
  line-height: 1;
  margin-bottom: -0.15em;
}

@media screen and (min-width: 768px) {
  .idoctor__3__circle_list ul li .dep {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .idoctor__3__circle_list ul li .dep {
    font-size: 15px;
  }
}

.idoctor__3__circle_list ul li .num {
  font-family: MyriadPro-Bold, sans-serif;
  font-weight: bold;
  color: #041a78;
  line-height: 1;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .idoctor__3__circle_list ul li .num {
    font-size: 82px;
    height: 65px;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .idoctor__3__circle_list ul li .num {
    font-size: 65px;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .idoctor__3__circle_list ul li .num {
    font-size: 50px;
    height: 40px;
  }
}

.idoctor__3__circle_list ul li .num-2 {
  letter-spacing: -0.1em;
  margin-left: -0.15em;
}

.idoctor__3__circle_list ul li .unit {
  color: #8d4545;
}

.idoctor__3__ex {
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
  color: #041a78;
}

@media screen and (min-width: 768px) {
  .ipanel-access {
    padding: 60px 50px 90px;
  }
}

@media screen and (max-width: 767px) {
  .ipanel-access {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.ipanel-access .title {
  text-align: center;
  color: #224b72;
  font-weight: normal;
  border-bottom: 2px dotted #ff8888;
  padding-bottom: 5px;
  margin-bottom: 30px;
}

@media screen and (min-width: 1000px), print {
  .ipanel-access .title {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 999px) {
  .ipanel-access .title {
    font-size: 1.25rem;
  }
}

.ipanel-access .group:not(:last-child) {
  margin-bottom: 70px;
}

.ipanel-access .map {
  margin-bottom: 15px;
}

.ipanel-access .ex {
  color: #041a78;
}

.ipanel-access ._btn_list {
  margin-top: 50px;
}

@media screen and (min-width: 1000px), print {
  .ipanel-access ._btn_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (max-width: 999px) {
  .ipanel-access ._btn_list > li {
    text-align: center;
  }
  .ipanel-access ._btn_list > li:not(:last-child) {
    margin-bottom: 20px;
  }
}

/*# sourceMappingURL=index.css.map */