@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

/* styles
-------------------------------------------------------------- */
body,
button,
input,
select {
	padding: 0;
	margin: 0;
	background: #ffffff;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}
html,body{
	background-color:#fff;
	font-size:14px;
	color:#464646;
}
.container{
	max-width:1030px;
}

img{
	max-width:100%;
	height:auto;
}
p{
  line-height:1.7;
}
ul,ol,li{
	list-style:none;
	margin:0;
	padding:0;
}
label{
	margin:0;
	padding:0;
}
a{
	opacity:1;
	transition:opacity .3s;
	color:#FF9600;
}
a:hover{
	opacity:0.7;
	color:#FF9600;
	text-decoration:none;
}
a:hover img {
	opacity:1;
}
.no-transition {
    -webkit-transition: none;
    transition: none;
}

/* SP */
@media only screen and (max-width: 991px) {
body{
	padding-top:82px;
	font-size:12px;
}
.container{
	padding:0 20px;
}
}
/* typography
-------------------------------------------------------------- */
/* Headings */
.title{
	font-size: 2.5rem;
	text-align:center;
	margin:5rem auto 2rem;
}
h2 {
  margin-bottom: 3rem
}
.main-fluid h2:first-child img{
  width:100%;
}
/* SP */
@media only screen and (max-width: 991px) {
.title{
	font-size: 1.8rem;
}
  h2 {
    margin-bottom: 1.5rem
  }
}
h3 {
	margin-bottom: .4rem;
	font-size: 20px;
	font-family: "Yu Mincho", YuMincho, serif;
}
h4 {
	font-size: 18px;
	font-size: 1.8rem;
}
.title-border-left{
  border-left: 6px solid #FF9600;
  padding-left: 10px;
  margin-bottom: 1rem;
}
.mincho{
	font-family: "Yu Mincho", YuMincho, serif;
}

.fs16{
	font-size:16px !important;
}
.fs14{
	font-size:14px !important;
}
.fs12{
	font-size:12px !important;
}
.fs10{
	font-size:10px !important;
}
.color-orange{
  color:#FF9600;
}
.color-gray{
  color:#464646;
}
.bg-gray{
  background:#ECECEC;
}
.frame-black{
  border:1px solid #464646;
  padding:.5em 1em;
}
.frame-orange{
  border:1px solid #FF9600;
  padding:.5em 1em;
  color:#FF9600;
}


/* Header
-------------------------------------------------------------- */
header {
}

#brand{
	position:relative;
	text-align:center;
}
.header_logo{
	margin:25px auto;
	font-size:1rem;
}
.header_logo img{
	display:block;
	margin:0 auto 8px;
}
.header-contact{
	position:absolute;
	top:20px;
	right:30px;
	font-size:13px;
	text-align:left;
}
.header-contact a{
	margin-right:20px;
}
.header-contact img{
	margin-right:5px;
}

.navbar{
	padding:0;
}
.navbar-expand-lg .navbar-collapse{
	display:block;
	text-align:left;
}
.navbar-nav a{
	display:block;
	color:#464646;
	padding:0 5rem;
	font-size:1.1rem;
	line-height:3.2rem;
}
.navbar-nav li li a{
	font-size:1rem;
}


/* header - PC */
@media only screen and (min-width: 992px) {
  #menu-container{
		width:100%;
  }
  #menu-container:not(.show) {
    display: none;
  }
	.navbar-nav{
		width:100%;
		border-top:1px solid #C6C6C6;
		border-bottom:1px solid #C6C6C6;
		justify-content: center;
	}
	.navbar-nav li{
	  position:relative;
		border-right:1px solid #C6C6C6;
	}
	.navbar-nav li:hover{
	  background:rgba(255,150,0,0.2);
	}
	.navbar-nav li:first-child{
		border-left:1px solid #C6C6C6;
	}
	.navbar-submenu{
	  display:none;
	}
	.navbar-nav li:hover .navbar-submenu{
	  position:absolute;
	  display:block;
	  left:calc(50% - 100px);
	  top:3.2rem;
	  z-index:1000;
	  width:200px;
	  background:#FF9600;
	  padding:0 5px;
	}
	.navbar-nav li:hover .navbar-submenu li{
	  text-align:center;
	  background:#FF9600;
	  line-height:1.7;
	  border:none;
	}
	.navbar-nav li .navbar-submenu li a{
	  padding:0 1.5rem;
	  color:#fff;
	}
	.navbar-nav li .navbar-submenu li:not(:first-child) a{
	  border-top:1px solid #fff;
	}
}


