/*----------------------------------------------------
	20210412追加
----------------------------------------------------*/
.media-banner img.cbs{
    width:164px;
    height: 50px;
}
.media-banner img{
    width:210px;
}
#media .btn-wrapp a {
    display: block;
    text-align: center;
    background: #ce323a;
    padding: 25px 0;
    font-size: 14px;
    font-weight: bold;
    width: 310px;
}
#media .btn-wrapp a:hover {
    opacity: 0.7;
}
@media screen and (max-width:650px){
    .media-banner img{
       margin-top:30px;
    }
}
.alliance_color{
	color:#EA5504;
}
.ptpar{
	padding-top: 6%;
}
.bruxism_lab_color{
	color: #ea5504;
}
.bruxism_lab_wrap{
	border: 5px solid #ce323a;
}
.bruxism_lab_pt{
	padding-top:30px;
}
.bruxism_lab_text01{
	font-size: 20px;
}
.bruxism_lab_text02{
	font-size: 16px;
}
@media screen and (max-width:650px){
	.bruxism_lab_text01{
		font-size: 16px;
	}
	.bruxism_lab_text02{
		font-size: 14px;
	}
	.sp-p5{
		padding:5px;
	}
	.sp-p15{
		padding:15px;
	}

	.sp-pt10{
		padding-top:10px;
	}
	.bruxism_lab_pt{
		padding-top:0;
	}
}

.sns-link {
	width:100%;
	text-align: center;
	margin-top:20px;
	padding-bottom: 5%;
}
.sns-link p {
	font-size:14px;
	padding-top:15px;
}
.qr-border {
	border: 1px solid #ccc;
	border-radius: 7px;
}
/*----------------------------------------------------
	20180529追加
----------------------------------------------------*/
.blue{
	color:#5878c3;
}
.logo-a img{
	width: 26px;
    padding-bottom: 2px;
}
.logo-b img{
	width: 23px;
	padding-bottom: 2px;
}
.member{
	font-size: 16px;
	font-weight: bold;
}
.member a{
	font-size: 16px;
	font-weight: bold;
	color: #55A5C6;
}
.btn-001{
	font-size: 12px;
	padding: 10px 20px;
	display:block;
	color:#ffff;
	border-radius: 5px;
}
.btn-002{
	font-size: 18px;
	padding: 10px 20px;
	display:block;
	color:#ffff;
	border-radius: 5px;
}
@media screen and (max-width:650px){
	.btn-002{
		font-size: 16px;
		padding: 10px 15px;
	}
	.sp-p15{
		padding:15px;
	}
}
/*----------------------------------------------------
	動画・駐車場追加
----------------------------------------------------*/
.video iframe{
  width:450px;
  height:315px;
}
.map-a img{
	width: 100%;
	height:auto;
  }
@media screen and (max-width:650px){
 .video{
	width:100%;
  }
	.video iframe{
	width:100%;
 	height:100%;
  }
}
/*----------------------------------------------------
	20180424追加
----------------------------------------------------*/
.pt40{
	padding-top: 40px;
}
.mt35{
	margin-top: 35px;
}
@media screen and (max-width:650px){
	.sp-pt0{
	padding-top: 0;
	}
}
/*----------------------------------------------------
	社会貢献
----------------------------------------------------*/
.society-wrap {
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-bottom:100px;
}
.society-item {
	width:50%;
	padding:30px 30px;
	display:flex;
	justify-content: space-between;
	flex-direction: column;
}
.society-item h5 {
	font-size: 18px;
	border-left: 5px solid #ce323a;
	padding-left: 10px;
	line-height: 2em;
	margin-bottom:15px;
}
.society-item p {
	padding-bottom:40px;
}
.society-item p span {
	display:inline-block;
	vertical-align: top;
	font-size:16px;
	line-height: 1.5em;
}
.society-item p span.left {
	width:66%;
	text-indent: 1em;
}
.society-item p span.right {
	width:30%;
}
@media screen and (max-width:650px){
	.society-wrap {
		flex-direction: column;
		padding-bottom:20px;
	}
	.society-item {
		width:100%;
		padding:0;
		display:block;
		margin-bottom:40px;
	}
	.society-item h5 {
		font-size: 16px;
	}
	.society-item p {
		padding-bottom:20px;
	}
	.society-item p span {
		display:block;
		vertical-align: middle;
		font-size:14px;
	}
	.society-item p span.left {
		width:100%;
	}
}
/*----------------------------------------------------
	詳細追加
----------------------------------------------------*/
.desc2{
	padding:30px 50px 30px 30px;
}
.desc3{
	padding:30px 50px 30px 50px;
}
.desc li,.desc p{
	font-size: 14px;
    line-height: 2em;
}
.desc li{
		color:#FFF;
}
.check-box ul li{
	font-size: 14px;
    padding-left: 2em;
    text-indent: -2em;
	margin-bottom:20px;
}
.check-box ul li:before{
	content:"\f046";
	font-family: FontAwesome;
	font-size:1.2em;
	color:#ce323a;
	display: inline-block;
	width:1.5em;
	position: relative;
    left: 2em;
}
.first_time_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 50px;
  padding-top: 70px;
}
.first_time_box_a, .first_time_box_b, .first_time_box_c {
   color: #ce323a;
  text-align: left;
     width: 45%;
    display: block;
    margin-bottom: 30px;
}
.btn_h_a {
  display: block;
  text-decoration: none;
  border-bottom: solid 1px #ce323a1;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  /* for Safari and Chrome 対応*/
  -moz-border-radius: 8px;
  /* for Firefox 対応*/
  padding: 15px 20px;
  background-color: #ce323a;
  vertical-align: baseline;
  text-align: center;
  font-size: 20px;
}
.btn_h_a p{
  color:#FFF;
}
.btn_h_a:hover{
	opacity: 0.7;
}
.btn_h_a span {
	border-radius:3px;
	padding:5px;
	margin-top:10px;
	display: block;
	color:#FFF;
	background-color:#E14A52;
	
}
.mt40{
	margin-top: 40px;
}
.mt110{
	margin-top: 110px;
}
.cleansing-title{
	font-size:20px;
    padding:80px 0 40px;
}
.line table th {
    background-color: #ce323a;
	color: #fff;
}

