@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

/* ----------------------------------
  郢晏ｳｨ縺醍ｹｧ�ｿ郢晢ｽｼ郢ｧ�､郢ｧ�ｨ郢晢ｽｭ郢晢ｽｼT4陜吩ｹ斟｡郢ｧ�､郢晢ｽ､郢晢ｽｬ郢ｧ�ｹ郢ｧ�､郢晢ｽ､郢晏ｸ厥ｦ
---------------------------------- */
/* Layout */
.pane-contents > div.container { padding: 0;}
[data-browse-mode="P"] ul.block-crowdfunding-project__switching-tab__item-box { margin-bottom: 0;}
#switching-content-performance.is-active { padding-top: 0 !important;}
#switching-content-performance .block-crowdfunding-project__switching-content__inner { margin: 0 auto;}

/* Reset */
#doctor_yellow,
#doctor_yellow * {
  font-family: "Noto Sans JP", "microsoft yahei", Helvetica, Arial, sans-serif;
	font-size: 20px;
  font-weight: 500;
}
#doctor_yellow *,
#doctor_yellow *::before,
#doctor_yellow *::after {
	box-sizing: border-box;
}
#doctor_yellow a,
#doctor_yellow a:visited,
#doctor_yellow a:hover,
#doctor_yellow a:active,
#doctor_yellow a:focus {
  outline: none;
  cursor: pointer;
  text-decoration: none;
  line-height: 0;	
	color: #FFF;
}
#doctor_yellow img {
  width: 100%;
  border: none;
  display: block;
  image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
#doctor_yellow p,
#doctor_yellow form,
#doctor_yellow dl,
#doctor_yellow dt,
#doctor_yellow dd,
#doctor_yellow ul,
#doctor_yellow li,
#doctor_yellow h1,
#doctor_yellow h2,
#doctor_yellow h3,
#doctor_yellow h4,
#doctor_yellow h5 {
	margin: 0;
  padding: 0;
  border: 0;
}

/* Common */
#doctor_yellow .bg-yellow-drag { background-color: #fbcf45 !important;}
#doctor_yellow .bg-yellow-light { background-color: #fffbca !important;}
#doctor_yellow .font-color-blue { color: #163882 !important;}

#doctor_yellow .bold7 { font-weight: 700 !important;}
#doctor_yellow .bold9 { font-weight: 900 !important;}
#doctor_yellow .relative { position: relative;}
#doctor_yellow .absolute { position: absolute;}

/* 郢晄㈱縺｡郢晢ｽｳ */
#doctor_yellow .donation-btn {
	width: 24rem;
  height: 5.52rem;
  background-color: #143c82;
  color: #fff;
  font-size: 2.08rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.96rem;
  padding: 0;
  position: relative;
  transition: background-color 0.25s ease, transform 0.15s ease;
}
#doctor_yellow .donation-btn::after {
	content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-left: #FFF 1.2rem solid;
  border-top: transparent 0.8rem solid;
  border-bottom: transparent 0.8rem solid;
  transition: transform 0.25s ease;
}
#doctor_yellow .donation-btn:hover { background-color: #1c4da3; color: #FFF;}
#doctor_yellow .donation-btn:hover::after { transform: translateX(5px);}
#doctor_yellow .donation-btn:active { transform: scale(0.97);}

@media (max-width: 768px) {
	#doctor_yellow .donation-btn { width: 6rem; height: 1.38rem; font-size: 0.52rem; gap: 0.24rem;}
	#doctor_yellow .donation-btn::after { border-left: 0.24rem solid #ffffff; border-top: 0.14rem solid transparent; border-bottom: 0.14rem solid transparent;}
}

