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

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

/* ウィンドウ幅が479pxの場合に適用するCSS */
@media screen and ( max-width:480px )
{
body {
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #534741;
}
#wrap{
width: 100%;
}
.clr {
	clear: both;
}
a {
	text-decoration: none;
	color: #ff3c99;
}
a:hover {
	text-decoration: underline;
}

/*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;
}
.title-img {
	margin-top: 20px;
	text-align: center;
	width: 100%;
}

/*header*/
#header {
	border-bottom: solid 1px #f4f0ee;
}
#header .top-wrap {
	background-color: #fef0f0;
	padding: 10px 15px;
}
#header .head-wrap .logo {
	text-align: center;
}
#header .head-wrap .logo h1 {
	margin: 7px 0 0;
	padding: 0px;
}
#header .top-box .open {
	display: none;
}
#header .top-box .fb {
	display: none;
}

#header .nav-box {
	width: 100%;
	margin: 10px auto 0 auto;
	padding: 0;
}
#header .nav-box ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	display: none;
}
#header .nav-box li {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#header .nav-box li a {
	display: block;
	background: #ff53a5;
	color: #fff;
	padding: 12px 0 10px;
	text-decoration: none;
	border-bottom: 1px solid #ff91c5;
}
#header .nav-box li a:hover {
	background: #ff91c5;
}
#header .nav-box li .navruby {
	display: none;
}
#header .nav-box li:last-child {
	display: none;
}
#header .nav-box a.nav-btn {
	display: block;
	border-bottom: 1px solid;
	color: #534741;
	padding: 10px 0;
	text-decoration: none;
}
#header .nav-box a.nav-btn:hover {
	border-bottom: #ffc1c1 1px solid;
	color: #ffc1c1;
}
/*nav-menu*/
  #nav-menu{
    display: none;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #ff3c99;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;

    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #ff3c99;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }


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

#footer .footernav-left li {
	line-height: 170%;
	margin: 3px 0;
}

#footer .footernav-link {
	width: 100%;
}
#footer .footernav-right {
	margin: 10px 0 0 0;
	padding-top: 10px;
	border-top: dashed 1px;
}
#footer .footerbnr {
	float: left;
	width: 200px;
	margin: 7px 5px 0 5px;
}
#footer .copy-wrap {
	background-color: #ffc1c1;
	padding: 13px 5px 10px 5px;
}

/* pankuzulist */
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 {
	padding: 20px 10px 30px 10px;
}
.title {
	text-align: center;
}
.title h2 {
	margin: 0 0 20px 0;
	font-size: 2.4em;
	font-weight: 600;
	font-family: 'Josefin Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.title .subtitle {
	display: inline-block;
	background-color: #fef0f0;
	padding: 7px 12px 7px 15px;
	margin-bottom: 10px;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.9em;
}

/*menu*/
#menu p {
	margin: 10px 0;
}
#menu .ruby  {
	font-size: 12px;
	margin-left: 10px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
}
#menu .beauty {
	margin: 40px auto 0 auto;
}
#menu .beauty h3 {
	text-align: center;
	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;
}
#menu .etc h3 {
	text-align: center;
	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 {
	margin-bottom: 10px;
	width: 100%;
}
#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 .btn-box {
	margin: 10px;
}
#menu a span {
	display: block;
	position: relative;
	color: #c9b7a9;
	font-weight: bold;
	padding: 15px 20px;
	border: 1px solid;
	border-radius: 25px;
	text-align: center;
}
#menu a span:hover {
	color: #ffffff;
	border: 1px solid #534741;
	background-color: #534741;
}
#menu a:hover {
	text-decoration: none;
}

.hr {
	margin-top: 40px;
	background-image: url(../images/hr.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#menu .about-tax {
	text-align: left;
	margin-top: 3px;
}
#menu .price-detail dl {
	display: flex;
	flex-direction: column;
	width: 100%;
}
#menu .price-detail dl dd {
	margin-left: 0;
}