/* header - SP */
@media only screen and (max-width: 991px) {
	header {
		display:block;
		position:fixed;
		width:100%;
		height:82px;
		left:0;
		top:0;
		z-index:100;
		background: #fff;
		padding:17px 0;
		margin-left: auto
	}
	.header_logo{
		position:relative;
		z-index:1000;
    text-align:left;
		margin:0 0 0 20px;
		width:80px;
		font-size:0.7rem;
	}
  .header-contact {
    top: 5px;
    right: 55px;
    text-align: right;
  }
  .header-contact a {
    margin-right: 6px;
  }
  .header-contact a img{
	width:35px;
  }
	.navbar{
		position:absolute;
		top:23px;
		right:10px;
		z-index:1001;
		text-align:right;
	}
	.navbar-toggler{
	  z-index:10000;
	}
	.navbar-toggler-icon {
		width:25px;
		height:20px;
	}
	.navbar-toggler-icon span {
		display:block;
		height:3px;
		background-color:#040000;
		padding:0;
		margin:0 0 7px;
	}
	.navbar-toggler-icon:after {
		content:'';
		display:block;
		height:3px;
		background-color:#040000;
	}
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span {
		-webkit-transform: translateY(10px) rotate(225deg);
		transform: translateY(10px) rotate(225deg);
	}
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span:nth-child(2) {
		opacity:0;
	}
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
		-webkit-transform: translateY(-10px) rotate(-225deg);
		transform: translateY(-10px) rotate(-225deg);
	}
	
	#menu-container{
		position:absolute;
		left:80px;
		top:-30px;
		width:100vw;
		height:100vh;
		overflow:hidden;
		background-color:rgba(0,0,0,0.4);
		transition:left .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	#menu-container.show{
		left: calc(-100vw + 58px);
		transition:left .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.navbar-nav{
		width:85vw;
		background-color:#fff;
		box-shadow:0px 4px 6px 3px rgba(0,0,0,0.4);
		padding:70px 20px;
		margin-left:15vw;
	}
	.navbar-nav > li:not(:last-child){
	  border-bottom:1px solid #CBCBCB;
	}
	.navbar-nav .parent_menu{
    position:relative;
	}
	.navbar-nav li.parent_menu span{
    position:absolute;
	right:0;
	top:5px;
    width: 6px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 6px solid #FF9600;
	margin:15px;
	}
	.navbar-nav li.parent_menu.open span{
		-webkit-transform: rotate(90deg);
		transform:  rotate(90deg);
	}
	.navbar-nav > li > a{
    position:relative;
	  padding:0 .9rem;
	  margin-right:3rem;
	}
	.navbar-submenu{
	  display:none;
	  margin-left:1.4em;
	}
	.navbar-submenu a{
	  line-height:1.7;
	  padding:.3rem .9rem .5rem;
	}
	
}



/* footer
-------------------------------------------------------------- */
.pagetop{
	position:fixed;
	bottom:10px;
	right:10px;
	text-align:center;
}
.pagetop a{
	display:block;
	background:#ff9600;
	color:#fff;
	padding:3px 5px 5px;
	height:50px;
	width:50px;
	border-radius:25px;
	font-size:12px;
}
.pagetop a:hover{
	color:#fff;
}
.pagetop i{
	display:block;
	font-size:20px;
}
footer {
  margin:0 auto;
  padding-top:30px;
  text-align:center;
  background:#F0F0EB;
}

.footer-siteinfo{
  margin:0 auto;
  padding:50px 0;
  text-align:left;
  font-size:0.9rem;
}
.footer-title{
	font-size:1.2rem;
	padding:1px 0 .4rem 30px;
	margin-bottom:0;
}
.footer-title span{
  display:inline-block;
  vertical-align:top;
	font-size:.8rem;
	margin:2px 0 0 1rem;
}
.footer-siteinfoTime_title{
  background:url(../img/footer-icon-time.png) no-repeat left top;
}
.footer-siteinfoCalendar_title{
  background:url(../img/footer-icon-calendar.png) no-repeat left top;
}
.footer-siteinfoAccess_title{
  background:url(../img/footer-icon-access.png) no-repeat left top;
}
.footer-siteinfoDirector_title{
  background:url(../img/footer-icon-director.png) no-repeat left top;
}
.footer-siteinfo p{
  margin-bottom:1rem;
}
.footer-siteinfo iframe{
  margin-bottom:1rem;
}
.footer-siteinfoTime_table{
  width:100%;
  border:1px solid #F0F0EB;
  font-size:1.1rem;
  background:#fff;
  border-collapse:  collapse;
  margin-bottom:4rem;
}
.footer-siteinfoTime_table th{
  border:1px solid #F0F0EB;
  padding:.5rem 2rem;
  background:#FF9600;
  text-align:center;
  color:#fff;
}
.footer-siteinfoTime_table td{
  border:1px solid #F0F0EB;
  padding:.5rem 1rem;
  text-align:center;
}
.footer-siteinfoAccess_shoulder{
  font-size:1.8rem;
}

  .footer-submenu a{
    display:block;
	position:relative;
    color:#464646;
    padding:5rem 1rem 1.2rem;
  }
  .footer-submenu_blog a{
    background:url(../img/footer-icon-blog.png) no-repeat center 1.2rem;
  }
  .footer-submenu_dentist a{
    background:url(../img/footer-icon-dentist.png) no-repeat center 1.2rem;
  }
  .footer-submenu_recruit a{
    background:url(../img/footer-icon-recruit.png) no-repeat center 1.2rem;
  }

