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

/*font*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #534741;
}

.clr {
	clear: both;
}

a {
	text-decoration: none;
	color: #ff3c99;
}

a:hover {
	text-decoration: underline;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
a img:hover{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	line-height: 1.8;
}

a[href^="tel:"] {
    pointer-events: none;
}

.br-sp { display: none; }


.switch {
    visibility: hidden;
}

.marker1 {
	background: linear-gradient(transparent 40%, #ffff7f 40%);
	font-weight: bold
}
.title-img {
	margin-top: 20px;
}

/*header*/
#header {
	border-bottom: solid 1px #f4f0ee;
}
#header .top-wrap {
	background-color: #e8ddd9;
}
#header .top-box {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 5px 0;
}
#header .top-box .tel {
	float: left;
	font-family: 'Josefin Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header .top-box .telnum {
	font-weight: bold;
	font-size: 1.1em;
}
#header .top-box .fb {
	float: right;
}
#header .head-wrap {
	width: 980px;
	margin: 0px auto;
}
#header .head-wrap .logo {
	float: left;
}
#header .head-wrap .logo h1 {
	margin: 10px 0 0;
	padding: 0px;
}
#header .nav-box {
	width: 100%;
	max-width: 690px;
	padding: 0;
	float: right;
	margin: 10px auto 5px auto;
}
#header .nav-box ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center
}
#header .nav-box li {
	float: left;
	margin: 0 2% 0 0;
	width: 11%;
	color: #534741;
	text-align: center;
	line-height: 1.2em;
	font-weight: 600;
	font-size: 1.2em;
	font-family: 'Josefin Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}
#header .nav-box .nav-link {
	display: block;
}
#header .nav-box .navruby {
	font-size: 10px;
	font-weight: normal;
}
#header .nav-box a.nav-btn {
	display: block;
	border-bottom: 1px solid;
	color: #534741;
	padding: 10px 0;
	text-decoration: none;
	margin-top: 10px;
}
#header .nav-box a.nav-btn:hover {
	border-bottom: #ffc1c1 1px solid;
	color: #ffc1c1;
}
#header .nav-box li:last-child {
	margin: 0 0 0 10px;
}
#header .nav-box li:last-child a img{
	border: 1px solid #f5ede6;
}
#header .nav-box li:last-child a img:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	border: 1px solid #534741;

}
#toggle{ 
 display: none;
}
#header .nav-box .sp-btn {
	display: none;
}


/*footer*/
#footer {
	width: 100%;
}
#footer a {
	color: #534741;
}
#footer a img:hover {
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#footer .footernav-wrap {
	background-color: #e8ddd9;
}
#footer .footernav-box {
	width: 980px;
	margin: 0 auto;
	padding: 15px 0;
}
#footer .footernav-left {
	float: left;
}
#footer .footernav-left ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#footer .footernav-left li {
	line-height: 170%;
	margin: 5px 0;
}
.sample::before{
left: 3px;
width: 4px;
height: 4px;
border-top: 2px solid #ff3c99;
border-right: 2px solid #ff3c99;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow{
position: relative;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

#footer .footernav-link {
	width: 410px;
	padding-left: 10px;
}

#footer .footerbnr {
	float: left;
	width: 200px;
	margin: 7px 0 0 10px;
}
#footer .footernav-right {
	float: right;
}

#footer .copy-wrap {
	background-color: #ffc1c1;
}
#footer .copy-box  {
	width: 980px;
	margin: 0 auto;
	padding: 13px 0 10px 0;
	text-align: right;
}



/*pagetop*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
}
.pagetop a:hover {
    display: block;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
/* pankuzulist */
.pankuzu {
	margin: 10px auto;
	width: 980px;
}
ol.topic {
	margin: 0;
	padding: 7px 5px;
	list-style-type: none;
}
ol.topic li {
	padding-left: 5px;
	display: inline;
}
ol.topic li.first {
	padding: 0 5px 0 5px;

}
ol.topic li:nth-child(n+2) {
	padding-left: 13px;
	background-image: url(../images/topic_left.png);
	background-repeat: no-repeat;
	background-position: left;
}


/*main*/
#main {
	width: 980px;
	margin: 40px auto 50px auto;
	line-height: 1.8em;
}
#menu p {
	margin: 10px 0;
}