/*about*/
#about .yr {
	font-size: 20px;
	text-align: center;
}
#about .title p {
	width: auto;
	text-align: left;
}
#about .about-box {
	margin: 40px auto 0 auto;
}
#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 {
	width: 100px;
	height: 100px;
	background-image: url(../about/images/list.png);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	position: relative;
}
#about .about-box .list-tit table {
	text-align: center;
	color: #ff3c99;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 100%;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	height: 100%;
}
#about .about-box .list-txt {
	text-align: center;
}
#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: 90%;
	margin: 0 auto;
	background-color: #fef0f0;
	margin-top: 20px;
	padding: 5px;
}
#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;
	font-size: 1.1rem;
}
#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 {
	margin-right: 15px;
	text-align: center;
	width: 100%; /* bodyの幅に対する割合 */
}
#about .about-course {
	display: flex;
	justify-content: center;
}
#about .default-wrap {
	display: box;
}
#about .default-wrap .menu-img img {
	max-width: 100%;
	height: auto;
	width:100%;　
}
#about .about-img img {
	margin-top: 20px;
	text-align: center;
	width: 100%;
}

/*report*/
#report .chiropractic {
	margin: 40px auto 0 auto;
	text-align: center;
}
#report .chiropractic h3 {
	color: #ff3c99;
	font-weight: normal;
	margin: 0px;
	border-top: 1px solid #ff3c99;
	border-bottom: 1px solid #ff3c99;
	padding: 7px;
	font-size: 1em;
}
#report .chiropractic .onayami {
	margin-top: 20px;
	text-align: left;
}

#report .chiropractic .repo-list {
	text-align: left;
	margin-top: 20px;
}
#report .chiropractic .repo-list .repo-tit {
	background-color: #ff3c99;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
}

/*girl*/
#girl .title p {
	text-align: left;
}
#girl .title h2 img,
#about .about-img img {
max-width: 100%;
height: auto;
width /***/:auto;　
}
#girl .voice-box {
	margin-top: 30px;
}

#girl .voice-box .voice-tit {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	letter-spacing: 1px;
}
#girl .voice-box .voice-text {
	margin-top: 7px;
}
#girl .voice-box .answer {
	margin-top: 15px;
}

#girl .voice-box .answer-tit {
	background-color: #ff3c99;
	color: #FFF;
	padding: 5px 10px;
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
#girl .voice-box .answer-text {
	background-color: #fef0f0;
	padding: 15px;
}

/*access*/
#access .access-box {
	text-align: center;
}
#access .access-box .date-wrap {
	text-align: center;
	margin: 15px auto;
}
#main .access-box .date-wrap .box {
	text-align: center;
	padding: 0 10px;
}
#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;
}
#access .access-box .telnum a {
	color: #ffffff;
}
#access .access-box p {
	text-align: left;
	color: #ff3c99;
	font-size: 1.1em;
}
#access #map {
	height: 250px;
	margin-top: 30px;
}
#access #g-map iframe {
	width: 100%;
}
#access .open-time {
	border-collapse: collapse;
	margin: auto;
}
#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;
}

/*staff*/
#staff .title {
	text-align: center;
}
#staff .staff-box {
	text-align: center;
}
#photo {
	margin: 10px;
	text-align: center;
}
#profile {
	background-color: #FCC;
	height: 140px;
	width: 565px;
	margin: 0 auto;
}
#content1 {
	width: 300px;
	display: flex;
	margin: 0 auto 30px;
	align-items: center;
	vertical-align: baseline;
}
#content2 {
	width: 300px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 30px;
	align-items: center;
	vertical-align: baseline;
}
#content1 .desc {
	clear: both;
	text-align: left;
}
#content1 .staff_txt {padding: 10px;}


/*school*/
#school {
	margin: 40px auto 50px auto;
}
#school .title {
	text-align: center;
}
#school .beauty {
	margin: 40px auto 0 auto;
	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: 13px;
}
#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;
	font-weight: bold;
	border-bottom: none;
}
#school .repo-txt .otoku-set .tct2  td {
	text-align: right;
}
#school .last-text {
	color: #fff;
	text-align:center; 
	margin-top: 30px; 
	font-size:14px;
	background-color: #e68f5e;
	border-radius: 5px;
	padding: 5px 10px;
}
#school .onayami img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
	margin: 20px 0;
}