@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500|Noto+Serif+JP:700&subset=japanese');
html {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "FontAwesome";
  font-weight: normal; }

body {
  min-width: 1000px;
  position: relative;
  color: #4c4c4c;
  overflow-x: hidden; }

a {
  text-decoration: none;
  color: #cc6633;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease; }
  a:hover {
        text-decoration: underline;
        color: #f00; }
  a img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease; }
  a.hover_img1 img{
	transition:all 0.5s ease;
	}
	a:hover.hover_img1 img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

.link_p {
    background: url(../img/downicon.png) no-repeat;
	background-position: 0 3px;
    padding-left: 20px;
	margin-top: 5px;
	margin-left: 5px; }

.link_s {
    background: url(../img/infoicon.png) no-repeat;
	background-position: 0 3px;
    padding-left: 20px;
	margin-top: 5px;
	margin-left: 5px; }
	
.link_s2 {
    background: url(../img/infoicon.png) no-repeat;
	background-position: 0 3px;
    padding-left: 20px;
	margin-top: 5px;
	margin-left: 5px; }
	  
hr {
  border: 2px solid #e9e9e9; }

.pcnone {
  display: none; }

br.sp {
  display: none; }
  
p .p_10 {
  padding-bottom: 10px; 
  }
strong {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: 35px;
  color: #000; }
  
.font_b  {
  color: #b26007;
  font-weight: normal;
  }
.font_bb  {
  color: #b26007;
  font-weight: bold;
  }
  
.page_top_h1 {
  color: #cecdcc;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  padding: 5px; 
  background-color: rgba(68, 77, 10, 1);
  }

h1, h2, h3, h4, h5 {
  font-weight: 400; }

#cboxOverlay {
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  display: none; }

#colorbox {
  z-index: 120;
  outline: none; }

#cboxTitle {
  text-align: center;
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  color: #fff;
  padding: 10px;
  background: rgba(0, 0, 0, 0.9); }

#cboxCurrent, #cboxSlideshow {
  display: none !important; }

#cboxPrevious {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50px;
  content: url(../img/recommend_arrowL.png);
  width: 50px;
  outline: none; }
  #cboxPrevious img {
    width: 50px;
    height: auto; }

#cboxNext {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50px;
  content: url(../img/recommend_arrowL.png);
  width: 50px;
  outline: none; }
  #cboxNext img {
    width: 50px;
    height: auto; }

#cboxClose {
  display: inline-block;
  position: absolute;
  margin: 0 20px 0 7px;
  padding: 0;
  width: 3px;
  height: 30px;
  background: #fff;
  transform: rotate(45deg);
  top: -30px;
  right: 0; }

#cboxClose:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -13px;
  width: 30px;
  height: 3px;
  margin-top: -1px;
  background: #fff; }

.morelink {
  border-radius: 5px;
  color: #fff;
  background: #e70012;
  width: 300px;
  padding: 10px;
  display: block;
  text-align: center;
  font-size: 16px; }
  .morelink:hover {
    background: #f0b27b; }

/*マップ関連*/
.gm-style-iw {
  margin-left: 10px; }

.gm-style-iw + div {
  display: none; }

#under_navi {
  display: none; }

.page_top {
  position: fixed;
  right: 0;
  bottom: 30px;
  z-index: 100;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease; }