.line table th, .line table td {
    border: 1px solid #e5e5e5;
    font-size: 14px;
}
.line table th{
	padding: 15px 45px;
	width:30%;
}
.line table td{
	padding: 15px 30px;
	width: 70%;
}
@media screen and (max-width:650px){
	.sp-par100{
		width:100%;
	}
	.sp-p0{
		padding: 0;
	}
	.sp-pb30{
		padding-bottom:30px!important;
	}
	.sp-plr30{
		padding:0 30px;
	}
	.sp-mt0{
		margin: 0;
	}
	.sp-li-mb20 li{
		margin-bottom: 20px;
	}
	.sp-mb20{
		margin-bottom: 20px!important;
	}
	.first_time_box_a, .first_time_box_b, .first_time_box_c{
		    width: 100%;
    padding-bottom: 20px;
	}

	.line table th {
    display: block;
	width: 100%;
	}
	.line table td {
    display: block;
	width: 100%;
	}
	.first_time_box {
	  padding-top: 0;
	}
}
/*----------------------------------------------------
	施術内容に3つｂｔｎ追加
----------------------------------------------------*/
.treatment-btn{
	padding: 44px 0px;
}
.treatment-btn a{
	display: block;
    color: #fff;
    padding: 13px 0;
	font-size: 16px;
    border: 1px solid #fff;
}

/*----------------------------------------------------
	フッターバナー
----------------------------------------------------*/
.banner-area {
	margin-top:100px;
	padding:50px;
	background:#770a0f;
}
.banner-area a {
	display:block;
	background:rgba(0,0,0,.2);
	width:180px;
}
.die-link {
	pointer-events:none;
}
@media screen and (max-width:650px){
	.banner-area {
		margin-top:30px;
		padding:30px 5px 0;
		background:#770a0f;
	}
	.banner-area a {
		margin:0 auto 10px;
	}

}
/*----------------------------------------------------
	scroll-btn
----------------------------------------------------*/
.scroll-btn {
	padding:50px 0 100px;
}
@media screen and (max-width:650px){
	.scroll-btn {
		padding:0px 0 30px;
	}
}

/*----------------------------------------------------
	greeting ご挨拶
----------------------------------------------------*/
.greeting {
	background:url(../images/greeting1.png) no-repeat left top,url(../images/greeting2.png) no-repeat right bottom;
	padding-bottom:100px;
}
.greeting .text-wrapp {
	width:480px;
}
.greeting .staff-name {
  font-size:20px;
  font-weight:bold;
  border-left:5px solid #cf3239;
  padding-left:10px;
}
.greeting .staff-name i {
  font-size:24px;
  position:relative;
  top:2px;
}
.greeting .staff-name span {
  
}
.greeting .staff-name span.facebook {
  font-size:10px;
  font-weight:normal;
}
.greeting .staff-name a:hover {
  opacity:.7;
  transition:0.3s;
}
@media screen and (max-width:650px){
	.greeting {
		background:url(../images/greeting1.png) no-repeat left -30px top -30px,url(../images/greeting2.png) no-repeat right bottom;
		background-size:250px;
	}
	.greeting .text-wrapp {
		width:100%;
	}
}
/*----------------------------------------------------
	indoor 院内紹介
----------------------------------------------------*/
.slick-indoor {
	/*margin-top:20px;*/
}
/*----------------------------------------------------
	facilities 設備紹介
----------------------------------------------------*/
.slick-facilities .slick-slide {
	position:relative;
}
.slider-text {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.6);
	color:#fff;
	padding:15px;
	text-align:center;
}
@media screen and (max-width:650px){
	.slider-text {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		background:rgba(0,0,0,0.6);
		color:#fff;
		padding:10px 0;
		text-align:center;
		font-size:12px;
		overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
}
/*----------------------------------------------------
	treatment 施術内容
----------------------------------------------------*/
.treatment .main-back {
	padding:60px 0 100px;
	margin-bottom:0px;
}
.treatment .btn-wrapp a {
	display:block;
	text-align:center;
	background:#fff;
	padding:25px 0;
	font-size:14px;
	font-weight:bold;
	width:310px;
}
@media screen and (max-width:650px){
	.treatment .main-back {
		height:auto;
		padding-top:30px;
		margin-bottom:0px;
	}
	#placenta.treatment .main-back {
		height:auto;
	}
	.treatment .text-wrapp {
		padding-left:0px;
		width:	100%;
	}
	.treatment .slider-wrapp {
		width:100%;
		padding:0 30px;
	}
	.treatment .btn-wrapp {
		padding:30px 30px 30px;
	}
	.treatment .btn-wrapp a {
		display:block;
		text-align:center;
		background:#fff;
		margin-top:0px;
		padding:25px 0;
		font-size:14px;
		font-weight:bold;
		width:100%;
	}
	.treatment-thum {
		margin-top:20px;
	}

	.content-text ~ .btn-wrapp,
	.treatment .btn-wrapp ~ .btn-wrapp {
		padding: 0 30px;
	}
}
/*----------------------------------------------------
	consultation-hour 診療時間
----------------------------------------------------*/
.consultation-hour {
	background:url(../images/hour-bg.png) no-repeat;
	background-size:cover;
	padding:0px 0 100px;
}
.consultation-hour .btn-wrapp a {
	display:block;
	color:#fff;
	margin-top:35px;
	padding:40px 0;
	text-align:center;
}
@media screen and (max-width:650px){
	.consultation-hour .btn-wrapp a {
		margin-top:35px;
		padding:30px 0;
	}
	.btn-wrapp a .number {
		display:block;
		margin-top:10px;
	}
}