/* 郢晢ｽ｡郢ｧ�､郢晢ｽｳ郢ｧ�ｿ郢ｧ�､郢晏現ﾎ�
---------------------------------- */
#doctor_yellow .main-title { padding: 8rem 6.4rem 4.16rem; display: flex; justify-content: space-between; align-items: center;}
#doctor_yellow .main-title > img { width: 63.28rem;}
#doctor_yellow .main-title > .text { font-weight: 700; font-size: 3.2rem; line-height: 1.5;}
#doctor_yellow .main-visual {
	padding: 1.28rem 7.76rem 0 10rem;
	background-image: url(/img/S075/crowd_funding/earbuds/main-visual-1-pc.webp);
	background-size: 100% 100%;
	aspect-ratio: 1920 / 879;
}
#doctor_yellow .main-visual .text { font-size: 2.56rem; margin-top: 1.84rem; font-weight: 600;}
#doctor_yellow .main-visual .text > h4 { font-size: 4.48rem; line-height: 1.5; font-weight: 700;}
#doctor_yellow .main-visual .text > h5 { font-size: 3.2rem; line-height: 1.5; font-weight: 700;}

@media (max-width: 767.9px) {
	#doctor_yellow .main-title { padding: 0.48rem 0.22rem; display: flex; flex-direction: column; align-items: flex-start;}
	#doctor_yellow .main-title > img { width: 5.7rem; margin-top: 0; margin-bottom: 0.32rem;}
	#doctor_yellow .main-title > .text { font-size: 0.32rem;}
	#doctor_yellow .main-visual { height: 13rem; padding: 0.48rem 0.22rem 0; background-image: url(/img/S075/crowd_funding/earbuds/main-visual-1-sp.webp); aspect-ratio: inherit;}
	#doctor_yellow .main-visual .text { margin-top: 0.474rem; font-size: 0.32rem; font-weight: 600; color: #fff;}
	#doctor_yellow .main-visual .text > h4 { font-size: 0.46rem; margin-bottom: 0.18rem;}
	#doctor_yellow .main-visual .text > h5 { font-size: 0.36rem;}
}

/* 郢晁侭縺夂ｹ晢ｽ･郢ｧ�｢郢晢ｽｫ郢晢ｽｻ郢ｧ�ｹ郢晢ｽｩ郢ｧ�､郢敖€郢晢ｽｼ
---------------------------------- */
#doctor_yellow .mySlider { width: 100%; overflow: hidden; position: relative; margin: 3.2rem 0;}
#doctor_yellow .slider-wrapper { display: flex; transition: transform 0.4s ease;}
#doctor_yellow .slide { flex-shrink: 0;}
#doctor_yellow .slide img { width: 100%; display: block;}
#doctor_yellow .slide { width: calc((100% - 3.84rem) / 3); margin-right: 1.92rem;}
#doctor_yellow .slide:last-child { margin-right: 0;}
#doctor_yellow .mySlider.dragging,
#doctor_yellow .mySlider.dragging * { user-select: none; -webkit-user-select: none;}
#doctor_yellow .mySlider .slider-wrapper { cursor: grab;}
#doctor_yellow .mySlider.dragging .slider-wrapper { cursor: grabbing;}
#doctor_yellow .main-video { width: 80%; max-width: 140.56rem; aspect-ratio: 353 / 199; margin: 0 auto;}

@media (max-width: 767.9px) {
	#doctor_yellow .slide { width: 100%; margin-right: 0;}
	#doctor_yellow .mySlider { margin: 0.8rem 0;}
}