.form_tab {
  content: url(../img/form_tab.png);
  position: absolute;
  right: -5px;
  top: 200px;
  z-index: 100;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.form_tab_fix {
  position: fixed;
  top: 80px;
  right: -5px; }

.spimage {
  display: none; }

header {
  text-align: center;
  background-color: rgba(196, 189, 123, 1);
  background-size: 100% 3px;
  background-position: bottom;
  background-image: url(../img/header_line.jpg);
  z-index: 111;
  position: relative; }
  header .logobox {
    margin: 0; }
    header .logobox .splogo {
      display: none; }
  header .sp_navflex {
    display: none; }
  header ul.navi {
    display: flex;
    list-style: none;
    max-width: 1000px;
    margin: auto;
    justify-content: space-around; }
    header ul.navi li {
      max-width: 368px;
      position: relative;
      width: 100%; }
      header ul.navi li a {
        color: #fff;
		font-size:90%;
        display: block;
        padding: 5px 0 5px;
        border-bottom: 3px solid rgba(255, 255, 255, 0);
		border-right:1px dotted rgba(255, 255, 255, 0.8);
        padding-bottom: 10px; }
        header ul.navi li a:hover {
          color: #444d0a;
		  border-bottom: 3px solid #fff; }
    header ul.navi li .active {
        color: #ff0000;
		font-weight:bold; 
        border-bottom: 3px solid #fff; }
	
    header ul.navi li .active a {
      color: #ff0000;
      border-bottom: 3px solid #fff; }
	  
	header ul.navi li .active2 {
        color: #ff0000;
		font-weight:bold; 
        border-bottom: 3px solid #fff; }
		
    header ul.navi li .active2 a {
      color: #ff0000;
      border-bottom: 3px solid #fff; }
	  
    header ul.navi .parent_menu {
      cursor: pointer; 
	  }
      header ul.navi .parent_menu::-webkit-scrollbar {
        display: none; }
      header ul.navi .parent_menu .children_menu {
        list-style: none;
		text-align:left;
		
		position: absolute;
        width: 180%;
        height: 1px;
        flex-direction: column;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: all1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all  1s ease;
        overflow-y: hidden; }
		header .last{
        left: -80%; }
		header ul.navi .parent_menu .children_menu::-webkit-scrollbar {
          display: none; }
        header ul.navi .parent_menu .children_menu li {
          background-color: rgba(236, 236, 236, 0.9);
		  overflow: hidden; }
		header ul.navi .parent_menu .children_menu li a {
          color: #333; 
		  padding: 3px 10px;
		  }
		header ul.navi .parent_menu .children_menu li a:hover {
          color: #444d0a; 
		  border-bottom: 3px solid #444d0a; 
		  }
      header ul.navi .parent_menu:hover .children_menu {
        opacity: 1;
        height: auto;
        overflow: auto;
        overflow-y: hidden; }
    header ul.navi .call {
      color: #825924;
      padding: 10px 0;
      vertical-align: sub; }
      header ul.navi .call:before {
        content: url(../img/header_telicon.png);
        padding-right: 5px; }

.clone-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%);
  min-width: 1000px; }
  .clone-nav .logobox {
    display: none; }

.is-show {
  transform: translateY(0); }

.section_inner {
  width: 100%;
  max-width: 1000px;
  margin: auto; }

footer .company_info {
  background: #f5f5f5; }
  footer .company_info .section_inner {
    display: flex; }
    footer .company_info .section_inner .mapbox {
      background: #eee;
      width: 50%; }
    footer .company_info .section_inner .infobox {
      width: 50%;
      padding: 35px 0; }
      footer .company_info .section_inner .infobox h4 {
        font-size: 24px; }
    footer .company_info .section_inner p {
      margin-top: 18px;
      font-size: 18px; }
    footer .company_info .section_inner dl {
      font-size: 18px;
      display: flex;
      flex-wrap: nowrap;
      border: 1px solid #825924;
      border-bottom: none;
      background: #faf1e3;
      width: 450px; }
      footer .company_info .section_inner dl dt {
        width: 9em;
        padding: 10px; }
      footer .company_info .section_inner dl dd {
        width: auto;
        padding: 10px;
        border-left: 1px solid #825924;
        width: 2.54em;
        text-align: center;
        box-sizing: border-box;
        color: #825924; }
      footer .company_info .section_inner dl .cl_bk {
        color: black; }
      footer .company_info .section_inner dl:last-of-type {
        border-bottom: 1px solid #825924; }
      footer .company_info .section_inner dl:first-of-type {
        margin-top: 10px; }
    footer .company_info .section_inner a.formlink {
      font-size: 18px;
      text-align: center;
      background: #e70012;
      color: #fff;
      display: block;
      width: 350px;
      border-radius: 5px;
      padding: 10px 20px;
      margin-top: 10px; }
      footer .company_info .section_inner a.formlink:hover {
        background: #f0b27b; }
footer .footer_logobox {
  text-align: center;
  background: #b2ac6f;
  padding: 10px 20px; }

footer .sitemap_info {
  background: #b2ac6f; 
  margin: 0 auto;
  }

footer .sitemap_wrap {
  display: flex;
  
  justify-content: space-between;
  margin-bottom: 30px;
  flex-wrap: wrap; }
  footer .sitemap_wrap .facebook {
    
	background: #fff;
    padding: 5px;
    box-sizing: border-box;
    width: 200px;
    height: 85px; }
    footer .sitemap_wrap .facebook img {
      width: 120%;
      height: auto; }
    footer .sitemap_wrap .facebook span {
      margin-bottom: 10px; }
  footer .sitemap_wrap .sitemap {
    display: flex;
	
    width: 80%; }
    footer .sitemap_wrap .sitemap ul {
      list-style: none;
	  
      display: flex;
      flex-direction: column;
      height: 230px;
      width: 100%;
      flex-wrap: wrap; }
      footer .sitemap_wrap .sitemap ul:after {
        content: " "; }
      footer .sitemap_wrap .sitemap ul li {
        font-size: 16px;
		
        line-height: 36px; }
		footer .sitemap ul li a {
          color: #fff;
		  }
        footer .sitemap ul li a:hover {
          color: #444d0a;
          text-decoration: underline; }
        footer .sitemap_wrap .sitemap ul li a:before {
          content: url(../img/sitemap_arrow.png);
		  
          padding-right: 10px; }
footer .footer_linktitle {
  padding: 20px;
  font-size: 30px;
  color: #000;
  text-align: center; }
footer .footer_linkflex2 {
  display: flex;
  justify-content: center;
  font-size: 16px;
  width: 100%;
  padding: 0 5%;
  box-sizing: border-box;
  margin-bottom: 10px;
  margin-top: 0px;
  align-items: center; }
  footer .footer_linkflex2 a {
    color: #000;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0 10px;
    box-sizing: content-box;
    height: 1.5em;
    flex-direction: column; }
    footer .footer_linkflex2 a:first-of-type {
      border-right: 1px solid #000; }
    footer .footer_linkflex2 a:last-of-type {
      border-left: 1px solid #000; }
    footer .footer_linkflex2 a:hover {
      text-decoration: underline;
      color: #f00; }
footer .footer_linkflex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px; }
  footer .footer_linkflex a img {
    width: 100%;
    height: auto; }
footer .copyright {
  background: #444d0a;
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding: 10px; }

.spmain {
  display: none; }

.main {
  width: 100%;
  height: auto; }

.contaienr {
  max-width: 1680px; }

.top_slide .swiper-pagination-bullet-active {
  background: #e60012 !important; }
.top_slide .swiper-button-next, .top_slide .swiper-button-prev {
  bottom: 5% !important;
  top: inherit; }
.top_slide .swiper-pagination {
  bottom: 5% !important;
  top: inherit; }

#top_content .about_ardesign {
  max-width: 1000px;
  margin: auto;
  text-align: center; }
  #top_content .about_ardesign h2 {
    color: #839b5c;
    font-size: 30px;
    padding: 20px; }
  #top_content .about_ardesign .read_text {
    padding-bottom: 20px;
	font-size: 20px;
    border-bottom: 2px #e9e9e9 solid; }
    #top_content .about_ardesign .read_text img {
      width: 100%;
      height: auto;
      max-width: 630px; }
	#top_content .about_ardesign .read_text .morelink {
        margin: 20px auto; }
#top_content .three_point {
  margin: 20px auto 45px;
  max-width: 1000px; }
  #top_content .three_point h3 {
    color: #839b5c;
    font-size: 30px;
    padding: 20px;
    text-align: center; }
  #top_content .three_point ol {
    list-style: decimal;
	margin-left: 30px;
    text-align: left;
    font-size: 20px;
    line-height: 200%; }
#top_content .recommend_menu {
  background-color: #e9e9e9;
  padding-bottom: 20px;
  position: relative; }
  #top_content .recommend_menu h3 {
    color: #000;
    font-size: 30px;
    padding: 20px;
    text-align: center; }
  #top_content .recommend_menu .recommend-container {
    max-width: 994px;
    margin: auto;
    overflow: hidden;
    position: relative;
    padding-left: 26px;
    padding-right: 26px; }
    #top_content .recommend_menu .recommend-container img {
      width: 100%;
      height: auto; }
    #top_content .recommend_menu .recommend-container .swiper-button-next {
      right: -7px; }
    #top_content .recommend_menu .recommend-container .swiper-button-prev {
      left: -7px; }