/*----------------------------------------------------
	guide & facebook
----------------------------------------------------*/
.guide,.facebook,.column-box {
	width:480px;
}
@media screen and (max-width:650px){
	.guide,.facebook,.column-box {
		width:100%;
	}
}
/*----------------------------------------------------
	google map
----------------------------------------------------*/
#g-map {
	width:70%;
	height:auto;
}
@media screen and (max-width:650px){
	#g-map {
		width:100%;
		height:400px;
	}
}
/*----------------------------------------------------
	top area
----------------------------------------------------*/
.main-v {
	padding-top:100px;
}
.main-v .slider-wrapp {
	width:860px;
	overflow:hidden;
	position:relative;
	top:-30px;
}
/*  h1  */
.tategaki {
	font-weight:normal;
	position:absolute;
	left:170px;
	top:265px;
	font-size:16px;
	color:#fff;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.top-navi p.tategaki-dc-med-corp-name {
	font-weight:normal;
	position:absolute;
	left: 280px;
	top: -80px;
	font-size:16px;
	color:#fff;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
/*  top navi  */
.top-navi {
	width:140px;
	margin-top:140px;
	margin-left:90px;
	position:relative;
}
.top-navi p a {
	font-size:18px;
	color:#fff;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.top-navi p a:hover {
	transition:.5s;
	opacity:.7;
}
.top-navi p {
	font-size:18px;
	color:#fff;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.top-navi p.link {
	width:25px;
}
.top-navi:after {
	content:"";
	background:url(../images/logo.svg) no-repeat;
	width:70px;
	height:430px;
	display:inline-block;
	position:absolute;
	left:200px;
	top:-80px;
}
@media screen and (max-width:650px){
	.main-v {
		padding-top:20px;
	}
	.main-v .slider-wrapp {
		width:80%;
		top:40px;
	}
	/*  h1  */
	.tategaki {
		font-weight:normal;
		position:absolute;
		right:13%;
		left:auto;
		top:auto;
		font-size:.7em;
		bottom:1%;
	}
	.top-navi p.tategaki-dc-med-corp-name {
		display:block;
		font-weight:normal;
		position:absolute;
		right:1%;
		left:auto;
		top:5%;
		font-size:.7em;
		bottom:auto;
	}
	.top-navi {
		position:static;
		margin:0;
	}
	.top-navi:after {
		content:"";
		background:url(../images/logo.svg) no-repeat;
		width:10%;
		height:90%;
		display:inline-block;
		position:absolute;
		right:3%;
		left:auto;
		top:5%;
	}
	.top-navi p {
		display:none;
	}

}

/*----------------------------------------------------
	footer
----------------------------------------------------*/
#footer{
	width:100%;
	/*height:500px;*/
}
.foot-navi-wrapp,.contact-wrapp{
	width:480px;
}
.contact-wrapp .btn-wrapp a {
  display: block;
  color: #fff;
  margin-top: 170px;
  padding: 45px 0;
  text-align: center;
  border:1px solid #fff;
}
.copy {
	margin-top:55px;
}
/*  top navi  */
.foot-navi {
	margin-left:130px;
	padding-top:170px;
}
.foot-navi p {
	margin-bottom:40px;
}
.foot-navi p a {
	font-size:16px;
	color:#fff;
}
.foot-navi p a:hover {
	transition:.5s;
	opacity:.7;
}
.foot-navi p {
	font-size:18px;
	color:#fff;
}
.foot-navi:after {
	content:"";
	background:url(../images/logo.svg) no-repeat;
	width:60px;
	height:280px;
	display:inline-block;
	position:absolute;
	left:0px;
	top:110px;
}
.foot-dc-name {
	font-size:14px;
	position:absolute;
	left:-30px;
	bottom:-25px;
	display:inline-block;
	color:#fff;
		-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;

}

.foot-dc-med-corp-name {
	font-size:14px;
	position:absolute;
	left:60px;
	bottom:145px;
	display:inline-block;
	color:#fff;
		-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;

}
@media screen and (max-width:650px){
	#footer{
		height:auto;
	}

	#footer .mywidth{
		padding:0;
	}
	.foot-navi-wrapp,.contact-wrapp{
		width:100%;
		padding:0;
	}
	.contact-wrapp .btn-wrapp {
		padding:0 30px;
	}
	.contact-wrapp .btn-wrapp a {
	  display: block;
	  color: #fff;
	  margin-top: 30px;
	  padding: 30px 0;
	  text-align: center;
	  border:1px solid #fff;
	}
	.copy {
		margin-top:20px;
		text-align:center !important;
	}
	.foot-logo-wrapp {
		text-align:center;
		overflow:hidden;
		max-width:200px;
		margin:10px auto;
	}
	.foot-dc-name {
		display:none;
	}
	.foot-dc-med-corp-name {
		display:none;
	}
	.sp-foot-dc-name {
		font-size:14px;
		color:#fff;
		text-align:center;
		margin-top:0px;
	}
	.sp-foot-dc-med-corp-name {
		font-size:14px;
		color:#fff;
		text-align:center;
		margin-top:30px;
	}
}
/*----------------------------------------------------
	基本汎用クラス
----------------------------------------------------*/
/* 電話link */
.no-link {
	pointer-events: none;
}
@media screen and (max-width:650px){
	.no-link {
		pointer-events: auto;
	}

}