#menu .title {
	text-align: center;
}
#menu .ruby  {
	font-size: 12px;
	margin-left: 10px;
	font-family: "Noto Sans JP";
	font-weight: 400;
}
#menu .beauty {
	margin: 40px auto 0 auto;
	text-align: center;
}
#menu .beauty h3 {
	margin: 10px 0 0;
	color: #b199ff;
	font-size: 3.2em;
	font-style: normal;
	font-weight: 300;
	font-family: 'Josefin Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#menu .etc {
	margin: 40px auto 0 auto;
	text-align: center;
}
#menu .etc h3 {
	margin: 10px 0 0;
	color: #76CAF2;
	font-size: 3.2em;
	font-style: normal;
	font-weight: 300;
	font-family: 'Josefin Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#menu .course  {
	border: 2px solid #e8ddd9;
	padding: 15px;
	margin: 30px 0 0 0;
	text-align: left;
}

#menu .menu-name .icon1  {
	background-color: #86CAB6;
	margin-right: 5px;
	font-size: 0.85em;
	font-weight: 300;
	padding: 0 20px;
}
#menu .menu-name .icon2  {
	background-color: #F9DFE6;
	margin-right: 5px;
	font-size: 0.85em;
	font-weight: 300;
	padding: 0 20px;
}
#menu .menu-name .icon3  {
	background-color: #FFFADC;
	margin-right: 5px;
	font-size: 0.85em;
	font-weight: 300;
	padding: 0 20px;
}
#menu .menu-name .icon4  {
	background-color: #DAC290;
	margin-right: 5px;
	font-size: 0.85em;
	font-weight: 300;
	padding: 0 20px;
}
#menu .menu-name .icon5  {
	background-color: #77ed8e;
	margin-right: 5px;
	font-size: 0.85em;
	font-weight: 300;
	padding: 0 20px;
}

#menu .menu-name  {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 10px;
	font-size: 1.3em;
	border-bottom: 1px solid #e8ddd9;
	padding: 5px 0 10px 0;
	font-weight: 400;
	letter-spacing: 1px;
}
#menu .course .menu-img {
	float: left;
	margin-right: 15px;
}
#menu .course .menu-txt {
	float: left;
	width: 750px;
}
#menu .tct {
	width: 100%;
	margin-top: 10px;
}
#menu .tct td , th {
	border-bottom: 1px dotted #C6ABA2;
	padding: 3px;
}
#menu .tct th {
	text-align: left;
}
#menu .tct td {
	text-align: right;
	font-size: 16px;
}
#menu .detail {
	width: 500px;
	margin: 0 auto;
	letter-spacing: 1px;
}

#menu .btn-box {
	text-align: center;
	width: 230px;
	float: right;
}
#menu a span {
	display: block;
	position: relative;
	color: #a9876d;
	font-weight: bold;
	padding: 15px 20px;
	border: 1px solid;
	border-radius: 25px;
}
#menu a span:hover {
	color: #ffffff;
	border: 1px solid #534741;
	background-color: #534741;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#menu a:hover {
	text-decoration: none;
}
#menu .about-tax {
	text-align: right;
	margin-top: 3px;
}
#menu .price-detail dl {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	width: 100%;
}
#menu .price-detail dl dt {
	flex-basis: 57%;
}
#menu .price-detail dl dd {
	flex-basis: 40%;
	padding-left: 3%;
	margin-left: 0;
}



.hr {
	margin-top: 40px;
	background-image: url(../images/hr.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}

.title h2 {
	font-size: 2.4em;
	font-weight: 600;
	margin-bottom: 20px;
	font-family: 'Josefin Sans';
}
.title .subtitle {
	background-color: #fef0f0;
	padding: 7px 12px 7px 15px;
	font-family: 'Noto Sans JP';
}

/*about*/
#about {
	width: 980px;
	margin: 40px auto 50px auto;
}
#about .yr {
	font-size: 20px;
	text-align: center;
}
#about .title {
	text-align: center;
}
#about .about-box {
	margin: 40px auto 0 auto;
	width: 700px;
	text-align: center;
}
#about .about-box h3 {
	color: #ff3c99;
	font-weight: normal;
	margin: 0px;
	border: 1px solid #ff3c99;
	padding: 7px;
	font-size: 1em;
}
#about .about-box h4 {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #ff3c99;
}