#top_content .site_menu {
  margin-top: 20px;
  margin-bottom: 50px;
  border-bottom: 3px solid #e9e9e9; }
  #top_content .site_menu h3 {
    color: #000;
    font-size: 30px;
    padding: 20px;
    text-align: center; }
  #top_content .site_menu .flexbox {
    display: flex;
    flex-wrap: no-wrap;
    margin: 0 auto 20px; }
    #top_content .site_menu .flexbox dl {
      width: calc(100% / 3);
      display: flex; }
      #top_content .site_menu .flexbox dl a {
        display: block;
        width: 100%; }
        #top_content .site_menu .flexbox dl a dt img {
          width: 100%;
          height: auto; }
        #top_content .site_menu .flexbox dl a dd {
          text-align: left;
          color: #825924;
          padding: 10px 20px;
          box-sizing: border-box; }
#top_content .gallery {
  border-top: 3px solid #e9e9e9;
  width: 1000px;
  margin: auto;
  padding-bottom: 50px; }
  #top_content .gallery h3 {
    color: #2e1701;
    font-size: 30px;
    padding: 30px;
    text-align: center;
    color: #825924; }
  #top_content .gallery .gallery_flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #top_content .gallery .gallery_flexbox .gallery_box {
      overflow: hidden;
      width: 245px;
      height: 245px;
      display: flex;
      margin-bottom: 10px; }
      #top_content .gallery .gallery_flexbox .gallery_box img {
        width: auto;
        height: 100%; }
#top_content .top_work {
  border-bottom: 3px solid #e9e9e9;
  background-size: cover;
  background-position: center;
  display: flex;
  margin: auto; }
  #top_content .top_work .sp_doctorimg {
    display: none; }
  #top_content .top_work .textbox {
    max-width: 1000px;
    margin: auto;
    display: flex;
    justify-content: flex-end; }
    #top_content .top_work .textbox .textbox_inner {
      width: 100%; }
      #top_content .top_work .textbox .textbox_inner h3 {
        color: #000;
    	font-size: 30px;
    	padding: 20px 20px 0;
    	text-align: center; }
      #top_content .top_work .textbox .textbox_inner h4 {
        color: #839b5c;
    	font-size: 30px;
    	padding: 0 20px 20px;
    	text-align: center; }
	#top_content .top_work .textbox .textbox_inner p {
        margin-bottom: 10px;
        font-size: 14px;
		line-height: 160%;
        text-align: justify; }
      #top_content .top_work .textbox .textbox_inner .right {
        text-align: right; }
      #top_content .top_work .textbox .textbox_inner .morelink {
        margin: 30px auto; }