/* wrapp */
.mywidth{
	width:1000px;
	margin:auto;
}
.mywidth2{
	width:1400px;
	margin:auto;
}
.content-box {
	margin-top:30px;
	padding:60px 30px;
	background:#eee;
}
@media screen and (max-width:650px){
		.mywidth{
		width:100%;
		margin:auto;
		padding:0 30px;
	}
	.mywidth2{
		width:100%;
		margin:auto;
	}
	.content-box {
		padding:30px 10px;
	}
}

/* title */
/*  greeting  */
.content-title {
	font-size:30px;
	font-weight:bold;
	writing-mode: vertical-rl;
	margin:100px auto 0;
	letter-spacing:.2em;
	border-bottom:1px solid #bbbbbb;
	padding-bottom:30px;
	position:relative;
}
.content-title span {
	font-size:15px;
	color:#ce323a;
		writing-mode: horizontal-tb;
		position:absolute;
		bottom:-70px;
		left:-8px;
		letter-spacing:0.1em;
		font-family: 'Slabo 27px', serif;
}
/*  indoor facilities treatment*/
.content-title02 {
	text-align:center;
	font-size:30px;
	font-weight:bold;
	margin:0 auto 0;
	letter-spacing:.2em;
	padding:100px 0 30px;
	position:relative;
}
.content-title02 .sub-title {
	display:block;
	font-size:15px;
	color:#ce323a;
	position:relative;
	margin:80px auto 0;
	letter-spacing:0.1em;
	font-family: 'Slabo 27px', serif;
}
.content-title02 .sub-title:before {
	content:"";
	display:inline-block;
	width:42px;
	height:1px;
	position:absolute;
	top:-35px;
	right:0;
	left:0;
	margin:auto;
	border-bottom:1px solid #dddddd;
}
/*  indoor facilities treatment*/
.content-title03 {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	margin:0 auto 0;
	letter-spacing:.2em;
	padding:80px 0 40px;
	position:relative;
	display:inline-block
}
.content-title03 span {
	font-size:15px;
	color:#ce323a;
	position:relative;
	padding-left:2em;
	margin-left:2em;
	letter-spacing:0.1em;
	font-family: 'Slabo 27px', serif;
	border-left:1px solid #bbbbbb;
	vertical-align:middle;
}
.content-title04 {
	display: flex;
	justify-content: space-between;
  font-size:20px;
  font-weight:bold;
  margin-bottom:30px;
  border-left:5px solid;
  padding-left:10px;
}
.content-title05 {
  font-size:20px;
  font-weight:bold;
  margin-bottom:30px;
  border-left:5px solid #ce323a;
  padding-left:10px;
}
@media screen and (max-width:650px){
	/*  greeting  */
	.content-title {
		font-size:22px;
		margin:55px auto 100px;
		padding-bottom:20px;
	}
	.content-title span {
		width:65px;
		bottom:-50px;
		left:-16px;
		font-size:12px;
	}
	
	/*  indoor facilities treatment*/
	.content-title02 {
		font-size:22px;
		padding:55px 0 20px;
	}
	.content-title02 .sub-title {
		font-size:12px;
		margin:40px auto 0;
		letter-spacing:0.1em;
		font-family: 'Slabo 27px', serif;
	}
	.content-title02 .sub-title:before {
		content:"";
		display:inline-block;
		width:42px;
		height:1px;
		position:absolute;
		top:-20px;
		right:0;
		left:0;
		margin:auto;
		border-bottom:1px solid #dddddd;
	}	
	/*  indoor facilities treatment*/
	.facebook .content-title03 {
		letter-spacing:.1em;
	}
	.content-title03 {
		font-size:22px;
		padding:55px 0 40px;
	}
	.content-title03 span {
		font-size:12px;
		color:#ce323a;
		position:relative;
		padding-left:1em;
		margin-left:1em;
	}	
}


/* text */
.content-text  {
	font-size:14px;
	line-height:1.9em;
}
.content-sub-text {
	font-size:12px;
}
@media screen and (max-width:650px){
	.content-text {
		font-size:14px;
		line-height:1.5em;
		letter-spacing:.1em;
	}
}


/* dl */
.content-dl {
	padding:10px 10px 20px;
}
.content-dl dt,.content-dt {
	font-size:20px;
	margin-bottom:40px;
	font-weight:bold;
}
.content-dl dd {
	font-size:14px;
	line-height:2em;
}
@media screen and (max-width:650px){
	.content-dl {
		padding:10px 30px 10px;
	}
	.content-dl dt,.content-dt {
		font-size:16px;
		margin-bottom:20px;
	}
	.content-dl dd {
		font-size:12px;
	}
}


/* ul */
.content-ul li {
	font-size:14px;
	padding:2px 0px;
	margin-left:1em;
	text-indent:-1em;
}
@media screen and (max-width:650px){
}


/* table */
.content-table {
	border-collapse: separate;
}
.content-table th,.content-table td {
	/*padding:25px 15px;	*/
	height:80px;
	vertical-align:middle;
	background:rgba(255,255,255,.9);
	color:#ce323a;
	font-weight:normal;
	text-align:center;
}
.content-table th.col-a {
}
.content-table td {
	font-size:20px;
	width:110px;
}
@media screen and (max-width:650px){
	.content-table-wrapp {
		overflow:hidden;
		overflow-x:scroll;
	}
	.content-table {
		width:1000px;
	}
	.content-table th,.content-table td {
	}
}
/* table02 */
.content-table02 {
	height:500px;
	border-collapse: collapse;
	border-top:1px solid #e5e5e5;
}
.content-table02 th,.content-table02 td {
	padding:30px 0px;	
	font-weight:normal;
	text-align:left;
	border-bottom:1px solid #e5e5e5;
}
.content-table02 th {
	width:120px;
	padding-left:20px;
}
.content-table02 td {
}
@media screen and (max-width:650px){
	.content-table02 {
	}
	.content-table02 th,.content-table02 td {
    padding: 20px 0px;
	}
	.content-table02 th {
		width:80px;
		padding-left:0px;
	}

}

