@charset "UTF-8"; /* スタイルシートのエンコーディングを Unicode UTF-8 にします*/
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    border-radius: 5px;	
	width: 95%;margin-left: 5px;margin-right:5px;text-align: center;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color :#fff;
    font-weight: bold;
	font-size: 85%;
    background :#333;
    cursor :pointer;
    transition: all 0.5s;
}

.accbox label:before {
    content: '\f138';
    font-family: "Font Awesome 5 Free";
    padding-right: 8px;
}
.cssacc:checked + label:before {
    content: '\f13a';
    font-family: "Font Awesome 5 Free";
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#333;
    border-radius: 3px;	

}

/*チェックは隠す*/
.accbox input[type="checkbox"] {
display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #333;
    opacity: 1;
	color: #fff;
}	
	

.profileHEAD {
	margin-bottom: 20px;
	position: relative;
}

.profileHEAD .cate {
    position: absolute;
    width: 100px;
    margin-top: 110px;
    margin-left: 20%;
    z-index: 99;
}
.yoyaku {
	display: grid;
  place-items: center;
	z-index: 0;
}
.yoyaku a {
	 position: fixed;
	right:5%;
  top: 105px;
  z-index: 5;
  width: 150px;
	height: 150px;
	display: grid;
  place-items: center;
  margin: 0 0 0 auto;
  background: #333;
  color: #fff;
	box-sizing: border-box;
	font-size: 1.6rem;
	text-align: center;
	background-image: linear-gradient(180deg, rgba(235, 86, 148, 1), rgba(221, 139, 87, 1));
	border-radius: 50%
}


.profileHEAD .name {
    position: relative;
    width: 56%;
    margin: auto auto;
		color:#5b4d41 !important;
}
.profileHEAD .name h1 .new {
	width: 50px;
	margin-top: -4px;
	margin-right: 10px;
}
.profileHEAD h1 {
	border-bottom: 0px;
	padding: 0;
	margin: 0;        margin-top: 5px;
	font-size: 3rem;
	color:#ffffff !important;
    background-image: linear-gradient(0deg, rgb(249 212 212), rgb(255 255 255));
	display: flex;
	justify-content: center;
	position: relative;
}
.profileHEAD h1 span {
	font-size: 2rem;
	margin-top: 10px;
}
.profileHEAD .size {
	font-size: 1.8rem;
	text-align: center;
        color: #a1a1a1;
}


/* ----　スライドのためのcss　----- */

.photoBOX {
	width: 60%;
	margin: auto;
	background-color: #FFF;
}

.slider-profile img {
	width: 100%;
	height: auto;
}
.slide-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px !important;
}

.prev-arrow {
  left: -25px;
	width: 20px;
	z-index: 1 !important
}
.next-arrow {
  right: -25px;
	width: 20px;
}
.slide-arrow img{
  width: 100% !important;
	height: auto;
}

.thumbnail {
	width: 100%;
	margin-top: 2px;
}
.thumbnail img {
	width: 100%;
	height: auto;
}
.thumnail {
  transform: unset !important;
  width: 100% !important;
  display: flex !important;
  justify-content: space-between;
  flex-wap: wrap;
}
.thumbnail .slick-track {
  transform: unset !important;
	 display: block!important;
    float: none !important;
	width: 100% !important;
}
.thumbnail .thumbnail-img {
    width: 16.6% !important;
	opacity: 0.5;
  transition: opacity .3s linear;
}
.thumbnail .slick-current {
  opacity: 1;
}



/* 電話ボタン */
.alartBUTTON a {
    background: #81D8D0;
    background-image: linear-gradient(0deg, rgb(207 221 220), rgb(81 207 201));	
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 70%;
	box-sizing: border-box;
    padding: 15px 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size: clamp(1.5rem, 2.8vw, 1.8rem);
	margin: 20px auto;
	border-radius: 40px;
}
.alartBUTTON a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: translateY(-50%) rotate(45deg);
}

.alartBUTTON a:hover:after {
  right: 1.4rem;
}