#top_content .top_news {
  margin: auto;
  max-width: 1000px;
  text-align: center;
  margin-bottom: 40px; }
  #top_content .top_news h4 {
    color: #000;
    font-size: 30px;
    padding: 20px; }
  #top_content .top_news dl {
    margin-bottom: 20px;
    display: flex;
    line-height: 1.5em; }
    #top_content .top_news dl dt {
      margin-right: 10px;
      width: 12em; }
    #top_content .top_news dl dd {
      text-align: left; }
      #top_content .top_news dl dd a:hover {
        text-decoration: underline;
        color: #f00; }
  #top_content .top_news .more_information {
    display: block;
    vertical-align: sub; }
    #top_content .top_news .more_information:hover {
      text-decoration: underline;
      color: #foo; }
    #top_content .top_news .more_information:before {
      content: url(../img/infoicon.png);
      padding-right: 5px; }
	  
	section.navi_point {
    background: #fcedd4;
    width: 100%;
    padding: 30px 0; }
    section.navi_point .navi_point_inner {
      width: 1000px;
      margin: auto; }

.bread {
  width: 1000px;
  margin: auto;
  line-height: 1;
  font-size: 14px;
  padding: 20px 0; }
  .bread a:hover {
    text-decoration: underline;
    color: #825924; }

.title_container {
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  background-image: url(../img/titleback.jpg);
  background-position: center; 
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden; }
  .title_container h2 {
	padding-bottom: 60px;
    font-size: 30px;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF; }


.clinic_container {
  /* 基本レイアウト*/
 }
  .clinic_container section {
    width: 1000px;
    margin: auto; }
    .clinic_container section h2 {
      color: #839b5c;
      text-align: center;
      font-size: 30px;
	  padding: 20px }
	 .clinic_container section .left {
      color: #839b5c;
      text-align: left;
      font-size: 30px;
	  padding: 20px }
    .clinic_container section h3 {
      color: #000;
      text-align: center;
      font-size: 30px;
	  padding: 20px; }
	.clinic_container .use h3 {
      color: #000;
      text-align: left;
      font-size: 30px;
	  padding: 50px 0 10px; }
    .clinic_container section h4 {
      color: #b49c6e;
	  font-size: 26px;
	  background: url(../img/h4icon.png) no-repeat;
	  background-position: 0 3px;
      padding-left: 30px;
	  padding-bottom: 10px;
	   }
	.clinic_container section h5 {
      color: #000;
	  font-size: 25px; 
	  font-weight: 600
	  }
    .clinic_container section p {
      font-size: 20px;
      line-height: 35px;
      text-align: justify; }
  .clinic_container section.menu_index {
    padding-bottom: 100px;
    padding-top: 30px; }
    .clinic_container section.menu_index .menu_flex {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      font-size: 18px;
      padding-top: 60px; }
      .clinic_container section.menu_index .menu_flex article {
        width: 30%;
        position: relative; }
        .clinic_container section.menu_index .menu_flex article img {
          width: 100%; }
        .clinic_container section.menu_index .menu_flex article ul {
          padding-left: 1.5em;
          line-height: 30px;
          padding-bottom: 90px; }
        .clinic_container section.menu_index .menu_flex article .morelink {
          position: absolute;
          bottom: 0;
          margin: auto;
          left: 0;
          right: 0; }
  
  
  .clinic_container section.greeting {
    margin-bottom: 80px; 
	padding-bottom: 20px; 
	border-bottom: 3px solid #e9e9e9; }
	
	.clinic_container section.greeting2 {
    margin-bottom: 10px; 
	padding-bottom: 10px;  }
	
    .clinic_container section.greeting h2 {
      margin: 0; }
    .clinic_container section.greeting img {
      width: auto;
      height: auto; }
    .clinic_container section.greeting p.second {
      margin-top: 20px; }
  .clinic_container section.profile {
    border-bottom: 3px solid #e9e9e9;
    border-top: 3px solid #e9e9e9;
    margin-bottom: 25px;
    padding: 30px 0; }
	
	.clinic_container section.greeting ul {
        list-style: square inside;
        margin: auto; }
        .clinic_container section.greeting ul li {
          line-height: 35px;
          font-size: 20px;
		  padding-bottom: 15px; }
		  
	.clinic_container section.greeting2 ul {
        list-style: square inside;
        margin: auto; }
        .clinic_container section.greeting2 ul li {
          line-height: 35px;
          font-size: 20px;
		  padding-bottom: 15px; }
		  
	.clinic_container section.greeting ol {
        list-style: decimal;
		margin-left: 30px; }
        .clinic_container section.greeting ol li {
          line-height: 35px;
          font-size: 20px;
		  padding-bottom: 15px; }
	
	.clinic_container section.greeting .web {
      padding-top: 15px;
	  display: flex; }
	.clinic_container section.greeting .web .imgbox {
        margin-right: 25px; }
        .clinic_container section.greeting .web .imgbox img {
          margin-bottom: 0; }
      .clinic_container section.greeting .web .textbox {
        position: relative; }
        .clinic_container section.greeting .web .textbox h4 {
          font-size: 24px; }	  
		  
		  
	.clinic_container section.three_point {
    background: #fcedd4;
    width: 100%;
    padding: 30px 0; }
    .clinic_container section.three_point .three_point_inner {
      width: 1000px;
      margin: auto; }
      .clinic_container section.three_point .three_point_inner h3 {
        font-size: 30px;
        line-height: 1;
        text-align: center;
        margin-bottom: 30px; }
		
	.clinic_container section.three_point  .three_point_inner ol {
    list-style: decimal;
	margin-left: 30px;
    text-align: left;
    font-size: 20px;
    line-height: 200%; }
	
      .clinic_container section.three_point .three_point_inner ul {
        list-style: none;
        margin: auto; }
        .clinic_container section.three_point .three_point_inner ul li {
          line-height: 40px;
          font-size: 20px; }
  
	
	 .clinic_container .greeting .gallery_flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .clinic_container .greeting .gallery_flexbox .gallery_box {
      
      width: 240px;
      height: auto;
      
      margin-bottom: 10px; }
	  .clinic_container .greeting .gallery_flexbox .gallery_box p {
        width: auto;
		font-size: 14px;
		line-height: 24px;
		padding: 5px;
        height: auto; }
      .clinic_container .greeting .gallery_flexbox .gallery_box img {
        width: auto;
        height: 240px; }
		
	.clinic_container .sitemap_container {
    display: flex;
    width: 1000px;
    margin: auto;
    font-size: 18px; }
    .clinic_container .sitemap_container ul {
      width: 50%;
      list-style: none; }
      .clinic_container .sitemap_container ul li a {
        line-height: 36px; }
        .clinic_container .sitemap_container ul li a:before {
          content: url(../img/infoicon.png);
		  vertical-align: middle;
		  margin-top: 5px;
		  padding-right: 5px; }
        .clinic_container .sitemap_container ul li a:hover {
          text-decoration: underline;
          color: #f00; }
      .clinic_container .sitemap_container ul .children {
        padding-left: 30px; }
	

.faq_container {
  width: 1000px;
  margin: auto;
  padding-bottom: 60px; }
  .faq_container p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 50px; }
  .faq_container dl.faq {
    margin-bottom: 20px; }
    .faq_container dl.faq dt {
      display: flex;
      font-size: 20px;
      border-bottom: 3px solid #e9e9e9;
      padding-bottom: 10px; }
      .faq_container dl.faq dt:before {
        content: "Q.";
        color: #825924; }
      .faq_container dl.faq dt:after {
        content: "＋";
        color: #2e1701;
        margin-left: auto;
        margin-right: 10px; }
    .faq_container dl.faq dt.active:after {
      content: "−" !important;
      color: #2e1701;
      margin-left: auto;
      margin-right: 10px; }
    .faq_container dl.faq dd {
      display: none;
      margin-top: 10px;
      background: #fcedd4;
      padding: 10px 15px;
      text-align: justify;
      font-size: 18px;
      line-height: 30px; }
      .faq_container dl.faq dd a.pdf {
        display: block; }
        .faq_container dl.faq dd a.pdf:before {
          content: url(../img/icon/pdf.png);
          vertical-align: -webkit-baseline-middle;
          margin-right: 10px; }
        .faq_container dl.faq dd a.pdf:hover {
          color: #825924;
          text-decoration: underline; }
      .faq_container dl.faq dd:before {
        content: "A.";
        color: #825924; }
  .faq_container dl.faq_active dt:after {
    content: "＋.";
    color: #825924; }
  .faq_container dl.faq_active dd {
    display: block !important; }

.form_container {
  font-size: 18px;
  width: 1000px;
  margin: auto;
  margin-bottom: 30px; }
  .form_container .center {
    text-align: center; }
  .form_container .finish {
    font-size: 30px;
    padding: 30px;
    text-align: center;
    color: #825924; }
  .form_container section.contact_tel {
    margin-top: 20px;
    background: #fcedd4;
    padding: 15px 0; }
    .form_container section.contact_tel .telphone {
      font-size: 30px;
      text-align: center; }
  .form_container .flow {
    display: -webkit-flex;
    display: flex;
    margin: auto;
    box-sizing: border-box;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 20px; }
    .form_container .flow p {
      width: 100%;
      margin-top: 20px;
      line-height: 180%; }
    .form_container .flow section {
      width: calc(100% / 3);
      text-align: center;
      padding: 15px;
      box-sizing: border-box;
      position: relative; }
      .form_container .flow section br {
        display: none; }
      .form_container .flow section .active {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 0 25px 15px;
        border-color: transparent transparent transparent #825924;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
      .form_container .flow section .noactive {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 0 25px 15px;
        border-color: transparent transparent transparent #825924;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
    .form_container .flow .firstflow {
      background: #ccc; }
      .form_container .flow .firstflow .tri {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 0 25px 15px;
        border-color: transparent transparent transparent #007bff;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
    .form_container .flow .secondflow {
      background: #ddd; }
      .form_container .flow .secondflow .noactive {
        border-color: transparent transparent transparent #ccc; }
      .form_container .flow .secondflow .tri {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 0 25px 15px;
        border-color: transparent transparent transparent #E89496;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
    .form_container .flow .thirdflow {
      background: #eee; }
      .form_container .flow .thirdflow .noactive {
        border-color: transparent transparent transparent #ddd; }
      .form_container .flow .thirdflow .tri {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 0 25px 15px;
        border-color: transparent transparent transparent #ddd;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
    .form_container .flow .active_flow {
      opacity: 1;
      background: #825924;
      color: #fff; }
  .form_container dl {
    border: 1px solid #ccc;
    border-bottom: none;
    display: flex; }
    .form_container dl dt, .form_container dl dd {
      display: flex;
      align-items: center;
      justify-content: left; }
    .form_container dl dt {
      background: #ede6d8;
      width: 255px;
      padding: 10px;
      box-sizing: border-box; }
      .form_container dl dt .must {
        color: red; }
    .form_container dl dd {
      padding: 10px;
      box-sizing: border-box;
      width: calc(100% - 255px);
      display: flex;
      flex-wrap: wrap; }
      .form_container dl dd input {
        padding: 5px; }
      .form_container dl dd textarea {
        padding: 5px;
        width: 100%; }
      .form_container dl dd select {
        margin-left: 10px;
        position: relative;
        width: 35%;
        padding: 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #999;
        background: #eee;
        background: -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
        background: linear-gradient(to bottom, #fff 0%, #efebe1 100%); }
      .form_container dl dd div {
        margin-right: 20px;
        display: flex;
        align-items: baseline; }
      .form_container dl dd br {
        display: none; }
      .form_container dl dd .span1 {
        width: 100%; }
    .form_container dl:last-of-type {
      border-bottom: 1px solid #ccc; }
  .form_container .date_select div {
    margin-top: 10px; }
  .form_container #course_data dd {
    flex-wrap: wrap; }
    .form_container #course_data dd .pdf {
      width: 100%;
      margin-top: 15px;
      display: flex;
      flex-direction: column; }
      .form_container #course_data dd .pdf a {
        text-decoration: underline;
        color: #825924;
        margin-bottom: 5px; }
      .form_container #course_data dd .pdf p {
        font-size: 14px;
        width: 100%; }
		
	
	  
  .form_container #kana_data dd, .form_container #name_data dd {
    flex-wrap: wrap; }
    .form_container #kana_data dd input, .form_container #name_data dd input {
      width: 30%; }
  .form_container #tel_data dd {
    flex-wrap: wrap; }
  .form_container #tel_data div {
    width: 100%; }
  .form_container #mail_data dd, .form_container #mailcheck_data dd, .form_container #date_data1 dd, .form_container #date_data2 dd, .form_container #date_data3 dd {
    flex-wrap: wrap; }
    .form_container #mail_data dd div, .form_container #mailcheck_data dd div, .form_container #date_data1 dd div, .form_container #date_data2 dd div, .form_container #date_data3 dd div {
      width: 100%;
      margin-top: 10px; }
  .form_container #birth_data select {
    width: 5em;
    text-align: center; }
  .form_container #comment_data dd {
    flex-wrap: wrap; }
  .form_container #tel_data input {
    width: 5em; }
  .form_container #know_data, .form_container #contacttime_data {
    display: flex; }
    .form_container #know_data dd, .form_container #contacttime_data dd {
      flex-wrap: wrap; }
      .form_container #know_data dd div, .form_container #contacttime_data dd div {
        margin: 5px 40px 5px 0; }
  .form_container #mail_data dd, .form_container #mailcheck_data dd {
    flex-wrap: wrap; }
    .form_container #mail_data dd div, .form_container #mailcheck_data dd div {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .form_container #mail_data dd div span, .form_container #mail_data dd div small, .form_container #mailcheck_data dd div span, .form_container #mailcheck_data dd div small {
        display: block;
        width: 100%; }
  .form_container input, .form_container textarea {
    border: 1px solid #888;
    border-radius: 4px; }
  .form_container .error {
    display: block;
    width: 100%; }
  .form_container span.brown {
    color: #825924; }
  .form_container .request-attention {
    margin-top: 50px;
    font-size: 16px; }
  .form_container #submitwrap {
    margin: auto;
    margin-top: 20px;
    text-align: center;
    width: 650px;
    display: flex;
    justify-content: space-around; }
    .form_container #submitwrap .error {
      background: #ef5d5f;
      color: #fff;
      text-align: center;
      border-radius: 10px;
      padding: 10px; }
    .form_container #submitwrap #edit {
      background: #cd9854;
      color: #fff;
      text-align: center;
      border-radius: 10px;
      padding: 10px;
      display: block;
      width: 300px;
      cursor: pointer; }
    .form_container #submitwrap #back {
      background: #cd9854;
      color: #fff;
      text-align: center;
      border-radius: 10px;
      padding: 10px;
      display: block;
      width: 300px;
      cursor: pointer; }

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

