/* Theme Name: Homia Official Site Author: Sotsu Medical Author URI: https://homia.jp/headspa/ Description:Homia HEAD SPA Version: 1.0 */
.fs {
font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}
.lp img {
width: 100%;
vertical-align: bottom;
}
.lp .container {
padding-left: 0;
padding-right: 0;
}

@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	/* prts */
	.step_img {
		width: 6.5vw;
		margin: 0 auto 16vw;
		padding-top: 16vw;
	}
		/* */
	#pd_b {
		margin-bottom: 20vw;
	}
	#pd_c {
		margin-bottom: 38vw;
	}
	.pd_c1_box {
		position: relative;
		margin-bottom: 20vw;
	}
	.pd_c1_box .pd_c_con-lead {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
		font-size: 4.6vw;
		line-height: 1.5;
		position: absolute;
		right: 5vw;
		top: 10vw;
	}
	.pd_c1_box .pd_c_con-txt {
		font-size: 3.2vw;
		color: #ffffff;
		position: absolute;
		left: 10vw;
		bottom: 4vw;
		line-height: 1.4;
	}
	.pd_c2_box {
		position: relative;
		margin-bottom: 20vw;
	}
	.pd_c3_box {
		position: relative;
	}
	.pd_c3_box .pd_c_con-lead {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
		font-size: 4.6vw;
		line-height: 1.5;
		position: absolute;
		right: 6vw;
		top: 10vw;
	}
	.pd_c3_box .pd_c_con-txt {
		font-size: 3.2vw;
		position: absolute;
		left: 10vw;
		bottom: 1vw;
		line-height: 1.4;
	}
	#pd_d {
		margin-left: 5vw;
		margin-right: 5vw;
		margin-bottom: 20vw;
	}
	#pd_e {
		margin-left: 5vw;
		margin-right: 5vw;
		margin-bottom: 20vw;
	}
	#pd_e .container .row {
		border: 1vw solid #f1f1f1;
	}
	#pd_e .container .row .col-sm-8 {
		padding: 4vw !important;
	}
	.pd_e_mv {
		margin-bottom: 3vw !important;
	}
	.pd_e_ttl {
		font-size: 3vw;
		line-height: 1.8;
		text-align: center;
		margin-bottom: 5vw;
	}
	.pd_e_ttl .head-border {
		position: relative;
		display: block;
		padding-bottom: 2.5vw;
	}
	.pd_e_ttl .head-border::after {
		content: '';
		display: block;
		width: 32.5vw;
		height: 1px;
		background-color: #000000;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
	}
	.pd_e_ttl strong {
		font-size: 3.6vw;
		letter-spacing: 1.5vw;
	}
	#pd_f {
		margin-left: 5vw;
		margin-right: 5vw;
		margin-bottom: 20vw;
	}
	#pd_g {
		margin-bottom: 40vw;
	}
	.pd_g_ttl {
		text-align: center;
		font-size: 4vw;
		margin-bottom: 10vw;
	}
	.pd_g_list {
		width: 78vw;
		display: flex;
		flex-wrap: wrap;
		margin: auto;
		margin-bottom: 8vw;
		justify-content: space-between;
	}
	.pd_g_list li {
		width: 25vw;
		position: relative;
	}
	.pd_g_list li:nth-child(1) {
		width: 38vw;
		text-align: right;
	}
	.pd_g_list li:nth-child(2) {
		width: 38vw;
		text-align: left;
	}
	.pd_g_list li:nth-child(1) .pd_g_list-img , .pd_g_list li:nth-child(2) .pd_g_list-img {
		width: 25vw;
		display: inline-block;
	}
	.pd_g_list li:nth-child(1) > span, .pd_g_list li:nth-child(2) > span {
		display: inline-block;
		position: relative;
	}
	.pd_g_list li .pd_g_list-txt {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #ffffff;
		font-size: 3.0vw;
		line-height: 1.3;
		text-align: center;
	}
	.pd_g_txt {
		font-size: 4vw;
		text-align: center;
		line-height: 1.8;
		margin-bottom: 15vw;
	}
	.pd_g_txt strong {
		font-size: 6.5vw;
		font-weight: normal;
	}
	.pd_i_tag {
		font: 3vw;
		font-style: italic;
		text-align: center;
		color: #949393;
		margin-bottom: 5vw;
	}
	.pd_i_ttl {
		font-size: 5.6vw;
		text-align: center;
		line-height: 1.6;
		margin-bottom: 8vw;
	}
	.pd_j_tag {
		font: 3vw;
		font-style: italic;
		text-align: center;
		color: #949393;
		margin-bottom: 5vw;
	}
	.pd_j_ttl {
		font-size: 5.6vw;
		text-align: center;
		line-height: 1.6;
		margin-bottom: 8vw;
	}
	.pd_j_img1 {
		margin-bottom: 10vw;
		position: relative;
	}
	.pd_j_img1-txt1 {
		font-size: 4.5vw;
		line-height: 1.6;
		position: absolute;
		left: 8vw;
			top: 47vw;
	}
	.pd_j_img1-txt2 {
		font-size: 3vw;
		line-height: 1.6;
		position: absolute;
		left: 8vw;
		bottom: 0;
	}
	#pd_k {
		margin-bottom: 40vw;
	}
	.pd_k_tag {
		font: 3vw;
		font-style: italic;
		text-align: center;
		color: #949393;
		margin-bottom: 5vw;
	}
	.pd_k_ttl {
		font-size: 5.6vw;
		text-align: center;
		line-height: 1.6;
		margin-bottom: 8vw;
	}
	.pd_k_img1 {
		margin-bottom: 10vw;
	}
	.pd_k_img2 {
		margin-left: 5vw;
		margin-right: 5vw;
	}
	#pd_l {
		margin-bottom: 30vw;
	}
	.pd_l_img {
		margin-bottom: 20vw;
	}
	.pd_l_ttl {
		font-size: 5.5vw;
		text-align: center;
		line-height: 1.6;
		margin-bottom: 10vw;
	}
	.pd_l_list li {
		display: flex;
		align-items: center;
			/* justify-content: space-between;
		*/
		width: 70vw;
		margin: auto;
		margin-bottom: 3vw;
	}
	.pd_l_list li:nth-child(2) {
		flex-direction: row-reverse;
	}
	.pd_l_list-img {
		width: 35vw;
		margin-right: 6vw;
	}
	.pd_l_list li:nth-child(2) .pd_l_list-img {
		margin-right: 0;
		margin-left: 6vw;
	}
	.pd_l_list-ttl {
		display: block;
		font-size: 4.5vw;
		margin-bottom: 3vw;
	}
	.pd_l_list-txt {
		display: block;
		font-size: 3vw;
		line-height: 1.8;
	}
	#pd_n {
		margin-bottom: 30vw;
	}
	.pd_n_ttl {
		text-align: center;
		font-size: 3.55vw;
		line-height: 1.6;
		margin-bottom: 10vw
	}
	.pd_n_ttl strong {
		font-size: 5vw;
		font-weight: normal;
	}
	.pd_n_ttl span {
		font-size: 6.75vw;
	}
	.pd_n_img1 {
		margin-bottom: 30vw;
	}
		.pd_n_img1-ttl {
		font-size: 5vw;
	}
	.pd_n_img1-txt {
		font-size: 3vw;
		line-height: 1.6;
	}
	.pd_n_img1a {
		position: relative;
	}
	.pd_n_img1a .pd_n_img1-ttl {
		position: absolute;
		left: 9vw;
		top: 68vw
	}
	.pd_n_img1a .pd_n_img1-txt {
		position: absolute;
		left: 9vw;
		top: 75vw;
	}
	.pd_n_img1b {
		position: relative;
	}
	.pd_n_img1b .pd_n_img1-ttl {
		position: absolute;
		left: 15vw;
		top: 49vw;
	}
	.pd_n_img1b .pd_n_img1-txt {
		position: absolute;
		left: 15vw;
		top: 56vw;
	}
	.pd_n_img1c {
		position: relative;
		margin-bottom: 5vw;
	}
	.pd_n_img1c .pd_n_img1-ttl {
		position: absolute;
		left: 5vw;
		top: 55vw;
	}
	.pd_n_img1c .pd_n_img1-txt {
		position: absolute;
		left: 5vw;
		top: 62vw;
	}
	.pd_n_img1d {
		font-size: 1.5vw;
		margin-left: 5vw;
		margin-right: 5vw;
	}

	.pd_p_img1 {
		margin-bottom: 20vw;
	}
	.pd_p_img2 {
		margin-bottom: 20vw;
	}
	.pd_p_img3 {
		margin-bottom: 20vw;
	}
	.pd_p_img4 {
		margin-bottom: 20vw;
	}
	.pd_p_img5 {
		margin-bottom: 20vw;
	}
	.pd_qa_ttl {
		text-align: center;
		font-size: 3.5vw;
		margin-bottom: 5vw;
	}
	.pd_qa_ttl_en {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20vw;
		font-size: 5vw;
	}
	.pd_qa_ttl_en span {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pd_qa_ttl_en .a {
			/* display: inline-block;
		*/
		width: 14vw;
		height: 14vw;
		border: 2px solid #95adc8;
		font-size: 10vw;
		color: #ffffff;
		background-color: #95adc8;
		margin-left: 5vw;
	}
	.pd_qa_ttl_en .q {
			/* display: inline-block;
		*/
		width: 14vw;
		height: 14vw;
		border: 2px solid #dcbe56;
		font-size: 10vw;
		color: #dcbe56;
		margin-right: 5vw;
	}
	.pd_qa_ttl {
		text-align: center;
		font-size: 5vw;
		margin-bottom: 6vw;
	}
	.pd_qa_list {
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.pd_qa_q {
		font-size: 3vw;
		font-weight: bold;
		margin-bottom: 4.5vw;
		position: relative;
		padding-left: 12.5vw;
	}
	.pd_qa_a {
		font-size: 2.5vw;
		margin-bottom: 12.5vw;
		line-height: 4vw;
		position: relative;
		padding-left: 12.5vw;
	}
	.balloon-right-btm {
		display: inline-block;
		padding: 0 5px;
		width: 8vw;
		height: 8vw;
		line-height: 8vw;
		text-align: center;
		color: #FFF;
		font-size: 4.5vw;
		background: #dcbe56;
		border-radius: 50%;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.balloon-right-btm:before {
		content: "";
		position: absolute;
		bottom: 5px;
		right: -10px;
		margin-top: -7px;
		border: 4px solid transparent;
		border-left: 12px solid #dcbe56;
		z-index: 0;
		-webkit-transform: rotate(20deg);
		transform: rotate(20deg);
	}
	.balloon-right-top {
		display: inline-block;
		padding: 0 5px;
		width: 8vw;
		height: 8vw;
		line-height: 8vw;
		text-align: center;
		color: #FFF;
		font-size: 4.5vw;
		background: #95adc8;
		border-radius: 50%;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		top: 0;
	}
	.balloon-right-top:before {
		content: "";
		position: absolute;
		top: 5px;
		right: -10px;
		border: 4px solid transparent;
		border-left: 12px solid #95adc8;
		z-index: 0;
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg);
	}
}

@media screen and (min-width: 768px) {
	/* parts */
	.head-border {
		display: flex;
		align-items: center;
	}
	.head-border:before, .head-border:after {
		content: "";
		height: 1px;
		flex-grow: 1;
		background-color: #666;
	}
	.head-border:before {
		margin-right: 1rem;
	}
	.head-border:after {
		margin-left: 1rem;
	}
	.step_img {
		width: 2.5vw;
		margin: 0 auto 4vw;
		padding-top: 9vw;
	}
		/* */
	#pd_b {
		margin-bottom: 6vw;
	}
	#pd_c {
	}
	.pd_c1_box {
		position: relative;
		margin-bottom: 8vw;
	}
	.pd_c1_box>.pd_c_con {
		position: absolute;
		left: 40vw;
    top: 12vw;
	}
	.pd_c1_box .pd_c_con-lead {
		margin-bottom: 3vw;
	}
	.pd_c2_box {
		position: relative;
		margin-bottom: 8vw;
	}
	.pd_c3_box {
		position: relative;
		margin-bottom: 14vw;
	}
	.pd_c3_box>.pd_c_con {
		position: absolute;
		left: 38vw;
    top: 3vw;
	}
	.pd_c_con-lead {
		font-size: 2.2vw;
		line-height: 1.5;
		white-space: nowrap;
	}
	.pd_c_con-txt {
		font-size: 1.2vw;
		line-height: 1.5;
		white-space: nowrap;
	}
	#pd_d {
		margin-bottom: 5vw;
	}
	#pd_e {
		margin-bottom: 10vw;
	}
	.pd_e_ttl {
		text-align: center;
		font-size: 1.3vw;
		margin-bottom: 4vw;
	}
	.pd_e_ttl strong {
		font-weight: normal;
		font-size: 1.9vw;
	}
	.pd_e_mv {
		margin-bottom: 1vw !important;
	}
	#pd_f {
		margin-bottom: 18vw;
	}
	#pd_g {
		margin-bottom: 5vw;
	}
	.pd_g_ttl {
		font-size: 1.5vw;
		text-align: center;
		color: #d6e1e7;
		border: 1px solid #d6e1e7;
		width: 25vw;
		padding: 0.5vw 0;
		margin: 0 auto 5vw;
	}
	.pd_g_list {
		display: flex;
		justify-content: space-between;
		margin-bottom: 4.5vw;
	}
	.pd_g_list li {
		position: relative;
		width: 12vw;
	}
	.pd_g_list li .pd_g_list-txt {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #ffffff;
		font-size: 1.3vw;
		line-height: 1.3;
		text-align: center;
	}
	.pd_g_txt {
		font-size: 2.5vw;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 5.5vw;
	}
	.pd_g_txt strong {
		font-weight: normal;
		font-size: 3vw;
	}
	.pd_i_tag {
		font-style: italic;
		text-align: center;
		color: #949393;
		margin-bottom: 4vw;
	}
	.pd_i_ttl {
		text-align: center;
		font-size: 3vw;
		line-height: 1.5;
		margin-bottom: 2.5vw;
	}
	.pd_j_tag {
		font-style: italic;
		text-align: center;
		color: #949393;
		margin-bottom: 4vw;
	}
	.pd_j_ttl {
		text-align: center;
		font-size: 3vw;
		line-height: 1.5;
		margin-bottom: 2.5vw;
	}
	.pd_j_img1 {
		margin-bottom: 4vw;
		position: relative;
	}
		.pd_j_img1-txt1 {
		font-size: 1.8vw;
		line-height: 1.8;
		position: absolute;
		left: 0;
		top: 0;
	}
		.pd_j_img1-txt2 {
		font-size: 1.2vw;
		line-height: 1.8;
		position: absolute;
		left: 0;
		top: 9vw;
	}
	.pd_j_img2 {
		width: 70vw;
		margin: 0 auto 0;
	}
	#pd_k {
		margin-bottom: 20vw;
	}
	.pd_k_tag {
		font-style: italic;
		text-align: center;
		color: #949393;
		margin-bottom: 4vw;
	}
	.pd_k_ttl {
		text-align: center;
		font-size: 3vw;
		line-height: 1.5;
		margin-bottom: 2.5vw;
	}
	.pd_k_img1 {
		margin-bottom: 4vw;
	}
	.pd_k_img2 {
		width: 63vw;
		margin: 0 auto 0;
	}
	#pd_l {
		margin-bottom: 10vw;
	}
	.pd_l_img {
		margin-bottom: 10vw;
	}
	.pd_l_ttl {
		font-size: 2.6vw;
		line-height: 1.6;
		text-align: center;
		margin-bottom: 5.5vw;
	}
	.pd_l_list {
		display: flex;
		justify-content: space-between;
	}
	.pd_l_list li {
		width: 20vw;
		display: flex;
		flex-direction: column;
	}
	.pd_l_list-img {
		margin-bottom: 2.5vw;
	}
	.pd_l_list-ttl {
		display: inline-block;
		width: 100%;
		text-align: center;
		font-size: 2.8vw;
		margin-bottom: 2.5vw;
	}
	.pd_l_list-txt {
		margin: 0 auto;
		font-size: 1.6vw;
		line-height: 1.6;
		display: flex;
		justify-content: center;
	}
	#pd_m {
		margin-bottom: 10vw;
	}
	#pd_n {
		margin-bottom: 16vw;
	}
	.pd_n_ttl {
		font-size: 1.4vw;
		line-height: 2;
		margin-bottom: 5vw;
		text-align: center;
	}
	.pd_n_ttl strong {
		font-size: 2.6vw;
		font-weight: normal;
	}
	.pd_n_img1 {
		margin-bottom: 15vw;
	}
		.pd_n_img1-ttl {
		font-size: 2vw;
	}
	.pd_n_img1-txt {
		font-size: 1.3vw;
		line-height: 1.6;
	}
	.pd_n_img1a {
		position: relative;
	}
	.pd_n_img1a .pd_n_img1-ttl {
		position: absolute;
		left: 47vw;
		top: 13vw;
	}
	.pd_n_img1a .pd_n_img1-txt {
		position: absolute;
		left: 47vw;
		top: 17vw;
	}
	.pd_n_img1b {
		position: relative;
	}
	.pd_n_img1b .pd_n_img1-ttl {
		position: absolute;
		left: 7vw;
		top: 10vw;
	}
	.pd_n_img1b .pd_n_img1-txt {
		position: absolute;
		left: 7vw;
		top: 13vw;
	}
	.pd_n_img1c {
		position: relative;
		margin-bottom: 1.5vw;
	}
	.pd_n_img1c .pd_n_img1-ttl {
		position: absolute;
		left: 40vw;
		top: 8vw;
	}
	.pd_n_img1c .pd_n_img1-txt {
		position: absolute;
		left: 40vw;
		top: 11vw;
	}
	.pd_n_img1d {
		font-size: 1vw;
	}

	#pd_p {
		margin-bottom: 10vw;
	}
	.pd_p_img1 {
		margin-bottom: 10vw;
	}
	.pd_p_img2 {
		margin-bottom: 15vw;
	}
	.pd_p_img3 {
		margin-bottom: 10vw;
	}
	.pd_p_img4 {
		margin-bottom: 10vw;
	}
	.pd_p_img5 {
		margin-bottom: 15vw;
	}
	.pd_qa {
			/* margin-bottom: 25vw;
		*/
	}
	.pd_qa_ttl {
		text-align: center;
		font-size: 2.5vw;
		margin-bottom: 4vw;
	}
	.pd_qa_ttl_en {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 8vw;
		font-size: 5vw;
	}
	.pd_qa_ttl_en span {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pd_qa_ttl_en .a {
			/* display: inline-block;
		*/
		width: 10vw;
		height: 10vw;
		border: 2px solid #95adc8;
		font-size: 7.5vw;
		color: #ffffff;
		background-color: #95adc8;
		margin-left: 2vw;
	}
	.pd_qa_ttl_en .q {
			/* display: inline-block;
		*/
		width: 10vw;
		height: 10vw;
		border: 2px solid #dcbe56;
		font-size: 7.5vw;
		color: #dcbe56;
		margin-right: 2vw;
	}
	.pd_qa_list {
		font-size: 2vw;
	}
	.pd_qa_q {
		font-weight: bold;
		margin-bottom: 2.5vw;
		position: relative;
		padding-left: 7vw;
	}
	.pd_qa_a {
		margin-bottom: 10vw;
		line-height: 3vw;
		position: relative;
		padding-left: 7vw;
	}
	.pd_qa_a small {
		font-size: 1.3vw;
		line-height: 1.5;
		display: inline-block;
	}
	.balloon-right-btm {
		display: inline-block;
		padding: 0 5px;
		width: 5vw;
		height: 5vw;
		line-height: 5vw;
		text-align: center;
		color: #FFF;
		font-size: 2.5vw;
		background: #dcbe56;
		border-radius: 50%;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.balloon-right-btm:before {
		content: "";
		position: absolute;
		bottom: 4px;
		right: -20px;
		margin-top: -15px;
		border: 15px solid transparent;
		border-left: 25px solid #dcbe56;
		z-index: 0;
		-webkit-transform: rotate(20deg);
		transform: rotate(20deg);
	}
	.balloon-right-top {
		display: inline-block;
		padding: 0 5px;
		width: 5vw;
		height: 5vw;
		line-height: 5vw;
		text-align: center;
		color: #FFF;
		font-size: 2.5vw;
		background: #95adc8;
		border-radius: 50%;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		top: 0;
	}
	.balloon-right-top:before {
		content: "";
		position: absolute;
		top: 6px;
		right: -22px;
		border: 15px solid transparent;
		border-left: 25px solid #95adc8;
		z-index: 0;
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg);
	}
}