/* SUPPORT PLAN 邵ｺ逍ｲ鬮ｪ隰��ｴ郢晏干ﾎ帷ｹ晢ｽｳ
---------------------------------- */
#doctor_yellow .support-plan { margin-top: 6.4rem; display: flex; flex-direction: column;}
#doctor_yellow .support-plan-title { margin: 0 0 3.2rem 6.56rem; font-size: 3.2rem; font-weight: 700; line-height: 1.5;}
#doctor_yellow .support-plan-title p { font-size: 3.2rem; font-weight: 700; line-height: 1.5;}
#doctor_yellow .support-plan-title > img { max-width: 56.8rem;}
#doctor_yellow .support-plan-card {
  width: 116rem;
  margin: 0 auto 5.36rem;
  padding-left: 3.28rem;
  padding-bottom: 3.84rem;
  background: #fff;
  background-image: url(/img/S075/crowd_funding/earbuds/plan-1-2.webp);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: right top;
}
#doctor_yellow .support-plan-card.two { background-image: url(/img/S075/crowd_funding/earbuds/plan-2-2.webp);}
#doctor_yellow .card-header { display: flex; align-items: stretch;}
#doctor_yellow .support-plan-price { font-weight: 900; font-size: 3.2rem; line-height: 1.5; margin-left: 3.28rem; display: flex; gap: 1.92rem; padding: 8px 0;}
#doctor_yellow .support-plan-price span { font-weight: 900; font-size: 3.2rem;}
#doctor_yellow .support-plan-card .card-number { width: 11.84rem; height: inherit; background: #163882; display: flex; justify-content: center; align-items: center;}
#doctor_yellow .support-plan-card .card-number > img { width: 50%;}
#doctor_yellow .support-plan-description h3 { font-size: 1.92rem; line-height: 1.5; font-weight: 700; margin-bottom: 1.28rem;}
#doctor_yellow .support-plan-description { margin: 3.2rem 0; font-size: 1.6rem; font-weight: 500; padding-right: 50%;}
#doctor_yellow .plan-3 { height: 36rem; display: flex; flex-direction: row-reverse;}
#doctor_yellow .plan-3 > img { width: auto; transform: translateY(24%);}

@media (max-width: 767.9px) {
	#doctor_yellow .support-plan { margin-top: 0.8rem;}
	#doctor_yellow .support-plan-title { margin: 0 0 0.48rem 0.22rem; font-size: 0.36rem;}
	#doctor_yellow .support-plan-title p { font-size: 0.36rem;}
	#doctor_yellow .support-plan-title > img { max-width: 5.12rem;}
	#doctor_yellow .support-plan-card { background: #fff; padding: 0 0.32rem 0.3rem 0.32rem; background-image: none; width: calc(100% - 0.44rem); margin: 0 auto 0.48rem;}
	#doctor_yellow .support-plan-card,
	#doctor_yellow .support-plan-card.two { background-image: none;}
	#doctor_yellow .support-plan-card > img { margin-top: 0.2rem;}
	#doctor_yellow .card-header { display: flex; align-items: stretch;}
	#doctor_yellow .support-plan-price { font-size: 0.36rem; margin-left: 0.32rem; gap: 0.16rem;}
	#doctor_yellow .support-plan-price span { font-size: 0.36rem;}
	#doctor_yellow .support-plan-card .card-number { width: 1.06rem; height: inherit;}
	#doctor_yellow .support-plan-description h3 { font-size: 0.36rem; margin: 0.16rem 0;}
	#doctor_yellow .support-plan-description { margin: 0 0 0.48rem; font-size: 0.32rem; padding-right: 0;}
	#doctor_yellow .plan-3 { height: 2.46rem;}
	#doctor_yellow .product-detail { padding: 2rem 0.22rem 0.8rem 0.22rem; gap: 0.8rem;}
	#doctor_yellow .spec-table { border: 0.04rem solid #163882; gap: 0.04rem;}
	#doctor_yellow .row { gap: 0.04rem; height: auto; flex-direction: column;}
	#doctor_yellow .cell { height: 1.4rem; line-height: 1.4rem; font-size: 0.28rem;}
	#doctor_yellow .cell.left,
	#doctor_yellow .cell.right { width: 100%;}
	#doctor_yellow .support-plan-card .donation-btn { width: 100%; height: 1.46rem; font-size: 0.32rem;}
	#doctor_yellow .main-video { width: 90%;}
}