/*** メディア掲載 表組　***/	
.media_table{
	margin:0 auto;
	width:1000px;
	line-height: 1.6em;
}
	.media_table p{
		margin-bottom:0.4rem;
	}
	
	.media_table_ttl{
		padding:35px 0 10px 0;
		text-align:center;
	}
	.media_table_box{
		float:left;
		width:280px;
		padding:0;
		display:table;
		margin-bottom:25px;
		margin-right:80px;
	}
	.media_table_box2{
		float:left;
		width:280px;
		padding:0;
		margin:0;
		display:table;
		margin-bottom:25px;
	}
	.media_table_box3{
		float:right;
		width:280px;
		padding:0;
		margin:0;
		display:table;
		margin-bottom:25px;
	}
	.media_table_box_img{
		display:table-cell;
		vertical-align:top;
		width:280px;
		padding:10px 0 0 0;
	}
	.media_table_box_img img{
		width:100%;
		height:auto;
	}
	.media_table_box_text{
		display:table-cell;
		
		vertical-align:top;
		padding:0;
		letter-spacing: -0.4px;
	}
	.media_table_box_ttl{
		display:table-caption;
		border-radius: 5px;
		width:140px;
		color:#fff;
		font-size: 12px; 
		padding:3px 3px;
		background:#4980f1;
		text-align: center;
	}
	.media_table_box_ttl_ec{
		display:table-caption;
		border-radius: 5px;
		width:140px;
		color:#fff;
		font-size: 12px; 
		padding:3px 3px;
		background:#f18849;
		text-align: center;
	}
	.media_table_box_ttl_etc{
		display:table-caption;
		border-radius: 5px;
		width:140px;
		color:#fff;
		font-size: 12px; 
		padding:3px 3px;
		background:#339933;
		text-align: center;
	}
	.media_table_box_ttl_etc2{
		display:table-caption;
		border-radius: 5px;
		width:160px;
		color:#fff;
		font-size: 12px; 
		padding:3px 3px;
		background:#ff0000;
		text-align: center;
	}
	.sub_img {display: none;}
	
	.more_information {
    display: block;
    vertical-align: sub; }
     .more_information:hover {
      text-decoration: underline;
      color: #f00; }
     .more_information:before {
      content: url(../img/infoicon.png);
      padding-right: 5px; }


	/*===============================================
	 サイドバー
	===============================================*/
	/******* 上段用 ***************************************/
	.tab_bar {
		margin-top: 0px;
		z-index: 2;
		position:absolute;
		top:0px;
		left:-59px;
	}
	.fl_l{
		float:left;
	}

	.fl_r{
		float:right;
	}
	.clear{
		clear:both;
	}

	.sidebar {
		box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.64);
		z-index: 2;
		position: fixed;
		top:0;
/* 		right:0; */
	}

	

	.sidebar.right {
		top: 165px;
/* 		right: 0; */
/* 		right:-784px; */
		bottom: 0;
		width: 720px;
		background: #fcedd4;
		border: 1px solid #F00;
		height: 226px;
	}

	.side_btn {
		padding:10px 20px;
	}

	.sidebar.right p{
		margin-top:10px;
		padding-left:20px;
		font-size:90%;
		color:#333333;
	}

	.sidebar.right .banner img{
		margin-top:10px;
		margin-left:20px;
	}


	

	.sidebar {
		box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.64);
		z-index: 2;
		position: fixed;
		top:0;
