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

body {
	margin:0 0;
	line-height:1.7em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
@media screen and (min-width: 750px) {
.imagebghd{
    width:100%;
    padding:100px 0;
    background-image: url("../images/header_pc.jpg");
    background-size: cover;
    height:500px;
    background-attachment: fixed;
    }
}
.hpb {
    width:100%;
    text-align: center;
    margin-bottom:40px;
}

.copy {
    width:100%;
    text-align:center;
    font-size:36px;
    font-family: 'Noto Serif JP', serif;
    margin:200px 0 40px;
    letter-spacing: 6px;
}
.title {
    width:100%;
    text-align:center;
    font-size:24px;
    font-family: 'Noto Serif JP', serif;
}
.lead-bg {
    background-color: #F6F6F6;
    padding:100px 0;
}
.content {
    width:1100px;
    margin:0 auto;
}
h1 {
    width:800px;
    margin:80px auto;
    text-align: center;
    font-size:24px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 6px;
    font-weight: normal;
    line-height: 200%;
}
#lead {
    line-height: 200%;
    width:800px;
    margin:0 auto 80px;
    font-family: 'Noto Serif JP', serif;
}
.subtitle {
    margin:0 auto 20px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 12px;
    font-size:18px;
}
.subtitle-line {
    margin:0 auto 40px;
    width:60px;
    border-bottom: solid 5px #000;
}
.subtitle-w {
    margin:0 auto 20px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 12px;
    font-size:24px;
    color:#fff;
}
.subtitle-line-w {
    margin:0 auto 40px;
    width:60px;
    border-bottom: solid 5px #fff;
}
.treatment{
    width:100%;
    background-image: url("../images/image01.jpg");
    background-size: cover;
}
.treatment-txt {
    width:40%;
    margin:0 auto 80px;
    font-family: 'Noto Serif JP', serif;
    line-height: 200%;
    float: right;
    padding:100px 10% 50px;
}
.treatment-image {
    width:40%;
    float: left;
}
.treatment-image img{
    width:100%;
    height:auto;
    vertical-align: bottom;
}
.image{
    width:100%;
    height:auto;
}
.image img {
    width:100%;
    height:auto;
    vertical-align: bottom;
}
@media screen and (min-width: 750px) {
.imagebg01{
    width:100%;
    padding:100px 0;
    background-image: url("../images/image04.jpg");
    background-size:cover;
    height:300px;
    background-attachment: fixed;
}
.imagebg02{
    width:100%;
    padding:100px 0;
    background-image: url("../images/image05.jpg");
    background-size: cover;
    height:300px;
    background-attachment: fixed;
}
}
.t-menu{
    width:100%;
    padding:100px 0;
    background-image: url("../images/image03.jpg");
    background-size: cover;
}
.t-menu-txt {
    width:1100px;
    margin:0 auto;
    font-family: 'Noto Serif JP', serif;
    line-height: 200%;
}
.t-menu-lineup {
    width:320px;
    margin-top:30px;
    float:left;
    font-size:14px;
}
.t-menu-lineup-margin {
    margin-left:70px;
    margin-right:70px;
}
.t-menu-title {
    width:200px;
    height:135px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size:22px;
    margin-bottom:40px;
    border:solid 1px #666;
    margin:0 auto 40px;
    border-radius: 100px;
    padding-top:65px;
}
.profile{
    width:100%;
}
.profile-txt {
    width:800px;
    margin:0 auto;
    font-family: 'Noto Serif JP', serif;
    line-height: 200%;
    padding:200px 0;
}
.profile-photo {
    text-align: center;
    width:100%;
    margin-bottom:20px;
}
.voice{
    width:100%;
    padding:100px 0;
    background-color: #f6f6f6;
}
.voice-txt {
    width:1100px;
    margin:0 auto 80px;
    font-family: 'Noto Serif JP', serif;
    line-height: 200%;
}
.voice-lineup {
    width:320px;
    margin-top:30px;
    float:left;
    font-size:14px;
}
.voice-lineup-margin {
    margin-left:70px;
    margin-right:70px;
}
.voice-title {
    width:100%;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size:22px;
    margin-bottom:40px;
    left:-20px;
    position:relative;
}
.voice-title img {
    position:relative;
    top:5px;
    margin-right:10px;
}
.about {
    width:100%;
    background-color: #f6f6f6;
}
.map {
    float:left;
    width:50%;
}
.about-content {
    width:30%;
    float:right;
    padding:10%;
    font-family: 'Noto Serif JP', serif;
    font-size:80%;
}
table {
	border-width: 1px;
} 
table th {
	padding: 8px 4px;
	border-bottom:solid 1px #eee;
	color:#000;
	width:20%;
	font-weight:normal;
    text-align: left;
	
}
table td {
	padding: 20px 4px;
	border-bottom:solid 1px #eee;
	padding-left:20px;
	
}

#conv {
  position: fixed;
  width: 160px;
  height: 160px;
  text-align: center;
  line-height: 160px;
  right:40px;
  bottom: 40px;
  margin-left:-100px;
  display: block;
  background-color:#000;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size:14px;
  border-radius: 80px;
    opacity: 0.7;
}
#conv:hover{
  background: rgba(0,102,204,.8);
}
.sp-hide{
    display: none;
}