/* PRODUCT 髯ｬ�ｽ陷ｩ竏壺�邵ｺ�､邵ｺ�ｽ窶ｻ
---------------------------------- */
#doctor_yellow #product { padding: 14.8rem 4rem 8rem; font-size: 2.56rem;}
#doctor_yellow #product * { font-size: 2.56rem;}
#doctor_yellow #product .course-title { width: 69.6rem; flex-shrink: 0;}
#doctor_yellow #product .course-title .course-title-top { margin: 0 auto;}
#doctor_yellow #product .course-title .course-content { text-align: center;}
#doctor_yellow #product .product-course-header { width: 35.2rem; font-size: 3.2rem; font-weight: 700;}
#doctor_yellow #product .product-course-header div { font-size: 3.2rem; font-weight: 700;}
#doctor_yellow #product .course-one .course-title { top: 2.8rem; right: 4.8rem;}
#doctor_yellow #product .course-one .course-title-top { width: 13.44rem;}
#doctor_yellow #product .course-one .one-course-top { width: 75.36rem; height: 53.28rem;}
#doctor_yellow #product .course-one .one-course-mid { width: 96.64rem; height: 36rem; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
#doctor_yellow .one-course-mid .one-course-mid-1 { width: 36.8rem; height: 36rem;}
#doctor_yellow .one-course-mid .one-course-mid-2 { width: 43.52rem; height: 29.2rem;}
#doctor_yellow #product .course-one .one-course-bottom { width: 104.8rem; height: 36.8rem; margin: 6.4rem auto;}
#doctor_yellow #product .course-two { width: 116rem; margin: 0 auto;}
#doctor_yellow #product .course-two .course-title { width: 100%;}
#doctor_yellow #product .course-two .course-title-top { width: 16rem;}
#doctor_yellow #product .course-two .course-two-img1 { margin: 3.2rem 0;}
#doctor_yellow #product .course-two .course-two-action { border: 0.64rem solid #163882;}
#doctor_yellow .course-two .course-two-action .course-two-action-item { width: 100%; border-bottom: 0.32rem solid #fbcf45; background-color: #fff; display: flex;}
#doctor_yellow .course-two .course-two-action .course-two-action-item div { display: flex; align-items: center; justify-content: center; font-weight: 700;}
#doctor_yellow .course-two-action .course-two-action-item div:nth-child(1) { width: 41%; text-align: center; padding: 3.2rem 0; border-right: 0.16rem solid #fbcf45;}
#doctor_yellow .course-two-action .course-two-action-item div:nth-child(2) { width: 59%; text-align: center; padding: 3.2rem 0; border-left: 0.16rem solid #fbcf45;}
#doctor_yellow .course-two .course-two-action .course-two-action-item.action-item-header,
#doctor_yellow .course-two .course-two-action .course-two-action-item:last-child { border-bottom: none;}
#doctor_yellow .course-two-action .course-two-action-item.action-item-header div:nth-child(1) { border-right: 0.16rem solid #fff;}
#doctor_yellow .course-two-action .course-two-action-item.action-item-header div:nth-child(2) { border-left: 0.16rem solid #fff;}
#doctor_yellow .course-two .course-two-tips { margin-top: 1.44rem; font-weight: 700;}
#doctor_yellow #product .course-three { display: flex; padding: 7.2rem 0 21.6rem;}
#doctor_yellow #product .course-three .course-title-top { width: 16.24rem; margin-top: 18.8rem;}
#doctor_yellow #product .course-three .relative { flex: 1;}
#doctor_yellow #product .course-three .course-three-img1 { width: 46.4rem; height: 46.4rem;}
#doctor_yellow #product .course-three .course-three-img2 { width: 48rem; right: 0; top: 10%;}
#doctor_yellow #product .course-four { display: flex;}
#doctor_yellow #product .course-four-img1 { width: 71.68rem; margin-right: 3.2rem;}
#doctor_yellow #product .course-four .course-title-top { width: 16.4rem;}
		
@media screen and (min-width: 1920.5px) {	
	#doctor_yellow #product { padding: 14.8rem 6rem 8rem;}
	#doctor_yellow #product .course-three .course-three-img1 { margin-left: 5%;}
	#doctor_yellow #product .course-four { width: 100%; flex-wrap: wrap; justify-content: space-around;}
}	
@media screen and (min-width: 2150.5px) {
	#doctor_yellow #product .course-three .course-three-img1 { margin-left: 10%;}
}
@media screen and (min-width: 2260.5px) {
	#doctor_yellow #product .course-three .course-three-img1 { margin-left: 16%;}
}
@media screen and (min-width: 2350.5px) {	
	#doctor_yellow #product .course-three .course-three-img2 { right: 10%;}
}
@media screen and (min-width: 2500.5px) {
	#doctor_yellow #product .course-three .course-three-img2 { right: 14%;}
}	