.footer-shoulder{
  background:#FF9600;
  padding:1rem;
  color:#fff;
}

.footer_logo{
	margin:0 0 1rem 10px;
	font-size:1rem;
	text-align:left;
}
.footer_logo img{
	display:block;
	margin:0 0 8px -10px;
}
.footer-siteinfoDirector_content{
  display:flex;
}
.footer-siteinfoDirector_content dt{
  width:24.2%;
}
.footer-siteinfoDirector_content dd{
  margin-left:20px;
}

.footer-copyright_list{
  justify-content:center;
  margin:0 auto;
  padding:0 0 30px;
}
.footer-copyright_item{
	padding:0.1rem 1rem;
	font-size:0.9rem;
	text-align:left;
}

.footer-copyright_item a{
	color:#464646;
}

/* PC */
@media only screen and (min-width: 992px) {
.footer-siteinfoTime{
  padding-right:40px;
}
.footer-siteinfoAccess{
  padding-left:40px;
}
	.footer-submenu{
		width:100%;
		margin:0;
		border-top:1px solid #C6C6C6;
		border-bottom:1px solid #C6C6C6;
		background:#fff;
		justify-content: center;
	}
	.footer-submenu li{
		border-right:1px solid #C6C6C6;
		width:333px;
	}
	.footer-submenu li:first-child{
		border-left:1px solid #C6C6C6;
  }
  .footer-submenu a{
    font-size:1.2rem;
  }
  .footer-submenu a:after{
    position:absolute;
	right:2px;
	top:50%;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #C6C6C6;
  }
	
.footer-siteinfoContact_text a{
	display:inline-block;
  border:1px solid #464646;
  color:#464646;
  padding:.7rem 1.5rem;
    margin-right:10px;
}
.footer-copyright_item:not(:last-child){
  border-right:1px solid #000;
}
}

/* SP */
@media only screen and (max-width: 991px) {
	.pagetop{
		display:none;
	}

  .footer-title span,
  footer .footer-submenu{
    display:none;
  }

  .footer-siteinfo {
    padding-top:10px;
  }
  .container.footer-siteinfo {
    padding-bottom:0px;
  }
.footer-siteinfoTime_table th,
.footer-siteinfoTime_table td{
  padding:.5rem 1rem;
    font-size: .9rem;
}
  .footer-siteinfoAccess{
    margin-top:30px;
  }
  .footer-siteinfo .footer-siteinfoAccess_shoulder{
    margin-bottom:.5rem;
	font-size: 1.6rem;
  }
  
  .footer-submenu{
    justify-content: center;
  }
  .footer-submenu a{
    line-height:1.4;
  }

  .footer-siteinfoContact{
    order: 2;
	text-align:center;
  }
  .footer_logo{
	text-align:center;
  }
  .footer_logo img {
    margin: 0 auto 8px;
	}
  .footer-siteinfoContact_text{
    text-align:center;
  }
  .footer-siteinfoDirector{
    order: 1;
  }
.footer-siteinfoDirector_content dt{
  width:33.3333%;
}
.footer-siteinfo .footer-siteinfoDirector_content p{
  margin-bottom:0;
}
.footer-siteinfo .footer-siteinfoContact_text{
  margin-bottom:2rem;
}
  .footer-siteinfoDirector .footer-siteinfoContact_text a{
	display:inline-block;
  border:1px solid #464646;
  color:#464646;
  padding:.7rem 1.5rem;
    margin-right:10px;
}
  .footer-copyright_item:not(:last-child){
    display:none;
  }
  
  /* header転載分 */
  header .footer-siteinfoContact_text{
    text-align:left;
  }
  header .navbar-nav .footer-siteinfoContact_text a{
	font-size:1.2rem;
	margin-bottom:5px;
	padding:0;
  }
  header .footer-siteinfoContact_text img{
    margin-right:10px;
  }
  header .footer-submenu li{
    width:33.3333%;
  }
  header .footer-siteinfositemap_text a{
    padding: .5rem 0;
    line-height:  1.7;
	display:inline;
  }
}