/* letter-spacing */
.lts {
	letter-spacing:.2em;
}
/* border */
.border-1 {
	border:1px solid #999;
}
/* box-shadow */
.b-shadow {
	box-shadow:0px 0px 3px 2px #d6d7d7;
	-moz-box-shadow:0px 0px 3px 2px #d6d7d7;
	-webkit-box-shadow:0px 0px 3px 2px #d6d7d7;
}
/* text-shadow */
.t-shadow {
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
}
/* indent */
.indent {
	margin-left:1em;
	text-indent:-1em;
}
/* color */
.white-color{
	color:#FFF;
}
.red-color {
	color:red;
}
.white-back{
	background-color:#FFF;
}
.beige-back {
	background-color:#f3f1e7;
}
.main-color{/*--メイン文字カラー--*/
	color:#ce323a;
}
.main-back,.main-back-2{/*--メイン背景カラー--*/
	background-color:#ce323a;
}
.sub-color{/*--サブ文字カラー--*/
	color:#FFF;
}
.sub-back{/*--サブ背景カラー--*/
	background-color:#ebf6fb;
}
/*----------------------------------------------------
	アイコン icon
----------------------------------------------------*/
i.fa-facebook {
	font-size:30px;
	position:relative;
	top:2px;
	margin-right: 10px;
}
i.fa-instagram {
	font-size:30px;
	margin-right: 10px;
}
.head-phone {
	font-size:18px !important;
}
@media screen and (max-width:650px){
	.head-phone {
		font-size:34px !important;
	}
}

/*----------------------------------------------------
	リンク
----------------------------------------------------*/
.opa:hover {
	opacity:0.7;
}
/*----------------------------------------------------
	共通CSS
----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	color:#333;
	text-decoration:none;
	box-sizing:border-box;
	font-size:14px;
}
a,p,h1,h2,h3,h4,h5,h6,li,dt,dd,th,td {
	line-height:1.4em;
}
ul,ol {
	list-style:none;
}
table {
	border-collapse:collapse;
	width:100%;
}
img{
	max-width: 100%;
	height:auto;
	width:auto;
	border:none;
}
img,iframe{
	vertical-align: bottom;
}
html {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
body{
	min-width:1400px;/*背景が消えるバグ防止*/
	background-color:#FFF;
	padding-top:50px;
}
#header{
	width:100%;
}
.green-back {
	background:#12e840;
}
.orange-back {
	background:#e88d12;
}

#main-wrapp{
	padding-top:30px;
	margin:30px 0 0px;
	background-color:#fff;
	word-break: initial;
}
/*----------------------------------------
スクロールトップボタン
----------------------------------------*/
#scroll-top a {
	border-radius: 4px;
	background: url("../images/scroll-top-top.png") no-repeat scroll 50% center rgba(206,50,58, 0);
	bottom: 70px;
	display: block;
	float: right;
	height: 100px;
	padding: 0px;
	position: fixed;
	right: 30px;
	width: 100px;
	border-radius:50%;
}
@media screen and (max-width:650px){
	#scroll-top a {
		display:none;
	}
}