#about .about-box .about-list {
	margin-top: 10px;
}
#about .about-box .list-tit {
	float: left;
	width: 130px;
	height: 100px;
	margin-right: 20px;
	background-image: url(../about/images/list.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: table-cell;
	position: relative;
}
#about .about-box .list-tit table {
	height: 100px;
	width: 130px;
	text-align: center;
	color: #ff3c99;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 150%;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#about .about-box .list-txt {
	text-align: left;
	float: right;
	width: 550px;
}
#about .default-box {
	margin: 40px auto 10px auto;
	border: 1px solid #ff3c99;
}
#about .default-box h3 {
	color: #ff3c99;
	text-align: center;
	margin: 20px auto 0px;
}
#about .default-list {
	width: 80%;
	margin: 0 auto;
	background-color: #fef0f0;
	margin-top: 20px;
}
#about .default-list3 {
	width: 80%;
	margin: 0 auto;
	background-color: #fef0f0;
	margin-top: 20px;
	margin-bottom: 50px;
}
#about .default-tit {
	background-color: #ff3c99;
	padding: 8px 10px 3px 10px;
	color: #FFF;
}
#about .default-list p {
	padding: 0 15px;
}
#about .about-link {
	text-align: center;
	font-weight: bold;
}

#about .about-link ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#about .about-link li {
	padding: 8px 5px 5px;
	font-size: 15px;
}
#about .about-link a {
	display: block;
	position: relative;
	color: #ff3c99;
	padding: 12px 20px 10px 20px;
	border: 1px solid;
	border-radius: 20px;
}
#about .about-link a:hover {
	color: #fff;
	background-color: #ff3c99;
	border: 1px solid #ff3c99;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#about .about-midashi {
	position: relative;
	padding: 1.2rem;
	border-bottom: 3px solid #ff3c99;
}
h2 span {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-size: 1.2rem;
	line-height: 1;
	position: absolute;
	bottom: -1.6rem;
	left: 0;
}
#about .num {
	font-size: 30px;
	font-family: 'Josefin Sans';
}
#about .default-list3 .menu-img {
	float: left;
	margin-right: 15px;
}
#about .about-course {
	display: flex;
	justify-content: center;
}
#about .default-wrap {
	display: flex;
}
#about .default-wrap .menu-img {
	padding: 15px 0 15px 15px;
}


/*school*/
#school {
	width: 980px;
	margin: 40px auto 50px auto;
}
#school .title {
	text-align: center;
}
#school .beauty {
	margin: 40px auto 0 auto;
	width: 700px;
	text-align: center;
}
#school .chiropractic h3 {
	color: #ff3c99;
	font-weight: normal;
	margin: 0px;
	border: 1px solid #ff3c99;
	padding: 7px;
	font-size: 1em;
}
#school .chiropractic .onayami {
	margin-top: 20px;
	text-align: left;
}

#school .repo-list {
	text-align: left;
	margin-top: 20px;
}
#school .repo-list .cp_h2title{
		position: relative;
		overflow: hidden;
		padding: 20px 0;
	}
	.cp_h2title::before,
	.cp_h2title::after{
		content: "";
		position: absolute;
		bottom: 0;
	}
	.cp_h2title:before{
		border-bottom: 4px solid #ff3c99;
		width: 100%;
	}
	.cp_h2title:after{
		border-bottom: 4px solid #ffc1df;
		width: 100%;
}
#school .repo-list .repo-tit {
	background-color: #ff3c99;
	color: #FFF;
	padding: 5px 20px;
	font-weight: bold;
}
#school .repo-txt {
	padding: 10px 15px;
}
#school .tct {
	width: 100%;
	margin-top: 10px;
	justify-content: flex-end;
}
#school .tct td , th {
	border-bottom: 1px dotted #C6ABA2;
	padding: 7px;
	font-size: 16px;
}
#school .tct th {
	text-align: left;
	font-weight: bold;
}
#school .tct td {
	text-align: right;
}
#school .repo-txt .small-course{
	background: #ff85c0;
	padding: 5px 10px;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	margin-top: 40px;
}
#school .repo-txt .otoku-set{
	background-color: #f4f0ee;
	margin-top: 40px;
	padding: 10px;
}
#school .repo-txt .otoku-set .otoku-midashi {
	display: flex;
	align-items: center;
	font-size: 18px;
	margin: 10px;
	transform: translate(0,-10px)
}
.otoku-midashi::before,
.otoku-midashi::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #ff9900;
}
.otoku-midashi::before {
	margin-right: 15px;
	transform: rotate(-35deg)
}
.otoku-midashi::after {
	margin-left: 15px;
	transform: rotate(35deg)
}
#school .repo-txt .otoku-set .tct2 {
	padding: 7px;
	font-size: 16px;
}
#school .repo-txt .otoku-set .tct2  {
	width: 100%;
	margin-top: 10px;
	justify-content: flex-end;
}
#school .repo-txt .otoku-set .tct2  td , th {
	padding: 7px;
	font-size: 16px;
}
#school .repo-txt .otoku-set .tct2  th {
	text-align: left;
	border-bottom: none;
	vertical-align: bottom;
}
#school .repo-txt .otoku-set .tct2  td {
	text-align: right;
	vertical-align: bottom;
}
#school .repo-txt .otoku-set .tct2 .border-dot {
	border-bottom: dotted 1px;
}
#school .last-text {
	color: #fff;
	text-align:center; 
	margin-top: 30px; 
	font-size:14px;
	background-color: #e68f5e;
	border-radius: 5px;
	padding: 5px 10px;
}