@media screen and (max-width: 750px) {
  .sp-hide{
    display: block;
}
  
.imagebghd{
    width:100%;
    padding:100px 0;
    background-image: url("../images/header_sp.jpg");
    background-size: cover;
    background-position: right bottom;
    
}
.copy {
    width:100%;
    text-align:center;
    font-size:24px;
    font-family: 'Noto Serif JP', serif;
    margin:40px 0 40px;
    letter-spacing: 6px;
    line-height: 160%;
}
.title {
    width:100%;
    text-align:center;
    font-size:16px;
    font-family: 'Noto Serif JP', serif;
    margin-bottom:100px;
}
.lead-bg {
    background-color: #F6F6F6;
    padding:100px 0;
}
.content {
    width:100%;
    margin:0 auto;
}
h1 {
    width:90%;
    margin:80px auto;
    text-align: center;
    font-size:20px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 6px;
    font-weight: normal;
    line-height: 200%;
}
#lead {
    line-height: 200%;
    width:90%;
    margin:0 auto 80px;
    font-family: 'Noto Serif JP', serif;
}
.subtitle {
    margin:0 auto 20px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 12px;
    font-size:18px;
}
.subtitle-line {
    margin:0 auto 40px;
    width:60px;
    border-bottom: solid 5px #000;
}
.subtitle-w {
    margin:0 auto 20px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 12px;
    font-size:24px;
    color:#fff;
}
.subtitle-line-w {
    margin:0 auto 40px;
    width:60px;
    border-bottom: solid 5px #fff;
}
.treatment{
    width:100%;
    background-image: url("../images/image01_sp.jpg");
    background-size: cover;
    background-position: left;
    
}
.treatment-txt {
    width:90%;
    margin:0 5% 80px;
    font-family: 'Noto Serif JP', serif;
    line-height: 200%;
    padding:100px 0 50px;
}

.image{
    width:100%;
    height:auto;
}
.image img {
    width:100%;
    height:auto;
    vertical-align: bottom;
}

.imagebg02{
width:100%;
    padding:100px 0;
    background-image: url("../images/image05_sp.jpg");
    background-size: cover;
    background-position: right bottom;
    height:50vh;
}
.t-menu{
    width:100%;
    padding:100px 0;
    background-image: url("../images/image03_sp.jpg");
    background-size: cover;
    background-position: right bottom; 
}
.t-menu-txt {
    width:90%;
    margin:0 5% 80px;
    font-family: 'Noto Serif JP', serif;
    line-height: 200%;
}
.t-menu-lineup {
    width:100%;
    margin-top:30px;
    font-size:14px;
    margin-bottom:80px;
}
.t-menu-lineup-margin {
    margin-left:0px;
    margin-right:0px;
}
.t-menu-title {
    width:200px;
    height:135px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size:22px;
    margin-bottom:40px;
    border:solid 1px #666;
    margin:0 auto 40px;
    border-radius: 100px;
    padding-top:65px;
}
.profile-txt{
    width:100%;
}
.profile-txt {
    width:90%;
    margin:0 5%;
    font-family: 'Noto Serif JP', serif;
    line-height: 200%;
    padding:100px 0;
}
.profile-photo {
    text-align: center;
    width:100%;
    margin-bottom:20px;
}
.voice{
    width:100%;
    padding:100px 0 10px;
    background-color: #f6f6f6;
}
.voice-txt {
    width:90%;
    margin:0 5% 80px;
    font-family: 'Noto Serif JP', serif;
    line-height: 200%;
}
.voice-lineup {
    width:100%;
    margin-top:30px;
    font-size:14px;
    margin-bottom:80px;
}
.voice-lineup-margin {
    margin-left:0px;
    margin-right:0px;
}
.voice-title {
    width:100%;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size:22px;
    margin-bottom:40px;
    left:0px;
    position:relative;
}
.voice-title img {
    position:relative;
    top:5px;
    margin-right:10px;
}
.about {
    width:100%;
    background-color: #f6f6f6;
}
.map {
    width:90%;
    margin:0 5% 20px;
}
.about-content {
    width:90%;
    padding:5%;
    font-family: 'Noto Serif JP', serif;
    font-size:80%;
}
table {
	border-width: 1px;
} 
table th {
	padding: 8px 4px;
	border-bottom:solid 1px #eee;
	color:#000;
	width:20%;
	font-weight:normal;
    text-align: left;
}
table td {
	padding: 20px 4px;
	border-bottom:solid 1px #eee;
	padding-left:20px;
	
}

#conv {
  position: fixed;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  right:20px;
  bottom: 20px;
  margin-left:-100px;
  display: block;
  background-color:#000;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size:10px;
  border-radius: 40px;
    opacity: 0.7;
}
#conv:hover{
  background: rgba(0,102,204,.8);
}
.hpb {
    width:70%;
    text-align: center;
    margin:0 15% 40%;
}
}