/*----------------------------------------
ポジション汎用
----------------------------------------*/
.relative{
	position:relative;
}
/*----------------------------------------
ディスプレイ汎用
----------------------------------------*/
.inline{
	display:inline;
}
.inline-block{
	display:inline-block;
}
.block{
	display:block;
}
/*----------------------------------------
フロート汎用
----------------------------------------*/
.fl{
	float:left !important;
}
.fr{
	float:right !important;
}
.cf:after{
	clear:both;
}
.cf{
	overflow:hidden;
}
/*----------------------------------------
バーティカルアライン汎用
----------------------------------------*/
.va-t{
	vertical-align:top !important;
}
.va-m{
	vertical-align:middle !important;
}
.va-b{
	vertical-align:bottom !important;
}
.va-base{
	vertical-align:baseline !important;
}
/*----------------------------------------
幅汎用
----------------------------------------*/
.w30{
	width:30px;
}
.w40{
	width:40px;
}
.w50{
	width:50px;
}
/*----------------------------------------
パーセント汎用
----------------------------------------*/
.par5{
	width:5%;
}
.par10{
	width:10%;
}
.par15{
	width:15%;
}
.par20{
	width:20%;
}
.par25{
	width:25%;
}
.par30{
	width:30%;
}
.par33{
	width:33%;
}
.par35{
	width:35%;
}
.par40{
	width:40%;
}
.par45{
	width:45%;
}
.par50{
	width:50%;
}
.par55{
	width:55%;
}
.par60{
	width:60%;
}
.par65{
	width:65%;
	padding-right: 4%;
}
.par70{
	width:70%;
}
.par75{
	width:75%;
}
.par80{
	width:80%;
}
.par85{
	width:85%;
}
.par90{
	width:90%;
}
.par95{
	width:95%;
}
.par100{
	width:100%;
}
/*----------------------------------------
マージン汎用
----------------------------------------*/
.ma{
	margin:auto;
}
.m5{
	margin:5px;
}
.m10{
	margin:10px;
}
.m15{
	margin:15px;
}
.m20{
	margin:20px;
}
.m25{
	margin:25px;
}
.m30{
	margin:30px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt30{
	margin-top:30px;
}
.mt100{
	margin-top:100px;
}
.mt160{
	margin-top:160px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb25{
	margin-bottom:25px;
}
.mb30{
	margin-bottom:30px;
}
.mb60{
	margin-bottom:60px;
}
.ml5{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.ml15{
	margin-left:15px;
}
.ml20{
	margin-left:20px;
}
.ml25{
	margin-left:25px;
}
.ml30{
	margin-left:30px;
}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr15{
	margin-right:15px;
}
.mr20{
	margin-right:20px;
}
.mr25{
	margin-right:25px;
}
.mr30{
	margin-right:30px;
}
/*----------------------------------------
パディング汎用
----------------------------------------*/
.pa{
	padding:auto;
}
.pt5{
	padding-top:5px;
}
.pt10{
	padding-top:10px;
}
.pt15{
	padding-top:15px;
}
.pt20{
	padding-top:20px;
}
.pt25{
	padding-top:25px;
}
.pt30{
	padding-top:30px;
}
.pb5{
	padding-bottom:5px;
}
.pb10{
	padding-bottom:10px;
}
.pb15{
	padding-bottom:15px;
}
.pb20{
	padding-bottom:20px;
}
.pb25{
	padding-bottom:25px;
}
.pb30{
	padding-bottom:30px;
}
.pb90{
	padding-bottom:90px;
}
.pl5{
	padding-left:5px;
}
.pl10{
	padding-left:10px;
}
.pl15{
	padding-left:15px;
}
.pl20{
	padding-left:20px;
}
.pl25{
	padding-left:25px;
}
.pl30{
	padding-left:30px;
}
.pr5{
	padding-right:5px;
}
.pr10{
	padding-right:10px;
}
.pr15{
	padding-right:15px;
}
.pr20{
	padding-right:20px;
}
.pr25{
	padding-right:25px;
}
.pr30{
	padding-right:30px;
}
.p5{
	padding:5px;
}
.p10{
	padding:10px;
}
.p15{
	padding:15px;
}
.p20{
	padding:20px;
}
.p25{
	padding:25px;
}
.p30{
	padding:30px;
}
/*----------------------------------------
フォントウェイト汎用
----------------------------------------*/
.tx-bold{
	font-weight:bold;
}
.tx-normal{
	font-weight:normal;
}
/*----------------------------------------
テキストアライン汎用
----------------------------------------*/
.tx-center{
	text-align:center;
}
.tx-left{
	text-align:left;
}
.tx-right{
	text-align:right;
}
/*----------------------------------------
フォントサイズ汎用 9px以下禁止
----------------------------------------*/
.f10{
	font-size:10px;
}
.f12{
	font-size:12px;
}
.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:22px;
}
.f24{
	font-size:24px;
}
.f26{
	font-size:26px;
}
.f28{
	font-size:28px;
}
.f30{
	font-size:30px;
}
.f30{
	font-size:30px;
}
.f32{
	font-size:32px;
}
.f34{
	font-size:34px;
}
.f36{
	font-size:36px;
}
.f38{
	font-size:38px;
}
.f40{
	font-size:40px;
}

/*----------------------------------------
ナビゲーションSP(ヘッダー)
----------------------------------------*/
#head-navi-sp{
	position:fixed;
	width:100%;
	top:0;
	padding:30px 15px 15px;
	z-index:999;
	background:rgba(255,255,255,.9);
}
#head-navi{
	display:none;
	padding-top:10px;
	padding-right:5px;
}
#head-navi .plrpar {
	padding: 0 23%;
}
#head-navi  ul {
	width: 45%;
}
#head-navi  li {
	list-style:none;
}
#head-navi li a {
	font-size:16px;
	display: block;
	color: #ce323a;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align:center;
}
#head-navi li a:hover {
	opacity:0.5;
}
@media screen and (max-width:650px){
	#head-navi-sp{
		padding:10px;
	}
	#head-navi .plrpar {
		padding: 0 0;
	}
	#head-navi > li > a {
		font-size:14px;
	}
}

/*----------------------------------------
ナビゲーションSP(フッター)
----------------------------------------*/
#foot-navi-sp > .ul-wrap > ul {
	margin-top:30px;
}
#foot-navi-sp > .ul-wrap > ul > li > a {
	display: block;
	color: #cf3239;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	position:relative;
}
#foot-navi-sp > .ul-wrap > ul > li > a:after {
	content:"\f0da";
	font-family:"FontAwesome";
	display:inline-block;
	color: #cf3239;
	position:absolute;
	right:15px;
	top:30%;
}
#foot-navi-sp > .ul-wrap > ul > li {
	border-top: 1px dotted #cf3239;
	background: #fff;
}
#foot-navi-sp > .ul-wrap > ul > li:first-child {
	border-top: none;
}
#foot-navi-sp > .ul-wrap > ul > li > a:hover {
	opacity:0.5;
}

/*----------------------------------------
スマホ出しわけ
----------------------------------------*/
.sp-only{
	display:none !important;
}
.pc-only{
	display:block;
}
.pc-only.col{
	display:table-cell;
}
.pc-only.col-wrapp{
	display:table;
}
.pc-only.flex{
	display:flex;
}
/*----------------------------------------------------
	カラム操作
----------------------------------------------------*/
.col-wrapp{
	display:table;
	width:100%;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing:5px 0px;
}
.col{
	display:table-cell;
	vertical-align: top;
}
.col img{
	max-width: 100%;
	height:auto;
	border:none;
}
.ng-margin5 > .col-wrapp{
	border-spacing:5px 0px !important;
}
.ng-margin10 > .col-wrapp{
	border-spacing:10px 0px !important;
}
.ng-margin15 > .col-wrapp{
	border-spacing:15px 0px !important;
}
.ng-margin20 > .col-wrapp{
	border-spacing:20px 0px !important;
}
.ng-margin25 > .col-wrapp{
	border-spacing:25px 0px !important;
}
.ng-margin30 > .col-wrapp{
	border-spacing:30px 0px !important;
}
.ng-margin35 > .col-wrapp{
	border-spacing:35px 0px !important;
}
.ng-margin40 > .col-wrapp{
	border-spacing:40px 0px !important;
}
.ng-margin5{
	margin-left:-5px;
	margin-right:-5px;
}
.ng-margin10{
	margin-left:-10px;
	margin-right:-10px;
}
.ng-margin15{
	margin-left:-15px;
	margin-right:-15px;
}
.ng-margin20{
	margin-left:-20px;
	margin-right:-20px;
}
.ng-margin25{
	margin-left:-25px;
	margin-right:-25px;
}
.ng-margin30{
	margin-left:-30px;
	margin-right:-30px;
}
.ng-margin35{
	margin-left:-35px;
	margin-right:-35px;
}
.ng-margin40{
	margin-left:-40px;
	margin-right:-40px;
}
/*=============
flex-box汎用 
=============*/
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.sample {
	height:500px;
}
.sample li {
	width:200px;
	overflow:hidden;
}
.sample li a {
  display: flex;
	 justify-content:center; /*-- 中央寄せ --*/
 align-items:center; /*-- 中央寄せ --*/
}
.sample li a img {
	max-width:150px;
}
.no1 {
	order:7;
	flex-grow:5;
}
.no2 {
	order:2;
	flex-grow:1;
}
.no3 {
	order:3;
}
.no4 {
	order:4;
}
.no5 {
	order:5;
}
.no6 {
	order:6;
}
.no7 {
	order:1;
}