/* 		right:0; */
		right:-784px;
	}

	
	.sidebar_s {
		font-size:75%;
	}
	.sidebar_l {
		font-size:200%;
		font-weight:bold;
	}

.button1 {
  color: white;
  background: #e70012;
/*   width: 125px; */
  border-radius: 0.55rem;
  text-align: center;
  display: inline-block;
  font-size: 1rem;
  margin-top: 0.3rem;
  padding: 0.8rem;
  text-decoration: none;
  transition: all ease 0.4s;
  box-sizing:border-box;
  vertical-align: middle;
}
.button1:hover {
/*   color: #00200d !important; */
/*   opacity: 0.8; */
  background: #f0b27b;
}
.button1:before {
  color: white;
  font-family: 'Noto Sans JP', san-serif;
  font-size: 1.6rem;
  line-height: 0;
  width: 0.85rem;
  vertical-align: middle;
  display: inline-block;
  content: "\0bb";
  transform-origin: 48% 77% 0;;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.button1.active:before {
  color: white;
  font-family: 'Noto Sans JP', san-serif;
  font-size: 1.6rem;
  line-height: 0;
  width: 0.85rem;
  vertical-align: middle;
  display: inline-block;
  content: "\0ab";
  transform-origin: 48% 77% 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.button1:hover:before {
  color: white !important;
}
.button1.my-story-closer1:before {
  content: "\0ab";
}

.button1.my-story-closer1:before {
  content: "\0ab";
}
.button1.my-story-closer2:before {
  content: "\0ab";
}

.button1.my-story-closer2:before {
  content: "\0ab";
}
.button1.my-story-closer3:before {
  content: "\0ab";
}

.button1.my-story-closer3:before {
  content: "\0ab";
}
.button1.my-story-closer4:before {
  content: "\0ab";
}

.button1.my-story-closer4:before {
  content: "\0ab";
}

.button1.my-story-closer5:before {
  content: "\0ab";
}

.button1.my-story-closer5:before {
  content: "\0ab";
}

.button1.my-story-closer6:before {
  content: "\0ab";
}

.button1.my-story-closer6:before {
  content: "\0ab";
}

.button1.my-story-closer7:before {
  content: "\0ab";
}

.button1.my-story-closer7:before {
  content: "\0ab";
}
.my-story1, .my-story2, .my-story3, .my-story4, .my-story5, .my-story6, .my-story7 {
/*   background: #fafafa; */
  margin-top: 1rem;
/*   padding:0.25rem 0.5rem; */
/*   box-sizing: border-box; */
  display: none;
}

  .html_table dl {
    border: 1px solid #ccc;
    border-bottom: none;
	margin: 0 auto;
	width: 40%;
    display: flex; }
    .html_table dl dt, .html_table dl dd {
      display: flex;
	  font-size: 18px;
      align-items: center; }
    .html_table dl dt {
      background: #ede6d8;
      width: 200px;
	  font-size: 16px;
      padding: 10px;
	  justify-content: center;
      box-sizing: border-box; }
     .html_table dl dd {
      padding: 10px;
      box-sizing: border-box;
      width: 200px ;
      display: flex;
	  justify-content: center;
	  flex-wrap: wrap; }
	.html_table dl:last-of-type {
      border-bottom: 1px solid #ccc; }
	  
.table1 {
	width: 100%;
	margin-bottom: 10px;
	padding: 0px;
	border-collapse: collapse;
}
.table1_td {
	width: 200px;
	padding: 10px;
	background: #ede6d8;
	text-align:center;
	font-size: 20px;
}

.table1 td {
	padding: 10px;
	border: 1px solid #ccc;
}

.table2 {
	width: 100%;
	margin-bottom: 10px;
	padding: 0px;
	border-collapse: collapse;
}
.table2_td {
	width: 260px;
	padding: 10px;
	
	font-size: 20px;
}

.table2 td {
	padding: 20px;
	border: 1px solid #ccc;
}

.imageList li {
	height: 45px;
	line-height: 42px;
	margin: 0;
	padding-left: 60px;
	color:#000000;
	list-style: none; 
	font-weight: bold;
	background: url('../img/imageList2_bg.gif') 0 0 no-repeat;
	overflow: hidden;
}

/*------------------------------------------------------------ 
	page navi
------------------------------------------------------------*/ 
.inner{
	width:auto;
	max-width:1000px;
	overflow:hidden;
	margin:0 auto;
} 

.pageNavi{
	width:100%;
	background:#e3e3e3;
	
	bottom:0;
	z-index:1000;
}

.naviBtn{
	float:left;
/*	position:relative;*/
	overflow:hidden;
	height:80px;
	list-style: none;
}

.naviBtn a{
	display:inline-block;
	height:100%;
} 

.prev{ width:40.81632653061224%;/* 400/980*100 */}
.prev a{
	background:#e3e3e3 url(../img/icon_left.png) left 10px top 50% no-repeat;
	width:100%;
	padding-left:15%;
}

.prev a:hover,
.prev a.hover{ background:#f0b27b url(../img/icon_left_on.png) left 10px top 50% no-repeat;}

.top{
	width:18.36734693877551%;/* 180/980*100 */
	background:url(../img/backIndexBg.png) repeat-y;
	background-size:100% auto;
	text-align:center;
}

.top:hover{ background:url(../img/backIndexBg_on.png) repeat-y;}

.top a{
	background:#e3e3e3 url(../img/icon_top.png) 50% 50% no-repeat;
	width:100%;
}

.top a:hover,
.top a.hover{ background:url(../img/icon_top_on.png) 50% 50% no-repeat;}

.next{
	width:40.81632653061224%;/* 400/980*100 */
	text-align:right;
}

.next a{
	background:#e3e3e3 url(../img/icon_right.png) right 10px top 50% no-repeat;
	width:100%;
	padding-right:15%;
}

.next a:hover,
.next a.hover{ background:#f0b27b url(../img/icon_right_on.png) right 10px top 50% no-repeat;}

.next a,
.next a:hover,
.prev a,
.prev a:hover{
	background-size:20px 40px;
}

.top a,
.top a:hover{
	background-size:40px 20px;
	background-position:50% 20%;
}


.hidden{
	color:#999;
	font-weight:bold;
}

.naviBtn:hover .naviTtl,
.naviBtn:hover .naviTtl2,
.naviBtn:hover .hidden{ color:#fff;}

.naviTtl{
	font-weight:bold;
	color:#999;
	font-size:100%;
	margin-top:20px;
}

.naviTtl2{
	font-weight:bold;
	color:#999;
	font-size:100%;
	margin-top:40px;
}


.btm .naviBtn{ height:150px;}
.btm .naviTtl{
	font-size:100%;
	margin-top:55px;
	line-height:1.5px;
}

.btm .naviTtl2{ margin-top:100px;}

.btm .next a,
.btm .next a:hover,
.btm .prev a,
.btm .prev a:hover{
	background-size:auto;
}

.btm .top a,
.btm .top a:hover{
	background-size:auto;
	background-position:50% 50%;
}

.txt_box_point {
	width: 1000px;
	height: auto;
	text-align: left;
	padding: 20px;
	border: 1px dotted #ff6600;
	background-color: #f9f0e1;
}