/* Misc & mixens
-------------------------------------------------------------- */
.clear {
	clear: both;
}

.shoulder{
  text-align:center;
  font-size: 1.6rem;
  margin:5rem auto 3rem;
}
.shoulder2{
  text-align:center;
  font-size: 1.2rem;
  margin:3rem auto 5rem;
}
.shoulder2 p{
  line-height:2;
}
.shoulder3 + .shoulder2{
  margin:1rem auto 5rem;
}
.shoulder3{
  font-size: 1.6rem;
  margin:1rem auto;
}
/* SP */
@media only screen and (max-width: 991px) {
.shoulder,
.shoulder2,
.shoulder3{
  padding:0 20px;
}
.shoulder2{
  text-align:left;
  font-size: 1rem;
  line-height:1.7;
}
.shoulder3{
  font-size: 1.2rem;
  text-align:left;
}
}

/* 2カラムリンクボックス */
.topList.row{
  margin:0;
}
.commonList_item:before{
  content:"";
  display: block;
  padding-top:54.75%;
}
.commonList_itemInner .more{
  position:absolute;
  left: 0;
  bottom:60px;
}

/* PC */
@media only screen and (min-width: 992px) {
.commonList_itemInner{
    position: absolute;
	width:calc(100% - 50px);
    top: 60px;
    left: 50px;
    bottom: 0;
    right: 0;
	padding-right:35px;
}
.commonList_title{
  font-size:2.2rem;
}
.commonList_text{
  font-size:1.05rem;
}
}

/* SP */
@media only screen and (max-width: 991px) {
.commonList_itemInner{
    position: absolute;
	width:calc(100% - 40px);
    top: 1rem;
    left: 2em;
    bottom: 0;
    right: 0;
	padding-right:35px;
}
.commonList_title{
  font-size:1.8rem;
}
.commonList_text{
  font-size:.8rem;
}
.commonList_itemInner .more{
  position:relative;
  bottom:auto;
}}

/* more */
.more{
  position:relative;
  display:inline-block;
  background:rgba(255,255,255,0.7);
  border:1px solid #A2A2A2;
  padding:0 2em 0 1.2em;
  line-height:3em;
  color:#464646;
}
.more:after{
    content:'';
    position:absolute;
	right:7px;
	bottom:calc(50% - 4px );
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 6px solid #FF9600;
}

/* table */
.table-bordered{
  width:100%;
}
.table-bordered th,
.table-bordered td{
  padding:.5rem .8rem;
  font-size:1rem;
  border:1px solid #AAAAAA;
  text-align:center;
}
.table-bordered th{
  background:#EFEFEF;
}


/* slick */
.slick-slide{
  height:auto;
}


/* pop up */
.popup_wrap{
  z-index: 999999;
}
.popup_wrap input {
  display: none;
}
.popup_overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom:0;
  right:0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}
.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}
.popup_content {
  position: relative;
  align-self: center;
  max-width: 90%;
  max-height:90%;
  padding: 20px 20px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
  overflow:hidden;
}
.popup_content img {
  max-height:100%;
  width:auto;
}
.about-chapter_popupText {
  position:absolute;
  bottom:0;
  left:0;
  padding:10px 20px;
  background:#fff;
  width:100%;
}
.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

	
/* SP */
@media only screen and (max-width: 991px) {
}

/* form */
.form-group{
	border-bottom:1px solid #C7C7C7;
	padding:20px 0;
	margin:0;
}
.form-control{
  width:80%;
  display: inline-block;
}
.form-control,
select{
	border-radius:5px;
	font-size: 12px;
	border:1px solid #C7C7C7;
}
.contact-form_btn,
#fbuilder .pbSubmit{
	display: inline-block;
	line-height: 50px;
	margin-top:20px;
	padding:0 30px 0 calc(30px + 0.5em);
	text-align: center;
	border:1px solid #464646;
	color: #fff;
	font-size: 14px;
	letter-spacing:0.5em;
	opacity:1;
	transition:opacity .3s;
}
textarea.form-control {
  height:10em;
  width:100%;
}
input[type="submit"]{
  background:#FFF4E5;
}
.btn{
  border:1px solid #AAAAAA;
}