.illust {
	width: 50%;
	margin: auto;
	max-width: 200px;
}
.illust p {
	margin: 0;
	text-align: center;
	font-size: clamp(1.5rem, 2.8vw, 1.8rem);
}


.profile02 .icon {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.profile02 .icon li {
	width: 35px;
	margin: 0 3px;
}
.profile02 .icon li .none {
	opacity: 0.3;
}

.profile02 .type {
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin: 0 auto 20px;
	width: 80%;
}
.profile02 .type li {
	width: 24%;
	font-size: 1.4rem;
	text-align: center;
	padding: 3px;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.profile02 .type li.type01 {
	background: linear-gradient(180deg, #585858 0%, #585858 50%, #303030 50%, #303030 100%);
	color:#fff;
}
.profile02 .type li.type02 {
	border: 1px solid #585858;

}
.profile02 .type li.type03 {
	background: #ffb6e1;
	border: 1px solid #585858;
}
.profile02 .time {
	text-align: center;
	border-top: 1px solid #585858;
	font-size: 1.6rem;
	padding-top: 5px;
}


.profile02 {
/*	background: url("../../image/profile/bg01.png");*/
}

.kihon {
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 30px rgba(100,100,100,0.2);
    color: #000;
    background-color: rgb(255 255 255 / 50%);
        margin: 13px 10px;
}

.catch {
	 font-size: clamp(1.7rem, 3.1vw, 2rem);
	font-weight: bold;
	color:#c31700;
}

#kihon {
	border-top: none;
	width: 100%;
	font-size: 1.6rem;
	line-height: 1.7;
	border-bottom: 1px solid #E3E3E3;
	
}

dl#kihon dl,dl#kihon dt,dl#kihon dd {
	margin: 0;
	padding: 0;
}

dl#kihon dt,dl#kihon dd {
	padding: 15px;
	text-align: left;
}

dl#kihon dt {
	border-top: 1px solid #E3E3E3;
	clear: left;
	float: left;
	width: 20%;
	font-weight: 600;
}
dl#kihon dd {
	background: #fff;
	border-top: 1px solid #E3E3E3;
	margin-left:23%;
	font-weight: 600;
}
#kihon i {
	margin: 0 5px;
}


.profile02 h3  {
	margin: 0;
	padding: 0;
        border-left: 7px solid #2fb1a5;
	 font-size: clamp(2.4rem, 6.2vw, 4rem);
	 font-family: "Montserrat", sans-serif;
	font-weight: 300;
    color: #2fb1a5;
	padding-left: 20px;
	line-height: 1.4;
	margin-bottom: 30px;
	box-sizing: border-box;
}


#faq {
	width: 100%;
	font-size: 1.6rem;
	line-height: 1.7;
	border-bottom: 1px solid #E3E3E3;
	margin: 0 10px;
	padding: 0;
	box-sizing: border-box;
}

dl#faq dl,dl#faq dt,dl#faq dd {
	margin: 0;
	padding: 0;
}


dl#faq dt {
	clear: left;
	font-weight: 600;
    color: #31dbcc;
}
dl#faq dd {
	border-bottom: 1px solid #E3E3E3;
	font-weight: 600;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.optionWAKU {
color: #b3b3b3;
    border: 2px solid #bbbbbb;
    padding: 5px;
    margin: 5px 0;
	width: fit-content;
	font-size: 75%;
}


.optionBOX {
background: radial-gradient(circle at center, rgb(181 181 181) 0%, rgb(109 109 109 / 20%) 58%);
	border: 1px solid #fff;
	box-shadow: 0 0 20px rgba(100,100,100,0.1);
	box-sizing: border-box;
	padding: 20px;
}

.optionLIST {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.optionLIST li {
	width: 49.5%;
	background:#b3b3b3;
	border: 1px solid #98968f;
	color:#fff;
	padding: 5px 10px;
	box-sizing: border-box;
	font-size: 1.6rem;
	margin-bottom: 5px;
}
.optionLIST li.on {
    background:#9b9b9a;
    border: 1px solid #98968f;

}
.opkin {
    font-size: 81%;
}
.moreOP {
	text-align: right;
	margin-right: 20px;
	
	
}
.moreOP a {
	text-align: right;
	position: relative;
}
.moreOP a:after {
  content: "";
  position: absolute;
  top: 13px;
  bottom: 0;
  right: -15px;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px #5e584d;
  border-right: solid 2px #5e584d;
  transform: translateY(-50%) rotate(45deg);
}


table#sch-tb {
    width: 100%;;
    border: 1px #e2e3e3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	box-sizing: border-box;
	font-size: 1.6rem;
	 line-height: 1.6;
}

