@charset "utf-8";

/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
@media screen and (max-width: 480px) {
	/* -----------------------------------------------------------------------------
	 parts
	----------------------------------------------------------------------------- */
	/* parts-img-box */
	
/* -----------------------------------------------------------------------------
 財団カスタマイズ
----------------------------------------------------------------------------- */

	/* 2分割・3分割・4分割 */
	.half{
		flex-direction: column;
		justify-content: center;
	}
	.half .left,
	.half .right{
		width: 100%;
	}

	/* flow 横 */
		/* flow 縦 */
	/* ギャラリー */

/* -----------------------------------------------------------------------------
	 個別設定
----------------------------------------------------------------------------- */

/*---------- 共通 -------------*/

/*img*/
/*title*/
/*button*/

/*header*/
/*footer*/
/*---------- top -------------*/
	#top-contents .layer1{position: static;
		width: 100vw;
		height: auto;
		background-color: var(--main-color);padding: 2vw 2vw 2.2vw;}

.layer1 h1 {
	font-size: 5.2vw;}
.layer1 h2 {
	font-size: 8.2vw;width: 100vw;}
#top-contents .layer2{bottom: initial;
	top: 55vw;
  width: 23vw;
}
.layer1 div{width: 90vw;padding:.6em 0 .7em;}
.layer1 h3{	font-size: 5.2vw;}
.layer1 h3 .inblock{top:-1.1em}


/*---------- con1 -------------*/
.con-chatch {
	font-size: 1.25em;}
.con-chatch .em{font-size: 1.15em}
/* point */

	.feature-box {flex-direction: column;
		justify-content: center;}
	.feature-item {
  margin-right: auto;
		margin-left: auto;
	}
	.feature-item:nth-child(1){margin-left: calc(50% - 167.5px);}
	.feature-item:nth-child(2){margin-right: calc(50% - 167.5px);}
	.feature-item:nth-child(3){margin-left: calc(50% - 117.5px);}
	
	
.point-hdg{font-size: 1.05rem;}
	.point-hdg .em {
		font-size: 1.25em;}
.point-item .img{width: 80%;}
.point-item .txt{font-size: .9em;padding: 30px 15px;}
/*---------- con2 -------------*/
.campaign-area{padding: 25px 15px;}
	.campain-bdy dt {width: 45px;}
.campain-bdy dd {
	width: calc(100% - 47px);font-size: .9em;}
	.campain-bdy .em {font-size: 1.55em;}
.campain-h3{font-size: 1.75rem;}
.campain-bdy dl{font-size: 1.05rem;}
.therapist-item{padding:0 0px;}
.campain-bdy{padding: 1em 10px}
.campain-box{margin-bottom:  0}

.con2 .half .half-child{width:100%;max-width: 380px;margin-left:auto;margin-right: auto;}
.therapist-hdg{padding-left: 10px;padding-right: 10px;}
.therapist-txt{flex-direction: column;}
.therapist-txt div{width: 100%;}
.therapist-txt h5{height: auto;line-height: 1;padding: .35em 1em;width: 7em;
margin-bottom: .5em}
/*---------- con3 -------------*/
/*---------- con4 -------------*/
/*---------- con5 -------------*/


	.para1 .fixed-bg{background-position: left -47vh center!important}
	.para2 .fixed-bg{background-position: left -25vh center!important}
	
	.cv_btn_area .btn a .inblock{display: block;margin-right: 0;}
	#fix_contact_btn a{height: 96px;}
	.cv_btn_area .btn a{height: 96px;}
	 footer {
		 padding-bottom: 110px;}

}