@media screen and (max-width: 767.9px) {	
	#doctor_yellow #product { padding: 1.4rem 0.24rem 0rem; font-size: 0.36rem;}
	#doctor_yellow #product * { font-size: 0.28rem;}
	#doctor_yellow #product .product-course-header { width: 3.16rem; font-size: 0.36rem;}
	#doctor_yellow #product .product-course-header div { font-size: 0.36rem;}
	#doctor_yellow #product .course-title {
	  width: 100%;
	  margin-top: 0.8rem;
	  font-size: 0.32rem;
	  position: relative;
	  top: 0 !important;
	  left: 0 !important;
	  right: 0 !important;
	  bottom: 0 !important;
	}
	#doctor_yellow #product .course-one .course-title-top { width: 1.4rem; font-size: 0.32rem;}
	#doctor_yellow #product .course-title .course-content { font-size: 0.36rem;}
	#doctor_yellow #product .course-one .one-course-top { width: 100%; height: auto; margin: 0.48rem 0;}
	#doctor_yellow #product .course-one .one-course-top .img-1,
	#doctor_yellow #product .course-one .one-course-top .img-2 { margin-top: 60px;}
	#doctor_yellow #product .course-one .one-course-mid { width: 100%; height: 2.72rem; justify-content: space-around;}
	#doctor_yellow .one-course-mid .one-course-mid-1 { width: 2.36rem; height: 2.48rem;}
	#doctor_yellow .one-course-mid .one-course-mid-2 { width: 2.74rem; height: 1.9rem;}
	#doctor_yellow #product .course-one .one-course-bottom { width: 100%; height: auto; margin: 0;}
	#doctor_yellow #product .course-two,
	#doctor_yellow #product .course-three,
	#doctor_yellow #product .course-four { width: 100%; font-size: 0.3rem; padding: 0; display: block;}
	#doctor_yellow #product .course-two .course-title-top { width: 1.64rem;}
	#doctor_yellow #product .course-two .course-two-img1 { margin: 0.8rem 0;}
	#doctor_yellow .course-two-action-phone { width: 100%; padding-bottom: 0.32rem; overflow-x: scroll !important; overflow-y: hidden;}
	#doctor_yellow .course-two-action-phone::-webkit-scrollbar-track { background: #d9d9d9 !important; border-radius: 0.4rem !important;}
	#doctor_yellow .course-two-action-phone::-webkit-scrollbar-thumb { background: #7f7f7f !important; border-radius: 0.4rem !important;}
	#doctor_yellow .course-two-action-phone::-webkit-scrollbar-thumb:hover { background: #7f7f7f !important;}
	#doctor_yellow .course-two-action-phone::-webkit-scrollbar { height: 0.4rem !important;}
	#doctor_yellow .course-two-action-phone.ff-scrollbar { scrollbar-width: thin; scrollbar-color: #7f7f7f #d9d9d9;}
	#doctor_yellow #product .course-two .course-two-action-phone .course-two-action { width: 14rem; border-width: 0.08rem;}
	#doctor_yellow .course-two .course-two-action .course-two-action-item { border-bottom: 0.04rem solid #fbcf45;}
	#doctor_yellow .course-two-action .course-two-action-item div:nth-child(1) { width: 41%; text-align: center; padding: 0.36rem 0; border-right: 0.02rem solid #fbcf45;}
	#doctor_yellow .course-two-action .course-two-action-item div:nth-child(2) { width: 59%; text-align: center; padding: 0.36rem 0; border-left: 0.02rem solid #fbcf45;}
	#doctor_yellow .course-two-action .course-two-action-item.action-item-header div:nth-child(1) { border-right: 0.02rem solid #fff;}
	#doctor_yellow .course-two-action .course-two-action-item.action-item-header div:nth-child(2) { border-left: 0.02rem solid #fff;}
	#doctor_yellow .course-two .course-two-tips { margin-top: 0.32rem;}
	#doctor_yellow #product .course-three .course-title-top,
	#doctor_yellow #product .course-four .course-title-top { margin-top: 0; width: 1.68rem;}
	#doctor_yellow #product .course-three .relative { margin-top: 1rem; width: 100%; height: 7.22rem;}
	#doctor_yellow #product .course-three .course-three-img1 { width: 3.6rem; height: 3.6rem;}
	#doctor_yellow #product .course-three .course-three-img2 { width: 4.6rem; right: 5%; top: -4.5%;}
	#doctor_yellow #product .course-four { display: flex; flex-direction: column-reverse;}
	#doctor_yellow #product .course-four-img1 { width: 100%; margin: 0.48rem 0 -0.4rem;}
}