table#sch-tb th {
    padding: 10px;
    border: #e2e3e3 solid;
    border-width: 0 0 1px 1px;
background-color: rgba(0, 0, 0, 0.1);
    font-weight: bold;
    text-align: center;
	color:#fff;
	width: 30%;
}
table#sch-tb td {
    padding: 10px;
    border: 1px #e2e3e3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
	/*background: #a1a1a1;*/
	background-color:rgb(221 221 221 / 50%);
}




@media screen and (max-width: 768px) {
	
.profileHEAD {
	margin-bottom: 10px;
	position: relative;
}

.profileHEAD .cate {
        position: absolute;
        width: 60px;
        margin-top: 42px;
        margin-left: 11%;
        z-index: 11;
}
.yoyaku {
	display: grid;
  place-items: center;
		z-index: 0;
}
.yoyaku a {
	 position: fixed;
	right:2%;
  top: 70px;
  z-index:11;
  width: 85px;
	height: 85px;
	display: grid;
  place-items: center;
  margin: 0 0 0 auto;
  background: #333;
  color: #fff;
	box-sizing: border-box;
	font-size: 1.2rem;
	text-align: center;
	background-image: linear-gradient(180deg, rgba(235, 86, 148, 1), rgba(221, 139, 87, 1));
	border-radius: 50%
}


.profileHEAD .name {
	position: relative;width: 87%;        margin-top: -20px;
	color: #000;
}
.profileHEAD .name h1 .new {
	width: 40px;
	margin-top: -4px;
	margin-right: 10px;
}
.profileHEAD h1 {

	font-size: 2rem;

}
.profileHEAD h1 span {
	font-size: 1.4rem;
	margin-top: 7px;
}
.profileHEAD .size {
	font-size: 1.5rem;
	text-align: center;

}


/* ----　スライドのためのcss　----- */

.photoBOX {
        width: 70%;
        margin: -16px auto 17px auto;
}

.slider-profile img {
	width: 100%;
	height: auto;
}
.slide-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  width: 40px !important;
}

.prev-arrow {
  left: -40px;
	width: 20px;
	z-index: 1 !important
}
.next-arrow {
  right: -40px;
	width: 20px;
}
.slide-arrow img{
  width: 100% !important;
	height: auto;
}

.thumbnail {
	width: 100%;
	margin-top: 2px;
}
.thumbnail img {
	width: 100%;
	height: auto;
}
.thumnail {
  transform: unset !important;
  width: 100% !important;
  display: flex !important;
  justify-content: space-between;
  flex-wap: wrap;
}
.thumbnail .slick-track {
  transform: unset !important;
	 display: block!important;
    float: none !important;
	width: 100% !important;
}
.thumbnail .thumbnail-img {
    width: 16.6% !important;
	opacity: 0.5;
  transition: opacity .3s linear;
}<strong></strong>
.thumbnail .slick-current {
  opacity: 1;
}



/* 電話ボタン */
    .alartBUTTON a {
        /* background: #81D8D0; */
        position: relative;
        display: flex;
        justify-content: space-around;
        align-items: center;
        max-width: 91%;
        box-sizing: border-box;
        padding: 15px 15px;
        color: #fff;
        transition: 0.3s ease-in-out;
        font-weight: 500;
        font-size: 1.23rem;
        margin: 20px auto;
        border-radius: 40px;
    }
.alartBUTTON a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 1rem;

  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: translateY(-50%) rotate(45deg);
}

.alartBUTTON a:hover:after {
  right: 1.4rem;
}

.illust {
	width: 45%;
	margin: auto;
}
.illust p {
	margin: 0;
	text-align: center;
	font-size: 1.5rem;
}
	
	
.profile02 {
/*    background: url(../../image/profile/bg01.png);*/
}