/*girl*/
#girl {
	width: 980px;
	margin: 40px auto 50px auto;
}
#girl .title {
	text-align: center;
}
#girl .title h2 {
	margin: 0;
}
#girl .voice-box {
	margin-top: 40px;
}

#girl .voice-box .voice-tit {
	font-family: 'Merriweather';
	font-size: 1.3em;
	letter-spacing: 1px;
}
#girl .voice-box .voice-text {
	padding: 5px 0;
	border-bottom: 1px dotted #C6ABA2;
}
#girl .voice-box .voice-data {
	margin-top: 5px;
	text-align: right;
}
#girl .voice-box .answer {
	margin-top: 10px;
}

#girl .voice-box .answer-tit {
	background-color: #ff3c99;
	color: #FFF;
	padding: 5px 15px;
	font-size: 1.3em;
	font-family: 'Merriweather';
	letter-spacing: 1px;
}
#girl .voice-box .answer-text {
	background-color: #fef0f0;
	padding: 15px;
}

/*access*/
#access .access-wrap {
	margin-top: 40px;
}
#access .access-box {
	width: 980px;
	margin: 0  auto;
	text-align: center;
}
#access .access-box .date-wrap {
	text-align: center;
	margin: 15px auto;
}
#access .access-box .date-box {
	display: flex;
	justify-content: center;
}
#main .access-box .date-wrap .box {
	float: left;
	text-align: left;
	padding: 0 10px;
}
#access .access-box .date-wrap .add {
	border-left: 1px solid;
}

#main .access-box .tel-wrap {
	margin: 0 auto;
	text-align: center;
	width: 250px;
}

#access .access-box .tel {
	background-color: #ff3c99;
	padding: 10px;
	display: block;
	position: relative;
	color: #FFF;
	font-family: 'Josefin Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#access .access-box .telnum {
	font-size: 1.4em;
}
#main .access-box .telnum a {
	color: #ffffff;
}
#access .access-box p {
	color: #ff3c99;
	font-size: 1.2em;
}
#access .map {
	margin-top: 30px;
}
#access .open-time {
	border-collapse: collapse ;
}
#access .open-time .time-left {
	padding: 0 10px 0 0;
}
#access .open-time .time-center {
	padding: 0 10px 0 0;
}
#access .open-time .time-right {
	padding: 0;
}


/*thanks*/
#thanks {
	text-align: center;
	padding: 50px 0;
}
#thanks p {
	margin: 10px 0;
	line-height: 2.0;
}

/*staff*/
#staff .title {
	text-align: center;
}
#profile {
	background-color: #FCC;
	height: 140px;
	width: 565px;
	margin: 0 auto;
}
#content2 {
	width: 700px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 30px;
	align-items: center;
	vertical-align: baseline;
}
#contents1 {
	width: 700px;
	display: flex;
	margin: 0 auto 30px;
	align-items: center;
	vertical-align: baseline;
}
#contents1 img {
	margin: 30px 0px;
	padding-right: 20px;
  }
  #contents1 .text-center {
	text-align: center;
  }
  #contents1 .flexbox {
	display: flex;
  }
  #contents1 .box1 {
	margin: 10px;
  }
  #contents1 .box2 {
	width: 100%;
	margin: 0 auto 30px;
  }
  #contents1 .desc {
	clear: both;
	text-align: left;
  }
  #contents1 .staff_txt {padding: 10px;}
  @media screen and (max-width: 767px) {
	.flexbox {
		display: block;
	}
	.flexbox .box1 {
		position:relative; /* 絶対配置の基準点 */
		width:100%; /* 600px以下は幅いっぱいに広げる */
		max-width:600px; /* 最大幅の指定 */
		height:300px; /* 高さの指定 */
		margin:0 auto; /* ブロック要素の中央揃え */
		text-align:center; /* インライン要素の中央揃え */
	}
	.flexbox .box2 {
		position:relative; /* 絶対配置の基準点 */
		width:100%; /* 600px以下は幅いっぱいに広げる */
		max-width:600px; /* 最大幅の指定 */
		height:300px; /* 高さの指定 */
		margin:0 auto; /* ブロック要素の中央揃え */
		text-align:center; /* インライン要素の中央揃え */
	}
  }