/* DETAIL 髯ｬ�ｽ陷ｩ竏ｬ�ｩ�ｳ驍擾ｽｰ
---------------------------------- */
#doctor_yellow .product-detail { padding: 6.4rem; display: flex; flex-direction: column; gap: 6.4rem;}
#doctor_yellow .product-detail .header { display: flex; flex-direction: column; line-height: 1.5; font-size: 3.2rem; font-weight: 700; margin-bottom: 3.2rem;}
#doctor_yellow .product-detail .header img { width: 26.88rem;}
#doctor_yellow .row:before,
#doctor_yellow .row::after { display: none;}
#doctor_yellow .spec-table { width: 100%; max-width: 116rem; margin: 0 auto; box-sizing: border-box; border: 0.64rem solid #163882; display: flex; flex-direction: column; gap: 0.32rem;}
#doctor_yellow .row { display: flex; gap: 0.32rem; border-bottom: none; height: 10.08rem; line-height: 10.08rem; margin-right: 0; margin-left: 0;}
#doctor_yellow .cell { font-size: 2.56rem; font-weight: 700; color: #163882; background-color: #fff; display: flex; align-items: center; justify-content: center;}
#doctor_yellow .cell.left { width: 35%; background: #FFFBCA;}
#doctor_yellow .cell.right { width: 65%;}

@media (max-width: 767.9px) {
  #doctor_yellow .product-detail { padding: 2rem 0.22rem 0.8rem 0.22rem; gap: 0.8rem;}	
	#doctor_yellow .product-detail .header { font-size: 0.36rem; margin-bottom: 0.48rem;}
	#doctor_yellow .product-detail .header img { width: 2.42rem;}
  #doctor_yellow .spec-table { border: 0.04rem solid #163882; gap: 0.04rem;}
  #doctor_yellow .row { height: auto; flex-direction: column; gap: 0.04rem;}
  #doctor_yellow .cell { height: 1.4rem; line-height: 1.4rem; font-size: 0.28rem;}
  #doctor_yellow .cell.left,
  #doctor_yellow .cell.right { width: 100%;}
}

/* Q�ｽ�ｽA 髮会ｽｪ陜�荳岩�陜玲ｨ抵ｽｭ�ｽ
---------------------------------- */
#doctor_yellow .q-a .header img { width: 15.76rem;}
#doctor_yellow .faq-wrap { width: 100%; max-width: 116rem; margin: 3.52rem auto; display: flex; flex-direction: column; gap: 0.24rem;}
#doctor_yellow .faq-item { background: #FFFBCA; overflow: hidden;}
#doctor_yellow .faq-title { display: flex; align-items: center; cursor: pointer; position: relative; height: 10.88rem; padding: 0 4.24rem 0 2.56rem;}
#doctor_yellow .faq-icon { width: 4.24rem;}
#doctor_yellow .faq-text { font-size: 2.56rem; font-weight: bold; flex: 1; margin-left: 2.96rem;}
#doctor_yellow .faq-toggle { font-size: 4rem; transition: transform 0.25s ease;}
#doctor_yellow .faq-item.active .faq-toggle { transform: rotate(45deg);}
#doctor_yellow .faq-content { padding: 1.6rem; font-size: 1.6rem; display: none;}
#doctor_yellow .is-sp-show { display: none;}