/* SP */
@media only screen and (max-width: 991px) {
.form-control{
  width:100%;
}
}


/* HOME
-------------------------------------------------------------- */

.topList_text{
  font-size:.8rem;
}

/* PC */
@media only screen and (min-width: 992px) {
  .home .slider{
    border-bottom:1px solid #C6C6C6;
  }
  .home .slider img{
    width:100%;
  }
  .top-main-fluid{
    border-bottom:1px solid #C6C6C6;
  }
  .topList-item{
    text-align:center;
    border-left:1px solid #C6C6C6;
  }
  .topList-item:last-child{
    border-right:1px solid #C6C6C6;
  }
  .topList-item a{
    position:relative;
	display:block;
    padding:20px 0 35px;
  }
  .topList-item a:after{
    content:'';
    position:absolute;
	right:50%;
	bottom:20px;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-top: 8px solid #FF9600;
  }
  .topList_title{
    display: flex;
    justify-content: center;
    align-items: center;
    height:2.8em;
    font-size:2rem;
  }
  .topList_text{
    height:5em;
  }

}

/* SP */
@media only screen and (max-width: 991px) {
  .topList-item:not(:last-child){
    border-bottom:1px solid #C6C6C6;
  }
  .topList-item a{
    display: flex;
	padding:20px 0;
  }
  .topList-item a div{
    width:60%;
	padding-right:20px;
  }
  .topList_title {
    font-size: 1.3rem;
  }
  .topList-item a > p{
    width:40%;
    margin:0;
  }
}



/* 当院について
-------------------------------------------------------------- */
.about .navbar-nav > li:first-child{
  background:rgba(255,150,0,0.2);
}

.about-greeting h3,
.about-greeting p,
.about-chapter h3,
.about-chapter p{
  margin-bottom:2rem;
  line-height:1.7;
}
.about-greetingProfile{
  font-size: .85rem;
}
.about-greetingProfile_title{
  font-size: 1.2rem;
}
.about-greetingProfile dt{
  padding-right:0;
  font-weight:normal;
}

.about-chapter_title{
  font-size: 2.4rem;
  line-height:1.4;
}
.about-chapter_title span{
  display:block;
  font-size: 1.2rem;
  color:#FF9600;
}
.about-chapter p:last-child{
  margin-bottom:0;
}

