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


*{
	margin: 0;
	padding: 0;
}






/* -----------------------------------------------------------
 フォントサイズ基本
----------------------------------------------------------- */

html {
  font-size: 18px;
  /*font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
 /* overflow-y:hidden;*/
}

	
ul{list-style:none;
padding-left:0;}	


.in{margin-left:auto;
margin-right:auto;
width:100%;
   }	

a{text-decoration:none;}
		
img{border:0;
    width:100%;}		

.center{text-align:center;
}

#top a:hover img{opacity:0.7;
           filter: alpha(opacity=70);
}

		
.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
 clear: both;   
  visibility: hidden;
	font-size: 0.1em;
overflow: hidden;} 	
	
.center{text-align:center;
margin-left:auto;
margin-right:auto;}

body{
	color:#595757;
	word-wrap: break-word;


}


.only-pc{display:none;}/*-----sp----*/
.only-sp{display:block;}/*-----sp----*/	






h1{
font-size: 10px;
}



.content{
	line-height:1.9em;}

.box{margin-bottom:5%;}




/*-----------------------------
key
-------------------------------*/

#key{margin-bottom:10%; }


/*-----------------------------
footer
-------------------------------*/



.contact-f{background:#FEE5DC;
padding: 2% 0%;}

.contact-f p{float:left;
width:32%;
padding-left:0.5%;
padding-right:0.5%;}









.contact-f{background:#FEE5DC;
padding: 2% 0%;}



.contact-f p{float:left;
width:32%;
padding-left:0.5%;
padding-right:0.5%;}



.last-box{padding-bottom:30%;}


.go-top{width:10%;
float: right;
padding: 2%;}


.copy{
font-size: 10px;
padding:2%;
	margin-top: 5%;
	text-align: center;
	background:#DF7888;
	color: #fff;
}






/*--------footer---------*/







.f-bg {
  padding: 3.75rem 0 2.5rem;
  background-color: #fff8f4;
}

.l-footer__bottom {
  background-color: #ef97a5;
}

.l-inner {
 /* max-width: 1080px;*/
  width: 100%;
  margin: 0 auto;
  padding: 0 2.5rem;
}

.p-footer__content {
  display: flex;
  justify-content: space-between;
}



.p-footer__nav-lists {
  -moz-column-gap: 2.8125rem;
  display: flex;
  column-gap: 2.8125rem;
  row-gap: .9375rem;
  flex-wrap: wrap;
}

.p-footer__nav-lists + .p-footer__nav-lists {
  margin-top: .9375rem;
}

p-footer__nav-list:nth-child(4n+1) {
  /*width: 5.75rem;*/
}

li, dd {
  list-style-type: none;
}

.p-footer__nav-lists + .p-footer__nav-lists {
  margin-top: .9375rem;
}



.p-footer__nav-list:nth-child(4n+1) {
  /*width: 5.75rem;*/

}

li, dd {
  list-style-type: none;
}

.p-footer__nav-link {
  position: relative;
  padding-left: .9375rem;
  font-size: .875rem;
  display: block;
}

.p-footer__nav-diagnosis {
  margin-top: 2.1875rem;
  padding-top: 1.5625rem;
  border-top: 1px solid #c4c4c4;
}

.p-footer__nav-diagnosis__heading {
  position: relative;
  padding-left: .9375rem;
  font-size: .875rem;
}

.p-footer__nav-diagnosis__row {
  display: flex;
  margin-top: 1.25rem;
  gap: 1.875rem;
}

.p-footer__nav-diagnosis__col {
  width: calc((100% - 2.5rem)/3);
}

.p-footer__nav-diagnosis__name {
  margin-bottom: .625rem;
  padding-bottom: .3125rem;
  border-bottom: 1px solid #ffd5db;
  color: #707070;
  font-size: .875rem;
  font-family: "Noto Serif JP",serif;
}

.p-footer__info-logo {
  text-align: center;
}

.p-footer__info-btn {
  display: flex;
  flex-direction: column;
  margin-top: 2.5rem;
  gap: 1.25rem;
}



.p-footer__info-logo img {
  width: 11.375rem;

}

.p-footer__info-logo img {
  width: 11.375rem;

}

.p-footer__info-btn {
  display: flex;
  flex-direction: column;
  margin-top: 2.5rem;
  gap: 1.25rem;
}

.c-btn-cta--line {
  background-color: #49ce7f;
}



.c-btn-cta {
  display: flex;

  position: relative;

  align-items: center;

  width: 17.5rem;

  height: 3.5rem;

  padding: 1rem 0 1rem 1.8125rem;

  border-radius: 100px;

  background-color: #df7888;

  box-shadow: 0 1px 3px rgba(0,0,0,.16);

  color: #fff;

  font-weight: 700;

  font-size: 1rem;

  line-height: 1.5;

  transition: all .3s;

}


