@charset "UTF-8";
/* CSS Document */


/*画像中心*/
.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.img-centered {
  margin:0 auto
}


/*文字はみ出し対策*/
# { word-wrap:break-all;}

/*floatの解除*/
.clear {
  clear:both;
}
/*背景色指定*/
.back_cream {
  background-color:#FFFDE5;
}
/*上部余白*/
.topspace{
  margin:50px 0 0 0;
  padding:0;
}
/*マージンからはみ出す*/
.top_hamidashi{
  margin-top:-25px;
}
/*一部分下げる*/
.sage95{
  margin:105px 0 0 0;
  padding:0 0 0 20px;
}

.yokonarabi {
  margin:0 20px 0 0;
display:inline-block
}

/************************************************************** 
【ナビバー(bootstrap) 】 
**************************************************************/ 

.icon-bar {
  color: #6064A7;
  border-color: #6064A7;
  background-color: #6064A7;
}

/* ☆ナビバー*/
.navbar-back {
  background-color:rgba(255,255,255,0.9);
  padding:0;
	font-family :
	YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;
  font-weight:bold;}

.navbar-linebox {
	border-bottom:4px solid #F8B625;
  padding:0 0 105px 0;
margin:0;}

.navbar-brand {
  float:left;
  margin: 30px 0 20px 0;
  background: url("../img/logo.svg") no-repeat center;
  background-size: contain;
  height: 60px;
  width: 500px;}
.topnav-btn>li>a {
  float:right;
  color:#ffffff;
  padding:5px;
  font-size:12px;
  background-color:#6064A7;
  display:inline;}
.topnav-btn>li>a:hover {color:#ffffff;
  padding:5px;
  font-size:12px;
  background-color:#8B9BCE;
  display:inline;}
.topnav-btn {
  padding:45px 10px 0 0;}



@media (max-width: 992px) {
.navbar-back {
  background-color:rgba(255,255,255,0.9);
  padding-top:0;
	font-family :
	YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;
  font-weight:bold;}
	
.navbar-linebox {
	border-bottom:4px solid #F8B625;
  padding:0 0 60px 0;
margin:0;}
	
.navbar-linebox2 {
	border-bottom:4px solid #F8B625;
  padding:0 0 10px 0;
margin:0;}

.navbar-brand {
  float:left;
  margin: 10px 0 10px 0;
  background: url("../img/logo.svg") no-repeat center;
  background-size: contain;
  height: 30px;
  width: 250px;}
.topnav-btn {
  padding:10px 10px 0 0;}
}



/************************************************************** 
【ヘッダー高さ】 
**************************************************************/ 
header{
  margin:0 auto;
  width:auto;
  padding:0;}
#top_cover {
  margin: 130px 0 15px 0;
  width:auto;}
#top_cover2 {
  margin: 130px 0 15px 0;
  width:auto;}
.cream {
  background:#FFFEEE;
}
#cover {
  margin:0;
  padding:0;}

#cover img {
  margin:0;
  padding:0;}


@media (max-width: 992px) {
header{
  margin:0 auto;
  width:auto;
  padding:0;}
#top_cover {
  margin: 60px 0 0 0;
  width:auto;}
#top_cover2 {
  margin: 80px 0 0 0;
  width:auto;}}

/************************************************************** 
【タイトル】 
**************************************************************/ 

.title {
  margin:0 0 60px 0;
  padding:0;
}
#about-title {
  margin:0 0 10px 0;
  padding:0;
}
#reliable-title {
  margin:50px 0 60px 0;
  padding:100px 0 0 0;
  border-top:1px dotted #49BCBD;
}
#message-title {
  margin:50px 0 10px 0;
  padding:100px 0 0 0;
  border-top:1px dotted #49BCBD;
}

.head_space {
  height:90px;
}

@media (max-width: 750px) {
#reliable-title {
  padding:50px 0 0 0;
}
#message-title {
  padding:50px 0 0 0;
}	
}


/************************************************************** 
【アバウトアス】 
**************************************************************/ 

.aboutus {
  margin:0;
  padding:45px;
  background: url("../img/background.svg") no-repeat;
background-size:25% auto;
overflow: auto;
}
.about {
  margin:0;
  padding:45px;
overflow: auto;
}
.about-right {
  float:right;
  margin:0;
  padding: 0 0 45px 0;
}
.box1 {
  margin-right:20px;
  display: inline-block;
}
.box2 {
  margin-right:45px;
  display: inline-block;
}

.member_frame {
  margin:0;
  padding:0;
	border:1px solid #32A5DE;
}
.check_frame {
  margin:0;
  padding:0;
	border:1px solid #A6CE66;
}

@media (max-width: 750px) {
.aboutus {
  padding:25px;
  }
.about {
  padding:25px;
}
}

/************************************************************** 
【ニュースレター】 
**************************************************************/ 
.newsletter {
  margin:20px 0 0 0;
  padding:40px 0 30px 0;
  overflow: auto;
  border-top: 1px solid #00244F;
}

/************************************************************** 
【会員施設】 
**************************************************************/ 
.member {
  margin-bottom:35px;
  padding:0;
overflow: auto;
}
.member th{
  padding-right:5px;}

@media (max-width: 750px) {
.smp-center{
  margin:0 auto;}
}

/************************************************************** 
【データ】 
**************************************************************/ 
.data {
  margin:0;
  padding:40px 40px 40px 40px;
overflow: auto;
}
.blue-frame {
  margin:0 0 40px 0;
  padding:15px 15px 7px 15px;
	border: 1px solid #0068B7;
overflow: auto;
}
.border-top {
  margin-top:10px;
  padding-top:20px;
	border-top: 1px solid #00244F;
}
.data img {
 vertical-align:middle;
}
@media (max-width: 750px) {
.data {
  padding:20px;
  }
}
/************************************************************** 
【コラム】 
**************************************************************/ 

.column {
  margin:0;
  padding:40px 40px 40px 40px;
overflow: auto;
}
@media (max-width: 750px) {
.column {
  padding:20px;
  }
}
/************************************************************** 
【患者さまからのメッセージ】 
**************************************************************/ 

.voice {
  margin:0;
  padding:40px 40px 40px 40px;
overflow: auto;
	border-top: 1px solid #231815;
	border-bottom: 1px solid #231815;
}
@media (max-width: 750px) {
.voice {
  padding:20px;
overflow: auto;
	border-top: 1px solid #231815;
	border-bottom: 1px solid #231815;
  }
}
/************************************************************** 
【QandA】 
**************************************************************/ 

.qa {
  margin:0;
  padding:25px 40px 40px 40px;
overflow: auto;
}
.qa_btn {
  margin-top:10px;
  padding:0;
}
@media (max-width: 750px) {
.qa {
  padding:20px;
  }
}

/************************************************************** 
【安心の条件】 
**************************************************************/ 

.reliable {
  margin:0;
  padding:25px 0 25px 0;
  border-top: 1px solid #595757;
overflow: auto;
}
/************************************************************** 
【チェックリスト】 
**************************************************************/ 

.check {
  margin:0;
  padding:25px 40px 40px 40px;
overflow: auto;
}
@media (max-width: 750px) {
.check {
  padding:20px;
  }
}
/************************************************************** 
【404スペース】 
**************************************************************/ 

#space {
  margin:300px 0 200px 0;
  width:auto;
}