.about-chapter4 button.slick-arrow {
    width: 10px;
    height: 10px;
    z-index: 10001;
	box-shadow:none;
	border:none;
	border-right:2px solid #C6C6C6;
	border-bottom:2px solid #C6C6C6;
	background:transparent;
}
.about-chapter4 button.slick-prev {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.about-chapter4 button.slick-next {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.about-chapter4 .slick-slider{
  display:flex;
  align-items:center;
}


/* PC */
@media only screen and (min-width: 992px) {
  .about .container{
    padding:80px 0;
  }
.about-greeting{
  background:url(../../about/img/about-greeting-bg.jpg) no-repeat center center/cover;
}
  .about-greetingProfile{
    max-width:600px;
  }
.about-chapter1{
  background:url(../../about/img/about-chapter1-bg.jpg) no-repeat center center/cover;
}
.about-chapter2{
  background:url(../../about/img/about-chapter2-bg.jpg) no-repeat center center/cover;
}
.about-chapter3{
  background:url(../../about/img/about-chapter3-bg.jpg) no-repeat center center/cover;
}
.about-chapter4{
  background:url(../../about/img/about-chapter4-bg.jpg) no-repeat left center/contain;
}
.about-chapter5{
  background:url(../../about/img/about-chapter5-bg.jpg) no-repeat right  center/contain;
}
  .about-chapter2 .container,
  .about-chapter4 .container{
    padding-left:480px;
  }
.about-chapter4 .slick-list{
  width:456px;
  margin:0 10px;
}
.about-chapter4 .slick-slide{
  width:152px !important;
  height:150px;
  overflow:hidden;
  padding:0 1px;
}

}

/* SP */
@media only screen and (max-width: 991px) {
.about-greeting{
  position:relative;
}
.about-greeting h3,
.about-chapter_titleSp{
  margin:0 -20px;
}
.about-greeting_titleSp + div,
.about-chapter_titleSp + div{
  display:none;
  padding:30px 0;
}
.about-chapter h3{
  margin-bottom:0;
}

.about-chapter4 .slick-list{
  width:calc(100% - 40px);
  margin:0 10px;
  overflow:hidden;
}
.about-chapter4 .slick-slide{
  overflow:hidden;
  padding:0 1px;
}
}



/* guide共通
-------------------------------------------------------------- */
.guide .navbar-nav > li.navbar-nav_guide{
  background:rgba(255,150,0,0.2);
}

.guide-subtitle{
  text-align:center;
  margin-bottom:40px;
}
.guide-subtitle2{
  border-bottom:1px dotted #464646;
  font-size:1.8rem;
  padding-bottom:.4rem;
  margin-bottom:1em;
}
.guide-subtitle3{
  border-bottom:1px dotted #464646;
  background:url(../../guide/img/notpainful-icon02.png) no-repeat left center;
  font-size:1.8rem;
  padding:.2rem 0 .4rem 1rem;
  margin-bottom:1em;
}

/* SP */
@media only screen and (max-width: 991px) {
.guide-subtitle2{
  position:relative;
  font-size:1.2rem;
  padding-bottom:.3rem;
  padding-right:2em;
}
.guide-subtitle3{
  position:relative;
  font-size:1.3rem;
  background:url(../../guide/img/notpainful-icon02.png) no-repeat left center / auto 1.4rem;
  padding-right:2em;
}

.guide-subtitle2:after,
.guide-subtitle3:after{
  content:'';
  position:absolute;
  right:20px;
  bottom:15px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #464646;
  border-right: 1px solid #464646;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
}



/* 矯正治療のご案内（一覧）
-------------------------------------------------------------- */

.topList-notpainful{
  position:relative;
  background:url(../../guide/img/bg-list01.jpg) no-repeat center center/cover;
}
.topList-notvisible{
  position:relative;
  background:url(../../guide/img/bg-list02.jpg) no-repeat center center/cover;
}
.topList-child{
  position:relative;
  background:url(../../guide/img/bg-list03.jpg) no-repeat center center/cover;
}
.topList-insurance{
  position:relative;
  background:url(../../guide/img/bg-list04.jpg) no-repeat center center/cover;
}
.topList-whitening{
  position:relative;
  background:url(../../guide/img/bg-list05.jpg) no-repeat center center/cover;
}


/* 痛みに配慮した矯正
-------------------------------------------------------------- */
.notpainful .container{
  margin-bottom:50px;
}
.notpainful-type_graph{
  background:#E8E8E8;
  line-height:3.5;
  margin-bottom:3rem;
}
.notpainful-type_photo{
  display:flex;
  width:540px;
}
.notpainful-type_photo dl{
  width:50%;
  margin:0 0 0 5px;
  padding:0;
}
.notpainful-type_photo3 dl{
  width:calc(100% - 5px);
  margin:0 0 0 5px;
  padding:0;
}
.notpainful-type_photo dl dt{
  margin-bottom:5px;
}
.notpainful-type_photo dl dt img,
.notpainful-type_photo3 dl dt img{
  width:100%;
}
.notpainful-type_photo2 img{
  width:calc(50% - 5px);
  margin-left:5px;
}
.notpainful-type_photo2 dd{
  margin-left:5px;
}
.notpainful-type_text{
  padding-right:50px;
}

.notpainful-select_arrowset{
  margin-bottom:5rem;
}
.notpainful-select_arrowset .col-lg-5 img{
  margin-bottom:5px;
}
.notpainful-select_arrowset .col-lg-2{
  display:flex;
  align-items:center;
  justify-content: center;
}

/* SP */
@media only screen and (max-width: 991px) {
.notpainful .container{
  margin-bottom:20px;
}
.notpainful-type_graph{
  display:flex;
  padding:10px 20px;
  line-height:2;
}
.notpainful-type_graph span{
  padding:0 10px;
  text-align:left;
}
.guide-subtitle2 + div,
.guide-subtitle3 + div{
  display:none;
  padding-bottom:2rem;
}
.notpainful-select_arrowset .col-lg-2{
  padding:20px;
}
.notpainful-select_arrowset{
  margin-bottom:0;
}
}




/* 見えにくい矯正
-------------------------------------------------------------- */
.notvisible .container{
  margin-bottom:50px;
}
.notvisible-type_item,
.notvisible-wire_item,
.notvisible-fix_item{
  margin-bottom:30px;
}
.notvisible-type .bg-gray,
.notvisible-device .bg-gray{
  display:inline-block;
  font-weight:bold;
  font-size:1.4rem;
  padding:.5rem .5em;
}
.notvisible-device_img{
  position:relative;
  display:flex;
  justify-content: flex-end;
}
.notvisible-device_img div{
  margin:0 2px;
  width:calc(50% - 4px);
}
.notvisible-wire_compare{
  margin-top:50px;
}


/* SP */
@media only screen and (max-width: 991px) {
  .notvisible .notvisible-type,
  .notvisible .notvisible-device{
    margin-bottom: 1em;
  }
  .notvisible-const .guide-subtitle3:after{
    border:none;
  }
  .notvisible .text-right:not(.notvisible-device_img) img{
    width:100%;
  }
.notvisible-type .bg-gray,
.notvisible-device .bg-gray{
  display:block;
  font-size:1rem;
}
}


/* 小児矯正
-------------------------------------------------------------- */
.child .container{
  margin-bottom:80px;
}
.child-period_item .frame-black{
  display:inline-block;
  margin-bottom:.8em;
}

/* SP */
@media only screen and (max-width: 991px) {
  .child .text-right img{
    width:100%;
  }
  .child-merit_text{
    text-align:center;
    border:5px double #ff9600;
	padding:.5em 20px;
	color:#ff9600;
	font-size:1.2rem;
  }
.child-period_item .frame-black{
	font-size:1.4rem;
}
}


/* 保険適用矯正
-------------------------------------------------------------- */
.insurance-content{
  margin-bottom:50px;
}

/* SP */
@media only screen and (max-width: 991px) {
.insurance-content{
  margin-bottom:10px;
}
.insurance .guide-subtitle3 + p{
  display:none;
  padding-bottom:2rem;
}
}


/* ホワイトニング
-------------------------------------------------------------- */
.whitening-content{
  margin-bottom:50px;
}
.whitening .frame-orange{
  display:inline-block;
  font-size:1.2rem;
  margin-top:15px;
}
.whitening-content_item{
  margin-bottom:1rem;
}

/* SP */
@media only screen and (max-width: 991px) {
.whitening .guide-subtitle3 + p{
  display:none;
  padding-bottom:2rem;
}
.whitening .guide-subtitle2{
  padding-right:.5em;
}

.whitening .guide-subtitle2:after{
  border:none;
}
}

/* first共通
-------------------------------------------------------------- */
.first .navbar-nav > li.navbar-nav_first{
  background:rgba(255,150,0,0.2);
}
.first-subtitle{
  border-bottom:1px dotted #464646;
  font-size:1.8rem;
  padding-bottom:.4rem;
  margin-bottom:.5em;
}


/* はじめての方へ（一覧）
-------------------------------------------------------------- */
.topList-cost{
  position:relative;
  background:url(../../first/img/bg-list01.jpg) no-repeat center center/cover;
}
.topList-flow{
  position:relative;
  background:url(../../first/img/bg-list02.jpg) no-repeat center center/cover;
}
.topList-qa{
  position:relative;
  background:url(../../first/img/bg-list03.png) no-repeat center center/cover;
}
.topList-reserve{
  position:relative;
  background:url(../../first/img/bg-list04.png) no-repeat center center/cover;
}



/* 矯正治療の料金
-------------------------------------------------------------- */
.cost .container{
  margin-bottom:80px;
}
.cost-pricelist table{
  margin-bottom:1rem;
}
.cost-pricelist_text{
  margin-bottom:2rem;
}

/* PC */
@media only screen and (min-width: 992px) {
.cost-tableset{
  margin:0 -30px;
}
.cost-tableset .col-lg-6{
  padding:0 30px;
}
}



/* 矯正治療の進め方
-------------------------------------------------------------- */
.flow_list{
  display:flex;
  justify-content: center;
  margin:0 -20px 50px;
  width:calc(100% + 40px);
}
.flow_list_item{
  position:relative;
  padding:0 20px;
}
.flow_list_item a{
  display:inline-block;
  border:4px double #ff9600;
  padding:1rem 1.2em;
  font-size:1.2rem;
  width:100%;
}

.flow-step_title{
  font-size: 2.4rem;
  line-height:1.4;
}
#step2 .flow-step_title,
#step3 .flow-step_title,
#step4 .flow-step_title{
  letter-spacing:.8em;
}
.flow-step_title span{
  display:block;
  font-size: 1.2rem;
  color:#FF9600;
  letter-spacing:0;
}
.flow-step_text{
  margin-bottom:2em;
}
.flow-step p:last-child{
  margin-bottom:0;
}
.flow-step_frame{
  border:1px solid #ff9600;
  border-radius:10px;
  padding:1.5rem 1.8rem;
  margin-bottom:1rem;;
}
.flow-step_frame .title-border-left{
  font-size: 1.25rem;
}
.flow-step_frame li{
  padding:0 0 .2em;
}


/* PC */
@media only screen and (min-width: 992px) {
  .flow .container{
    padding:50px 0;
  }
  .flow_list_item{
    width:20%;
    text-align:justify;
    text-align-last: justify;
  }
.flow_list_item:not(:last-child):after{
    content:'';
    position:absolute;
	right:-10px;
	bottom:calc(50% - 6px );
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 8px solid #FF9600;
}
  .flow-step1{
    background:url(../../first/img/flow-img1.jpg) no-repeat right center/contain;
  }
  .flow-step2{
    background:url(../../first/img/flow-img2.jpg) no-repeat left center/contain;
  }
  .flow-step3{
    background:url(../../first/img/flow-img3.jpg) no-repeat right center/contain;
  }
  .flow-step4{
    background:url(../../first/img/flow-img4.jpg) no-repeat left center/contain;
  }
  .flow-step5{
    background:url(../../first/img/flow-img5.jpg) no-repeat right center/contain;
  }
  .flow-step2 .container{
    padding-left:35%;
  }
  .flow-step4 .container{
    padding-left:25%;
  }

}

/* SP */
@media only screen and (max-width: 991px) {
.flow_list{
  flex-wrap: wrap;
}
.flow_list_item{
  width:100%;
  text-align:center;
  margin-bottom:20px;
}
.flow_list_item:not(:last-child):after{
    content:'';
    position:absolute;
	right:calc(50% - 6px );
	bottom:-20px;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-top: 6px solid #FF9600;
}

.flow-step_titleSp{
  margin:0 -20px;
}
.flow-step_titleSp + div{
  padding:30px 0;
}
.flow-step h3{
  margin-bottom:0;
}

}


/* 矯正治療Q&A
-------------------------------------------------------------- */
.qa_item{
  margin-top:4rem;
}
.qa .container{
  margin-bottom:5rem;
}
.first-subtitle:before{
  content:'Q. ';
}
.qa_answer h3{
  font-size: 1.8rem;
}
.qa_answer h3:before{
  content:'A. ';
}

/* SP */
@media only screen and (max-width: 991px) {
.qa_item:not(:first-child){
  margin-top:1rem;
}
.first-subtitle,
.qa_answer h3{
  position:relative;
  padding-left:1.5em;
  padding-right:1em;
  line-height:1.4;
  font-size: 1.4rem;
}
.first-subtitle{
  padding-right:2em;
}
.first-subtitle:before,
.qa_answer h3:before{
  position:absolute;
  left:0;
  top:0;
}
.first-subtitle:after{
  content:'';
  position:absolute;
  right:20px;
  bottom:20px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #464646;
  border-right: 1px solid #464646;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.qa_answer{
  display:none;
}
}


/* ご予約方法
-------------------------------------------------------------- */
.reserve .container{
  margin-bottom:50px;
}
.reserve_text{
  margin:5rem auto;
}


/* プライバシー
-------------------------------------------------------------- */
.privacy .container{
  margin-bottom:5rem;
}

.privacy_title{
  font-family:san-serif;
  font-size: 1.25rem;
  font-weight:bold;
  margin-top:1.6em;
}
.privacy_subtitle{
  font-size: 1.25rem;
  margin-top:1.6em;
  font-weight:bold;
}
.privacy_text a{
  color:#464646;
}


/* 近隣歯科医院の先生方へ
-------------------------------------------------------------- */
.dentist .container{
  margin-bottom:5rem;
}

.dentist .dentist_title:after{
  border:none;
}


/* 歯科衛生士 募集
-------------------------------------------------------------- */
.recruit .container{
  margin-bottom:5rem;
}
.recruit-tableset{
  max-width:680px;
  margin:0 auto 2em;
}
.recruit-tableset td{
  text-align:left;
}
.recruit-text{
  line-height:2;
}
.recruit-tel{
  display:block;
  line-height:22px;
  margin:2em auto 10px;
  vertical-align:top;
}
.recruit-text big{
  font-size:20px;
}
.recruit-tel img{
  vertical-align:top;
  margin-right:5px;
}

/* SP */
@media only screen and (max-width: 991px) {
.recruit-tableset th{
  white-space: nowrap;
}
}


/* サイトマップ
-------------------------------------------------------------- */
.sitemap_item{
  max-width:200px;
  margin:0 auto 5rem;
}
.sitemap_list > li{
  margin-bottom:.5em;
}
.sitemap_list > li.sitemap-list_first{
  margin-bottom:2.5em;
}
.sitemap_list > li li{
  margin:.2em 0 0 3.5em;
}
.sitemap_item a{
  color:#464646;
}
.sitemap-list_icon:before{
  content:'■';
  color:#ff9600;
  margin-right:.3em;
}