.c-btn-cta {
  display: flex;
  position: relative;
  align-items: center;
  width: 17.5rem;
  height: 3.5rem;
  padding: 1rem 0 1rem 1.8125rem;
  border-radius: 100px;
  background-color: #df7888;
  box-shadow: 0 1px 3px rgba(0,0,0,.16);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
  transition: all .3s;
	margin: 0 auto;
}



.c-btn-cta__tag {
  display: inline-block;
  margin-right: .625rem;
  padding: 0 .3125rem;
  background-color: #fff;
  color: #df7888;
  font-size: .875rem;
  line-height: 1.4285714286;
}

.c-btn-cta::after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  width: .375rem;
  height: .6875rem;
  transform: translateY(-50%);
  background: url(//ariel-bust-clinic.jp/wp-content/themes/ariel/assets/css/../img/btn-arrow-sm.svg) no-repeat center center/contain;
  content: "";
}

.c-btn-cta {
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
}

.p-footer__info-sns {
  margin-top: 1.875rem;
}

.p-footer__info-title {
  margin-bottom: 1.4375rem;
  font-weight: 700;
 /* font-size: 1.125rem;*/
  font-family: "Noto Serif JP",serif;
  letter-spacing: .04em;
  text-align: center;
}

.p-footer__info-title span {
  display: inline-block;
  border-bottom: 1px solid #ef97a5;
}

.p-footer__info-icons {
  display: flex;
  row-gap: 1.375rem;
  flex-wrap: wrap;
  align-items: center;
  max-width: 13.25rem;
  margin: 0 auto;
}


.p-footer__info-icons li {
  width: 25%;

}

.p-footer__info-icons .x {
  text-align: center;
}

.p-footer__info-icons .line {
  text-align: center;
}

.p-footer__info-icons a {
  transition: all .3s;
}

.c-btn-cta--line {
  background-color: #49ce7f;
}

.c-btn-cta--line .c-btn-cta__tag {
  color: #49ce7f;
}


.p-footer__under {
  padding-bottom: 2px;
  background: linear-gradient(#000,#000) 0 100%/0 1px no-repeat;
  transition: background .4s;
  text-decoration: none;
  display: inline;
}

.p-footer__nav-link::before {
  position: absolute;
  top: .46875rem;
  left: 0;
  width: .21875rem;
  height: .46875rem;
  background: url(https://ariel-bust-clinic.jp/wp-content/themes/ariel/assets/img/footer-nav-arrow.svg) no-repeat center center/cover;
  content: "";
}



.p-footer__nav-diagnosis {
  margin-top: 2.1875rem;
  padding-top: 1.5625rem;
  border-top: 1px solid #c4c4c4;
}

.p-footer__nav-diagnosis__heading {
  position: relative;
  padding-left: .9375rem;
  font-size: .875rem;
}

.p-footer__nav-diagnosis__link::before {
  position: absolute;
  top: .5rem;
  left: 0;
  width: .21875rem;
  height: .46875rem;
  background: url(//ariel-bust-clinic.jp/wp-content/themes/ariel/assets/css/../img/footer-nav-arrow.svg) no-repeat center center/cover;
  content: "";
}



/*--------------------*/

.l-footer{font-size:13px;}


.p-footer__nav-list a{color: #616161;}



.p-footer__nav-list{width:43%;
padding: 0;
	margin: 0;
}

#f-left {
  width: 100%;
	margin-bottom: 10%;
}

#f-right  {
  width: 100%;
}





   
/*-------固定戻る---------*/  


#topbutton01 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      top: 0px;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: block;
      
} 



#topbutton02 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 0px;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: block;
    
} 



#topbutton03 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 12%;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 6em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
	opacity: 0.7
} 


nav{font-size:16px;}


@media only screen and (min-width: 640px) {

	
html {
    font-size: 20px;
    overflow-y: scroll;
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}	
	
	
.only-pc{display:block;}/*-----pc----*/
.only-sp{display:none;}/*-----pc----*/	


.in{margin-left:auto;
    margin-right:auto;
    max-width:1000px;}
		
h1{margin-bottom:0%;
font-size: 10px;
}
	

h2{
font-size: 30px;}

/*-----------------------------
header
-------------------------------*/





/*-----------------------------
gnav
-------------------------------*/


	
	

/*-----------------------------
key
-------------------------------*/
	

	

/*-----------------------------
main
-------------------------------*/





/*-----------------------------
footer
-------------------------------*/
	
	
	
#f-right {
  width: 28%;
float: right;
}
	
	
	
#f-left {
  width: 59%;
float: left;
}


	
/*-------固定戻る---------*/  
	
	

#topbutton01 {
      /* ▼表示位置を画面の右下に固定 */
      position: inherit; /* ←表示場所を固定 */
      top: 0px;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
      background: #fff;
} 
	
	
	
	
#topbutton03 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 3%;   /* ←下端からの距離 */
      right: 18px;    /* ←右端からの距離 */
      width: 5em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
	opacity: 0.7

      
   } 


}