@media (max-width: 767.9px) {
	#doctor_yellow .q-a .header img { width: 1.42rem;}
	#doctor_yellow .faq-wrap { margin: 0.48rem auto; gap: 0.06rem;}
	#doctor_yellow .faq-title { height: 1.42rem; padding: 0 0.6rem 0 0.48rem;}
	#doctor_yellow .faq-icon { width: 0.34rem;}
	#doctor_yellow .faq-text { font-size: 0.28rem; margin-left: 0.24rem;}
	#doctor_yellow .faq-toggle { font-size: 0.6rem;}
	#doctor_yellow .faq-content { padding: 0.32rem; font-size: 0.28rem;}
	#doctor_yellow .is-sp-show { display: block;}
}

/* 郢ｧ�｢郢昜ｹ斟鍋ｹ晢ｽｼ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ隰厄ｿｽ�ｮ�ｽ
---------------------------------- */
@keyframes fade-in {
  from { opacity: 0;}
  to   { opacity: 1;}
}
@keyframes fade-out {
  from { opacity: 1;}
  to   { opacity: 0;}
}
@keyframes fade-in-down {
  from { position: relative; opacity:0; transform: translateY(100%);}
  to   { opacity: 1; transform: translateY(0);}
}
@keyframes fade-in-right {
  from { position: relative; opacity: 0; transform: translateX(100%);}
  to   { opacity: 1; transform: translateX(0);}
}
@keyframes fade-in-bottom-right {
  from { position: relative; opacity: 0; transform: translate(100%, 100%);}
  to   { opacity: 1; transform: translate(0, 0);}
}

#doctor_yellow .main-title > img,
#doctor_yellow .main-visual > img,
#doctor_yellow .main-visual > .text,
#doctor_yellow .support-plan-title,
#doctor_yellow .detail-spec > .header,
#doctor_yellow .q-a > .header,
#doctor_yellow .support-plan-card.one,
#doctor_yellow .support-plan-card.two,
#doctor_yellow .plan-3,
#doctor_yellow #product .product-course-header,
#doctor_yellow #product .course-title-top,
#doctor_yellow #product .course-three .course-three-img1,
#doctor_yellow #product .course-one img.img-2 { opacity: 0;}

#doctor_yellow .main-title > img.fade-in,
#doctor_yellow .main-visual > img.fade-in,
#doctor_yellow .main-visual > .text.fade-in,
#doctor_yellow .support-plan-title.fade-in,
#doctor_yellow .detail-spec > .header.fade-in,
#doctor_yellow .q-a > .header.fade-in,
#doctor_yellow #product .course-one img.img-2.fade-in,
#doctor_yellow #product .product-course-header.fade-in { animation-name: fade-in; animation-duration: 0.8s; animation-fill-mode: forwards;}
#doctor_yellow #product .course-title-top.fade-in-down { animation-name: fade-in-down; animation-duration: 0.5s; animation-fill-mode: forwards;}
#doctor_yellow #product .course-three .course-three-img1.fade-in-bottom-right { animation-name: fade-in-bottom-right; animation-duration: 0.8s; animation-fill-mode: forwards;}
#doctor_yellow .support-plan-card.one.fade-in-right,
#doctor_yellow .support-plan-card.two.fade-in-right,
#doctor_yellow .plan-3.fade-in-right { animation-name: fade-in-right; animation-duration: 0.8s; animation-fill-mode: forwards;}
#doctor_yellow #product .course-one img.img-1.fade-out { animation-name: fade-out; animation-duration: 0.3s; animation-fill-mode: forwards;}

/* ----------------------------------
  bootstrap
---------------------------------- */
@-ms-viewport {
  width: device-width
}
.visible-xs { display: none !important;}

@media (max-width:767px) {
	.visible-xs { display: block !important;}
	.hidden-xs { display: none !important;}
}