/*===コンテンツの配置方向 ===*/
.row {
  flex-direction:row; /*-- 左から --*/
}
.row-r {
  flex-direction:row-reverse; /*-- 右から --*/
}
.column {
  flex-direction:column; /*-- 上から --*/
}
.column-r {
  flex-direction:column-reverse; /*-- 下から --*/
}
/*===コンテンツの折返し===*/
.wrap {
  flex-wrap:wrap; /*-- 折返す --*/
}
.wrap-r {
  flex-wrap:wrap-reverse; /*-- 逆から折返す --*/
}
.no-wrap {
  flex-wrap:nowrap; /*-- 折返さない --*/
}
/*===コンテンツの水平方向揃え ===*/
.flex-left {
  justify-content:flex-start; /*-- 左寄せ --*/
}
.flex-right {
  justify-content:flex-end; /*-- 右寄せ --*/
}
.flex-center {
  justify-content:center; /*-- 中央寄せ --*/
}
.flex-space-b {
  justify-content:space-between; /*-- 均等にスペースを空け外寄せ --*/
}
.flex-space-a {
  justify-content:space-around; /*-- 均等にスペースを空け内寄せ --*/
}
/*===コンテンツの垂直方向揃え ===*/
.flex-top {
 align-items:flex-start; /*-- 上寄せ --*/
}
.flex-middle {
 align-items:center; /*-- 中央寄せ --*/
}
.flex-bottom {
 align-items:flex-end; /*-- 下寄せ --*/
}

@media screen and (max-width:650px){
  .sp-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  /*===コンテンツの配置方向 ===*/
  .sp-row {
    flex-direction:row; /*-- 左から --*/
  }
  .sp-row-r {
    flex-direction:row-reverse; /*-- 右から --*/
  }
  .sp-column {
    flex-direction:column; /*-- 上から --*/
  }
  .sp-column-r {
    flex-direction:column-reverse; /*-- 下から --*/
  }
  /*===コンテンツの折返し===*/
  .sp-wrap {
    flex-wrap:wrap; /*-- 折返す --*/
  }
  .sp-wrap-r {
    flex-wrap:wrap-reverse; /*-- 逆から折返す --*/
  }
  .sp-no-wrap {
    flex-wrap:nowrap; /*-- 折返さない --*/
  }
  /*===コンテンツの水平方向揃え ===*/
  .sp-flex-left {
    justify-content:flex-start; /*-- 左寄せ --*/
  }
  .sp-flex-right {
    justify-content:flex-end; /*-- 右寄せ --*/
  }
  .sp-flex-center {
    justify-content:center; /*-- 中央寄せ --*/
  }
  .sp-flex-space-b {
    justify-content:space-between; /*-- 均等にスペースを空け外寄せ --*/
  }
  .sp-flex-space-a {
    justify-content:space-around; /*-- 均等にスペースを空け内寄せ --*/
  }
  /*===コンテンツの垂直方向揃え ===*/
  .sp-flex-top {
   align-items:flex-start; /*-- 上寄せ --*/
  }
  .sp-flex-middle {
   align-items:center; /*-- 中央寄せ --*/
  }
  .sp-flex-bottom {
   align-items:flex-end; /*-- 下寄せ --*/
  } 
}/*-- sp end --*/
/*-- flex end--*/

/*===============================================
スマフォ画面の横幅が650pxまで
===============================================*/
@media screen and (max-width:650px){
	img{
		max-width: 100%;
		height: auto;
		width:auto;
	}
	body{/*mywidthが100%になるタイミングとセット*/
		min-width:1px;
		overflow-x : hidden;
		overflow-y : auto;
		word-break: break-all;
	}
	.pc-only{
		display:none !important;
	}
	.sp-only{
		display:block !important;
	}
	.sp-only.col-wrapp{
		display:table !important;
	}
	.sp-only.col{
		display:table-cell !important;
	}
	.sp-tx-center{
		text-align:center;
	}
	.sp-tx-left{
		text-align:left;
	}
	.sp-tx-right{
		text-align:left;
	}
	.col.change650{
		display:block !important;
		width:100% !important;
	}
	.sp-par100 {
		width:100%;
	}
	.sp-mt0 {
		margin-top:0px;
	}
	.sp-mt10 {
		margin-top:10px;
	}
	.sp-mt20 {
		margin-top:20px;
	}
	.sp-mt30 {
		margin-top:30px;
	}
	.sp-ml0{
		margin-left: 0;
	}
	.sp-pl0{
		padding-left:0;
	}

}
.translate {
	display: inline-block;
	vertical-align: bottom;
}
.translate select {
	font-size: 16px;
	padding: 5px 10px;
	border: 1px solid #f3f1e7;
	border-radius: 0;
	cursor: pointer;
}