.profile02 .icon {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 15px;
}
.profile02 .icon li {
	width: 35px;
	margin: 0 3px;
}
.profile02 .icon li .none {
	opacity: 0.3;
}

.profile02 .type {
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin: 0 auto 10px;
	width: 90%;
}
.profile02 .type li {
	width: 24%;
	font-size: 1.2rem;
	text-align: center;
	padding: 3px;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.profile02 .type li.type01 {
	background: linear-gradient(180deg, #585858 0%, #585858 50%, #303030 50%, #303030 100%);
	color:#fff;
}
.profile02 .type li.type02 {
	border: 1px solid #585858;
}
.profile02 .type li.type03 {
	background: #ffb6e1;
	border: 1px solid #585858;
}
.profile02 .time {
	text-align: center;
	border-top: 1px solid #585858;
	font-size: 1.6rem;
	padding-top: 5px;
}




.kihon {

	padding: 15px;
	box-shadow: 0 0 30px rgba(100,100,100,0.2);
}

.catch {
	 font-size: 1.5rem;
	font-weight: bold;
	color:#c31700;
}

#kihon {
	border-top: none;
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.7;
	border-bottom: 1px solid #E3E3E3;
}

dl#kihon dl,dl#kihon dt,dl#kihon dd {
	margin: 0;
	padding: 0;
}

dl#kihon dt,dl#kihon dd {
	padding: 10px;
	text-align: left;
}

dl#kihon dt {
	border-top: 1px solid #E3E3E3;
	clear: left;
	float: left;
	width: 20%;
	font-weight: 600;
}
dl#kihon dd {
	background: #fff;
	border-top: 1px solid #E3E3E3;
	margin-left:23%;
	font-weight: 600;
}
#kihon i {
	margin: 0 5px;
}


.profile02 h3  {


        font-size: 2.4rem;

        padding-left: 15px;
        line-height: 1.4;
        margin-bottom: 20px;
        box-sizing: border-box;
}


#faq {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.7;
	border-bottom: 1px solid #E3E3E3;
	margin: 0 0px;
	padding: 0;
	box-sizing: border-box;
}

dl#faq dl,dl#faq dt,dl#faq dd {
	margin: 0;
	padding: 0;
}


dl#faq dt {


}
dl#faq dd {
	border-bottom: 1px solid #E3E3E3;
	font-weight: 600;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.opkin {
    font-size:2.3vmin;
}

.optionBOX {
	/*background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(240, 240, 233, 1));*/
	border: 1px solid #fff;
	box-shadow: 0 0 20px rgba(100,100,100,0.1);
	box-sizing: border-box;
	padding: 15px;
}

.optionLIST {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.optionLIST li {
	width: 49.5%;
background:#b3b3b3;
	border: 1px solid #98968f;
	color:#fff;
	padding: 5px 10px;
	box-sizing: border-box;
	font-size: 1.2rem;
	margin-bottom: 5px;
}
.optionLIST li.on {
background:#9b9b9a;
	border: 1px solid #98968f;

}

.moreOP {
	text-align: right;
	margin-right: 20px;
	font-size: 1.4rem;
	
	
}
.moreOP a {
	text-align: right;
	position: relative;
}
.moreOP a:after {
  content: "";
  position: absolute;
  top: 11px;
  bottom: 0;
  right: -15px;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px #5e584d;
  border-right: solid 2px #5e584d;
  transform: translateY(-50%) rotate(45deg);
}


table#sch-tb {
    width: 100%;;
    border: 1px #e2e3e3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	box-sizing: border-box;
	font-size: 1.4rem;
	 line-height: 1.6;
}

table#sch-tb th {
    padding: 10px;
    border: #e2e3e3 solid;
    border-width: 0 0 1px 1px;
    /*background: #7d7d7d;*/
    font-weight: bold;
    text-align: center;
	color:#fff;
	width: 40%;
}
table#sch-tb td {
    padding: 10px;
    border: 1px #e2e3e3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
/*background: #a9a9a9;*/
}


}