@charset "UTF-8";

.pc-only,
.over_1196,
.over_540{ display:block; }
.sp-only,
.under_1196,
.under_540{ display:none; }

/*1196以下
---------------------------------------------------------*/
@media screen and (max-width: 1196px) {
  body{ width:100%; min-width:100%; }
  img{ max-width:100%; text-align:center; }
  .under_1196{ display:block; }
  .over_1196{ display:none; }
  .boxW970{ width:100%; max-width:970px; margin:0 auto; box-sizing:border-box; }
  .boxW630{ width:100%; max-width:630px; margin:0 auto; box-sizing:border-box; }
  .boxW600{ width:100%; max-width:600px; margin:0 auto; box-sizing:border-box; }
  .boxW590{ width:100%; max-width:590px; margin:0 auto; box-sizing:border-box; }

  .header{ height:auto; }
  .header .box{ width:94%; max-width:970px; }
  .header h1{ width:54%; bottom:36px; }
  .header h1 img{ width:100%;}
  .header div.flt_l{ width:54%; max-width:496px; }
  .header div.flt_r{ width:45%; max-width:326px; }
  .header .box dl{ display:flex; flex-wrap:wrap; justify-content:space-between; }
  .header .box dl dt,
  .header .box dl dd{ width:32%; margin-right:0; }
  .navi{ width:94%; max-width:970px; }
  .navi li{ width:calc(100% / 8); font-size:1.0rem; text-align:center; }
  .navi li img{ max-width:100%; }

  /* main */
  .main_bg{ width:100%; height:auto; }
  .main_bg .main_img{ position:static; width:100%; height:0; padding-top:33.5284280%; background-size:cover; }

  /* flexslider */
  .flexslider{ position:static; width:100%; }
  .flexslider .bnr_img{ width:100%!important; padding-top:20.25%; }
  .flexslider .bnr_img img{ display:none!important; }
  .flexslider .bnr_naifuku .bg,
  .flexslider .bnr_alpha .bg{ width:100%!important; background-size:130%!important; background-position-x:60%!important; }

  /* cmArea */
  .cmArea{ width:100%; padding-top:35px; }
  .cmArea .boxW970{ width:94%; background:none; }
  .cmArea .flt_l{ width:30%; }
  .cmArea .flt_r{ width:70%; box-shadow:0px 16px 6px -6px rgba(0,0,0,0.3); }
  .cmArea .flt_r iframe{ width:100%; height:300px; }

  /* btn_green_saisei */
  .btn_green_saisei{ display:flex; width:94%; margin:0 auto; flex-wrap:wrap; justify-content:space-between; }
  .btn_green_saisei li{ float:none; width:32%; margin-right:0; }

  .pagebody .boxW970{ width:94%; margin:0 auto; }
  .side{ width:23.711340%; }
  .content{ width:68.04123%; }

  /* news */
  .news{ float:none; width:100%; }
  .news .title_news{ width:100%; height:auto; padding:15px 15px 18px; border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; background:linear-gradient(#fff 1%, #e3f7f0 50%, #d4f2e8); box-sizing:border-box; }
  .news .title_news::before{ content:"新着情報・コラム"; display:inline-block; color:#000; font-size:18px; font-weight:700; }
  .news .title_news div{ margin-top:-1.5em; text-align:right; }

  .content-bnr{ float:none; width:100%; }
  .content-bnr ul{ display:flex; margin:16px 0 0; flex-wrap:wrap; justify-content:center; }
  .content-bnr ul li{ width:32%; max-width:230px;}
  .content-bnr ul li.bnr.mgn_t_7.mgn_b_7{ margin:0 8px; }

  /* AGA */
  .title_saishin{ margin-top:30px; }
  .saishin-bnr{ text-align:center; }
  .saishin-bnr .bnr{ float:none; display:inline-block; width:48%; margin-right:8px; text-align:right; }
  .saishin-bnr .bnr:last-child{ margin-right:0; text-align:left; }

  /* intro_media */
  .intro_media .flt_l,
  .intro_media .flt_r{ width:49%; }
  .media,
  .zasshi{ text-align:center; }
  .media iframe{ width:100%; }

  /* toiawase */
  .toiawase{ margin-top:30px; }
  .toiawase > div.sp-only.title{ background:linear-gradient(#2aa15f, #52b37d 50%, #82c9a1); }
  .boxPdg > dl:first-child{ display:flex; align-items:center; }
  .boxPdg .tel,
  .boxPdg > dl > dd,
  .boxPdg > dl > dd .flt_l,
  .boxPdg > dl > dd .flt_r{ float:none; display:inline-block; width:48%; line-height:1.0; }
  .boxPdg > dl .clearfix{ min-height:auto; }
  .boxPdg > dl .clearfix::after{ display:none; }
  .line_box{ width:auto; height:auto; padding:15px 30px; border:1px solid #0bb80f; border-radius:15px; background:linear-gradient(#e7fae6, #f8fdf7 60%, #fff); }
  .line_box .flt_box .flt_l{ width:calc(100% - 152px); }
  .access{ text-align:left; }
  .access dd{ width:80%!important; }

  /* footer1 */
  .footer1{ padding:32px 16px; box-sizing:border-box; }
  .footer2,
  .footer2_2,
  .footer3 .boxW970{ padding-left:16px; padding-right:16px; box-sizing:border-box; }

  /* sub */
  .pankuzu{ width:94%; max-width:970px; margin:0 auto 16px; }
  .m_title{ position:static; width:100%; height:auto; padding:23px; line-height:1.85em; border-left:3px solid #4ba259; background:linear-gradient(#010101, #444444); box-sizing:border-box; }
  .m_title dt{ position:static; padding-bottom:15px; font-size:24px; }
  .m_title dt span{ font-size:20px; }
  .m_title dd{ position:static; padding-top:15px; border-top:2px solid #595959; }

  .sub h2{ position:relative; margin:24px 0 16px; padding-bottom:8px; border-bottom:2px solid #dbdbdb; background:none; }
  .sub h2::before{ content:""; display:block; position:absolute; top:3px; left:6px; width:5px; height:15px; background:url(../images/titleBar1-icon.gif) no-repeat; }
  .sub .toiawase h2,
  .sub .footer2 h2{ position:static !important; margin:0 !important; padding-bottom:0 !important; border-bottom:none !important; }
  .sub .toiawase h2::before,
  .sub .footer2 h2::before{ background:none !important; }

  .sub h3{ position:relative; width:100%; padding:0; margin:24px 0 16px; background:linear-gradient(to right, #dbefea, #cce7de 60%, #91caaf); box-sizing:border-box; }
  .sub h3::before{ content:""; position:absolute; top:50%; left:0; width:11px; height:4px; transform:translateY(-50%); background:linear-gradient(to right, #fff 65%, rgba(255,255,255,0));  }
  .sub h3 span{ display:block; width:100%; height:100%; padding:7px 0 7px 20px; background:linear-gradient(to right, #dbefea 60%, rgba(145,202,175,0.3)),url(../images/titleBar2-pattern.png); box-sizing:border-box; }
  .sub table{ width:100%; }
	.cms_free h3{
		padding:7px 0 7px 20px;
	}
.sub.toiawase h2::before{ background:none !important; }
	
  /* 内服薬による治療 */
  .img_price{ text-align:center; }

  /* 外用薬による治療 */
  .copy.mgn_b_30{ margin-bottom:0; }

  /* ノンニードル注射器 */
  .medjet .t_Medjet_bg{ background:linear-gradient(#bbcbda, #eef3f7); }
  .medjet .t_Medjet{ width:100%; height:auto; padding:29.55% 0 0 0; background-size:contain; }
  .medjet .t_Medjet span{ display:inline-block; margin-top:-24px; padding:0 16px 16px; font-size:1.8rem; }
  .medjet .bgMedjet{ padding:0 16px 16px; }
  .medjet .bgMedjet .flt_r.pdg_l_25{ float:none; margin-bottom:16px; padding-left:0; text-align:center; }

  .medjet .tokucyo{ padding:15px; }
  .medjet .tokucyo dt .text1,
  .medjet .tokucyo dt .text3,
  .medjet .tokucyo dt .text5,
  .medjet .tokucyo dt .text7{ width:100%; float:none; }
  .medjet .tokucyo dt .text2,
  .medjet .tokucyo dt .text4,
  .medjet .tokucyo dt .text6,
  .medjet .tokucyo dt .text8{ position:relative; width:100%; float:none; padding:20px 0 0; background:none; }
  .medjet .tokucyo dt .text2::before,
  .medjet .tokucyo dt .text4::before,
  .medjet .tokucyo dt .text6::before,
  .medjet .tokucyo dt .text8::before{ content:""; position:absolute; top:17%; left:2%; display:block; width:13px; height:10px; background:url(../medical_menu/images/medjet/arrow.gif) no-repeat; background-size:contain; transform:rotate(90deg); }

  .medjet .indexBar{ position:relative; padding:5px 10px 5px 13px; background:#0f2753; }
  .medjet .indexBar::before{ content:""; position:absolute; top:0; left:0; display:inline-block; width:3px; height:100%; background:linear-gradient(#ffffff,#cfcfcf); }

  .medjet .boxW590{ width:100%; max-width:590px; }
  .medjet .bgMedjet .boxW590:last-child{ margin-bottom:0; }

  /* 毛髪再生治療 */
  .benev .konnakata_osusume{ padding:15px; }
  .benev .m_nagare .flt_l{ float:none; width:100%; }
  .benev .m_nagare .flt_r{ float:none; width:100%; margin-top:16px; }
  .benev .m_nagare .flt_l .nagare_text br{ display:none; }
  .benev .m_nagare .flt_l .nagare_arrow{ margin:10px auto; }
  .benev .m_nagare .flt_l li img{ margin-bottom:0; }

  /* 治療の流れ */
  .flow .framebox{ padding:16px; }
  .flow .framebox dt img{ margin-bottom:8px; }
  .flow .framebox + div{ margin:10px 0; }
  .flow .framebox + div img{ margin-bottom:0; }
  .flow .framebox .flow_toiawase{ width:100%; }
  .flow .framebox .flow_toiawase .tel + .flt_r img{ margin-bottom:0; }

  /* メール関連  */
  .m_attention_box{ padding:16px; }
  .mailform .lineBox{ width:100%; }
  .mailform .line01{ width:100%; height:auto; padding:0; background:linear-gradient(#fff, #f8fdf7 60%, #e5f6e9); background-size:contain; box-sizing:border-box; }
  .lineBox .line01 .line01_inner{ padding:32px 16px 16px; border:1px solid #89bb52; border-bottom:1px solid transparent; }
  .lineBox .line01 .line_title{ margin-bottom:16px; text-align:center; }
  .lineBox .line01 .txt_id{ margin-top:0; }
  .lineBox .line01 .line_qr{ margin:16px auto; text-align:center; }
  .mailform .line02{ width:100%; padding:0 16px 32px; border:1px solid #89bb52; border-top:1px solid transparent; background:#e5f6e9; box-sizing:border-box; }
  .mailform .line02 div{ margin:10px 0; padding:0; }
}

/*960以下
---------------------------------------------------------*/
@media screen and (max-width: 960px) {
  .footer3 .copyright{ width:100%; margin:8px auto 0; padding:0 16px; box-sizing:border-box; }

}

/*768以下
---------------------------------------------------------*/
@media screen and (max-width: 768px) {
html{ font-size: 62.5%; }

body { width:100%; min-width:100%; font-size:1.4rem; }
img{ max-width:100%; text-align:center; }

/* 電話番号タップ */
a.telLink0 { cursor: pointer; pointer-events: auto; text-decoration:underline; color:#333; }

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

/* box */
.boxW970{ width:94%; margin:0 auto; box-sizing:border-box; }
.boxW630,
.boxW600{ width:100%; max-width:100%; margin:0 auto; box-sizing:border-box; }

/* 余白リセット */
.boxW630.pdg_b_50{ padding-bottom:0; }

/* btn */
.orange-btn{ font-size:1.5rem; }
/* ボタンサイズ */
.msd-btn,
.finasteride-btn,
.minoxidil-btn,
.gaiyouyaku-btn,
.alpha-btn,
.saisei-btn{ width:80%; margin:0 auto; }

/* wrapper */
#wrapper{ width:100%; }

/* header */
.header{ width:100%; height:auto; z-index:50000; }
.header h1{ position:static; width:50%; }
#head00s{ width:100%; position:fixed; top:0; background:#fff; box-shadow:0px 6px 6px -6px rgba(0,0,0,0.3); z-index:50000;  }

.header-menu-wrapper{ display:flex; padding:16px; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.header-menu{ width:26%; display:flex; align-items:center; justify-content:flex-end; }
.header-menu li{ display:flex; width:23%; padding:0 1%; height:47px; justify-content:center; }
.header-menu li a{ display:flex; width:100%; color:#028e3f; font-size:11px; font-weight:700; align-items:center; justify-content:center; }
.header-menu li img{ max-width:36px; }
.slideout-close,
.slideout-close02{ display:none; }
.slideout-close img,
.slideout-close02 img{ width:100%; }

/* 子メニュー */
.slideout-header,
.slideout-header02{ position:fixed; top:0; left:0; z-index:30000; padding:0; margin:0; width:100%; display:block; }
.slideout-menu,
.slideout-menu02{ position:absolute; top:1em; left:0; background:rgba(255,255,255,0.8); width:94%; margin:0 3%; display:none; }

.sm01_01{ border:2px solid #028e3f; }
.sm01_01>li a{ display:block; width:90%; padding:0.7em 5%; text-decoration:none; font-weight:bold; border-bottom:1px solid #028e3f; color:#000000; background:rgba(255,255,255,0.9); position:relative; }
.sm01_01>li a::after{ content:''; background: url(../images/icon/icon_arrow.svg) no-repeat; width:8px; height:8px; position:absolute; top:50%; right:5%; transform: translate(-50%,-50%); }

/* 孫メニュー プラス付き*/
#sm01_02,
#sm01_03{ display: none; }
#sm01_02icon,
#sm01_03icon { text-decoration: none; font-weight: bold; display: block; width:90%; padding:0.7em 5%; border-bottom:1px solid #028e3f; color:#000; background:rgba(144,200,168,0.8); position:relative; }
#sm01_02icon::after,
#sm01_03icon::after { content:''; background:url(../images/icon/icon_plus.svg) no-repeat; background-size:contain; width:16px; height:16px; position:absolute; top:50%; right:4%; transform:translate(-50%,-50%); }
#sm01_02icon.icon::after,
#sm01_03icon.icon::after{ content:''; background:url(../images/icon/icon_mainasu.svg) no-repeat; font-size:120%; width:16px; height:16px;
 position:absolute; top:50%; right:4%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#sm01_02 a,
#sm01_03 a{ background:rgba(144,200,168,0.4); }

/* navi ナビはheader-menuに↑ */
.navi{ display:none; }

/* main_bg */
.main_bg .main_img{ padding-top:81.1977715%; background:url(../images/top/m_img_a_sp.jpg) no-repeat; background-size:cover; }

/* cmArea */
.cmArea{ width:100%; padding:20px 0 30px; }
.cmArea .boxW970{ background:none; }
.cmArea .flt_l{ width:30%; }
.cmArea .flt_r{ width:70%; box-shadow:0px 16px 6px -6px rgba(0,0,0,0.3); }
.cmArea .flt_r iframe{ width:100%; height:240px; }

/* btn_green_saisei */
.btn_green_saisei{ width:100%; }

/* pagebody */
.pagebody{ width:100%; padding-top:20px; }

/* content */
.content{ float:none; width:100%; margin:0 auto; }
.content > div > img{ display:block; margin:0 auto; }

/* side */
.side{ float:none; width:100%; margin:20px auto; }
.img_map{ text-align:center; background:#badeb2; }
.s_bnr{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.s_bnr li{ width:32%; }

/* footer */
.footer1{ margin:20px 0 4px; }

.footer2,
.footer2_2{ padding:0; }
.footer2 .boxW970,
.footer2_2 .boxW970,
.footer3 .boxW970{ width:100%; }
.footer2 dt,
.footer2_2 dt{ position:relative; padding:8px 16px; border-bottom:1px solid #ccc; background:none; }
.footer2 dt::before,
.footer2_2 dt::before{ content:"●"; display:inline-block; margin-right:4px; font-size:13px; color:#8ecdcd; }
.footer2 dt::after,
.footer2_2 dt::after{ content:""; display:inline; position:absolute; top:50%; right:16px; width:6px; height:6px; border-top:1px solid transparent; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid transparent; transform:translateY(-50%) rotate(45deg); }
.footer2 dt.active::after,
.footer2_2 dt.active::after{ content:""; display:inline; position:absolute; top:50%; right:16px; width:6px; height:6px; border-top:1px solid #ccc; border-right:1px solid transparent; border-bottom:1px solid transparent; border-left:1px solid #ccc; transform:translateY(-50%) rotate(45deg); }
.footer2 dd,
.footer2_2 dd,
.footer3 dd{ display:none; }
.footer2 a,
.footer2_2 a{ display:block; padding:8px 16px; border-bottom:1px dotted #666; }
.footer2 a:last-child,
.footer2_2 a:last-child{ border-bottom:1px solid #ccc; }
.footer2 a::before,
.footer2_2 a::before,
.footer2 a:last-child::after,
.footer2_2 a:last-child::after,
.footer2 br,
.footer2_2 br,
.footer3 br{ display:none; }

.footer3{ height:auto; padding:0; background:linear-gradient(#010101, #434343 50%, #656665); }
.footer3 .boxW970{ padding:0; }
.footer3 .flt_l{ float:none; }
.footer3 .mgn_r_45{ margin:0; }
.footer3 dt{ position:relative; margin-bottom:0; padding:8px 16px; line-height:200%; border-bottom:1px solid #666; }
.footer3 dt::after{ content:""; display:inline; position:absolute; top:50%; right:16px; width:6px; height:6px; border-top:1px solid transparent; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid transparent; transform:translateY(-50%) rotate(45deg); }
.footer3 dt.active::after{ content:""; display:inline; position:absolute; top:50%; right:16px; width:6px; height:6px; border-top:1px solid #ccc; border-right:1px solid transparent; border-bottom:1px solid transparent; border-left:1px solid #ccc; transform:translateY(-50%) rotate(45deg); }

.footer3 li{ margin-bottom:0; }
.footer3 li:last-child a{ border-bottom:1px solid #666; }
.footer3 a{ display:block; padding:8px 16px; font-size:1.4rem; line-height:200%; border-bottom:1px dotted #666; background:none; }
.footer3 a::before{ content:""; display:inline-block; width:8px; height:8px; background:url(../images/f_sitemap_icon.png) no-repeat; }

.footer3 .copyright{ width:96%; margin:50px auto 0; }

/* pagetop */
#pagetop{ bottom:16px; }
#pagetop a{ display:block; }

/* pankuzu */
.pankuzu{ margin-bottom:8px; line-height:1.45em; }

/* sub */
.sub .boxW630 .flt_l,
.sub .boxW630 .flt_r{ float:none; }
.sub .boxW630 img{ display:block; margin:0 auto 16px; }

.m_title{ padding:16px; }
.m_title dt{ padding-bottom:8px; font-size:1.9rem; }
.m_title dt span{ font-size:1.6rem; }
.m_title dd{ padding-top:8px; border-top:1px solid #595959; }

/* αプログラム */
.alpha .ank_link li:first-child,
.alpha .ank_link li{ float:none; margin-top:16px; text-align:center; }

/* メール関連 */
.mailform th,
.mailform td{ display:block; width:100%; box-sizing:border-box; }
.mailform input[type="text"]{ width:100%; padding:6px; font-size:1.4rem; box-sizing:border-box; }
.mailform input[type="text"].age{ width:16%; }
.mailform input[type="text"].day{ width:16%; }
.mailform textarea{ width:100%; padding:6px; font-size:1.4rem; box-sizing:border-box; }
}
/*540以下
---------------------------------------------------------*/
@media screen and (max-width: 540px) {
.under_540{ display:block; }
.over_540{ display:none; }

/* ボタンサイズ */
.msd-btn,
.finasteride-btn,
.minoxidil-btn,
.gaiyouyaku-btn,
.alpha-btn,
.saisei-btn{ width:100%; }

/* header */
.header h1{ width:55%;}
.header-menu-wrapper{ padding:8px; }
.header-menu{ width:44%; }
.header-menu li img{ max-width:32px; }

/* cmArea */
.cmArea .flt_l{ width:100%; text-align:center; }
.cmArea .flt_l img{ width:50%; margin-bottom:8px; }
.cmArea .flt_r{ width:100%; }

/* btn_green_saisei */
.btn_green_saisei{ justify-content:center; text-align:center; }
.btn_green_saisei li{ width:100%; }

/* content-bnr */
.content-bnr{ text-align:center; }
.content-bnr ul li{ width:100%; max-width:100%; }
.content-bnr ul li.bnr.mgn_t_7.mgn_b_7{ margin:8px 0; }

/* AGA */
.title_saishin .flt_l img{ margin-bottom:8px; }

/* saishin-bnr */
.saishin-bnr .bnr{ width:100%; margin:0 0 8px 0; text-align:center; }
.saishin-bnr .bnr:last-child{ text-align:center; }

/* intro_media */
.intro_media .flt_l{ width:100%; margin-bottom:8px; }
.media iframe{ height:220px; }
.intro_media .flt_r{ width:100%; }

/* toiawase */
.boxPdg > dl:first-child{ display:block; text-align:center; }
.boxPdg .tel{ display:block; width:100%; margin-bottom:8px; padding:0; text-align:center; }
.boxPdg > dl > dd{ display:block; width:100%; line-height:1.45em; }
.boxPdg > dl > dd .flt_l{ width:49%; text-align:center; }
.boxPdg > dl > dd .flt_l a{ display:block; background:linear-gradient(#50bf8d, #389159); }
.boxPdg > dl > dd .flt_r{ width:49%; text-align:center; }
.boxPdg > dl > dd .flt_r a{ display:block; background:linear-gradient(#51babe, #3c8c8e); }

.line_box{ padding:15px; }
.line_box .line_title dd{ padding-top:8px; }
.line_box .flt_box .flt_l{ float:none; width:100%; }
.line_box .flt_box .flt_r{ float:none; width:100%; text-align:center; }

.access{ display:flex; flex-wrap:wrap; }
.access dt{ float:none; width:100%; text-align:right; order:2; }
.access dd{ float:none; width:100%; order:1; }

/* s_bnr */
.side .s_bnr{ margin:16px 0 0; text-align:center; }
.s_bnr li{ width:100%; }

/* footer */
.footer1{ margin-top:0; padding:20px 16px; }

/* pagetop */
#pagetop{ bottom:48px; }

}