.translate select option{
    color: #000000;
}

.translate select:required:invalid {
    color: grey;
}

.img-wrap img ~ iframe {
	width: 320px;
	height: 205px;
	margin-top: 20px;
}
#history {
	background-color: #F3F1E7;
	padding: 0 0 120px;
}
#history .history-wrap {
	width: 100%;
	max-width: 823px;
	margin: 46px auto 0;
}

#history .history-wrap .slick-arrow {
	top: 46.1%;
	width: auto;
	height: auto;
	border: solid #8D161C;
	transform: translateY(-50%) rotate(135deg);
	border-width: 0 2px 2px 0;
	padding: 7px;
}
#history .history-wrap .slick-prev {
  left: -52px;
}
#history .history-wrap .slick-next {
	transform: translateY(-50%) rotate(315deg);
	right: -51px;
}
#history .history-wrap .slick-prev:before, 
#history .history-wrap .slick-next:before {
	content: none;
}
#history .history-wrap .slick-dots {
	bottom: -12px;
}
#history .history-wrap .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 3px;
}
#history .history-wrap .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
}
#history .history-wrap .slick-dots li button:before {
	content: "";
	width: 10px;
	height: 10px;
	background-color: #d3d0c0;
	border-radius: 50%;
}
#history .history-wrap .slick-dots li.slick-active button:before {
	opacity: 1;
  background-color: #8D161C;
}
#history .history-wrap .history-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#history .history-wrap .history-box .history-left {
	width: 240px;
	margin-right: 62px;
	margin-top: 33px;
}
#history .history-wrap .history-box .history-photo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: #C9C9C9;
	margin-bottom: 13px;
}
#history .history-wrap .history-box .history-name {
	text-align: center;
	font-size: 12px;
	color: #333333;
}
#history .history-wrap .history-box .history-right {
	width: calc(100% - 302px);
	color: #616161;
}
#history .history-wrap .history-box .history-right .history-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
#history .history-wrap .history-box .history-right .history-sub {
	font-size: 14px;
	margin-bottom: 68px;
	line-height: 1.9;
} 
#history .history-wrap .history-box .history-right .history-list {
	display: flex;
	flex-wrap: wrap;
}
#history .history-wrap .history-box .history-right .history-list li {
	width: calc(100%/2 - 20px);
}
#history .history-wrap .history-box .history-right .history-list li:not(:nth-child(2n)) {
	margin-right: 40px;
}
#history .history-wrap .history-box .history-right .history-list li .history-photo {
	height: 266px;
	margin-bottom: 10px;
}
@media screen and (max-width:650px){
	#head-navi-sp{
		box-sizing: border-box;
	}
	#head-navi-sp .col-wrapp {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#head-navi-sp .col-wrapp .w40 {
		position: relative;
	}
	#history {
		padding-bottom: 80px;
	}
	#history .history-wrap  {
		width: 90%;
	}
	#history .history-wrap .slick-prev {
		left: -20px;
	}
	#history .history-wrap .slick-next {
		right: -20px;
	}
	#history .history-wrap .history-box .history-left {
		width: 100%;
		margin: 0 0 20px;
	}
	#history .history-wrap .history-box .history-right {
		width: 100%;
	}
	#history .history-wrap .history-box .history-right .history-sub {
		margin-bottom: 30px;
	}
	#history .history-wrap .history-box .history-right .history-list {
		justify-content: space-between;
	}
	#history .history-wrap .history-box .history-right .history-list li:not(:nth-child(2n)) {
		margin: 0 0 20px;
	}
	#history .history-wrap .history-box .history-right .history-list li .history-photo {
		height: 150px;
	}
	#history .history-wrap .history-box .history-photo img{
		max-height: 150px;
	}
}

.flex-wrap {
	width: 100%;
	position: relative;
}
.flex-wrap.collagen-wrap {
	padding: 30px;
}
.flex-wrap .tab-list,
.flex-wrap .tab-list-more {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	top: 10px;
	right: 0;
}
.flex-wrap .tab-list-more {
	top: 5px;
}
.flex-wrap .tab-list li,
.flex-wrap .tab-list-more li {
	position: relative;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.flex-wrap .tab-list-more li  {
	color: #000;
}
.flex-wrap .tab-list li:first-child ,
.flex-wrap .tab-list-more li:first-child{
	margin-right: 15px;
}
.flex-wrap .tab-list li:first-child:before ,
.flex-wrap .tab-list-more li:first-child:before{
	content: "/";
	position: absolute;
	top: 0;
	right: -12px;
	font-size: 18px;
	color: #fff;
}
.flex-wrap .tab-list-more li:first-child:before {
	color: #000;
}
.flex-wrap .tab-list li.active {
	border-bottom: 1px solid #fff;
}
.flex-wrap .tab-list-more li.active {
	border-bottom: 1px solid #000;
}
.tab-box {
	display: none;
}
.tab-box.showTab {
	display: block;
}
.flex .content-left {
	display: flex;
	flex-direction: column;
}
.flex .content-left .btn-001 {
	margin-top: auto;
}
@media screen and (min-width: 651px) {
	.flex .content-left {
		width: 60%;
		margin-right: 5%;
	}
	.flex .content-left .btn-001 {
		width: 46.8%;
	}
	.flex-wrap.collagen-wrap .par40 {
		width: 29.5%;
	}
	.flex-wrap.collagen-wrap .content-text {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
	}
}
@media screen and (max-width: 650px) {
	.flex-wrap.collagen-wrap {
		padding: 30px 0 0;
		margin-bottom: 10px;
	}
	.flex-wrap .tab-list-more {
		top: 0;
	}
}