@charset "utf-8";
/* Copyright 2019 FSFIELD All Rights Reserved. */

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	ABAセラピストHaffyについて

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

	.about_inner{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.about_inner h3 img{
		width: 300px;
		height: auto;
	}

	.txt_about01{
		text-align: center;
		width: 430px;
	}

	.txt_about01 .txt{margin-bottom: 50px;}

	.txt_about01 .txt a{
		color: #465866;
		text-decoration: underline;
	}

	.txt_about01 .txt a:hover{text-decoration: none;}

	.txt_about02{
		text-align: center;
		width: 500px;
	}

	.txt_about02 .txt{margin-bottom: 50px;}

	.txt_about02 .txt a {
		color: #465866;
		text-decoration: underline;
	}

	.txt_about02 .txt a:hover{text-decoration: none;}

	.txt_about02 + img{width: 500px;}

	/* ご挨拶
	---------------------------------------------- */
	.sec_about01 .about_inner:nth-child(1){margin-bottom: 60px;}

	.sec_about01 .about_inner:nth-child(1) figure{
		width: 630px;
		aspect-ratio: 630 / 300;
		border-radius: 13px;
		overflow: hidden;
	}

	.sec_about01 .about_inner:nth-child(1) figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sec_about01 .about_inner:nth-child(2){
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.sec_about01 .about_inner:nth-child(2) figure{
		width: 570px;
		aspect-ratio: 570 / 340;
		border-radius: 13px;
		overflow: hidden;
	}

	.sec_about01 .about_inner:nth-child(2) figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* サービス概要
	---------------------------------------------- */
	.sec_about02{
		width: 1000px;
		margin: 0 auto;
	}

	.sec_about02 .about_inner{
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.sec_about02 .about_inner h3{margin-bottom: 35px;}

	.sec_about02 .about_inner figure{
		width: 500px;
		aspect-ratio: 500 / 558;
		border-radius: 13px;
		overflow: hidden;
	}

	.sec_about02 .about_inner figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

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

	ご挨拶

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

	.greeting_inner01{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.greeting_inner01 h3{
		background: url("../img/bg02.png") no-repeat 0 0;
		background-size: 300px;
		font-size: 2.2rem;
		line-height: 1.8;
		text-align: center;
		width: 300px;
		height: 300px;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		padding-top: 40px;
	}

	.greeting_inner01 figure img{
		width: 630px;
		height: auto;
	}

	.txt_greeting01{
		margin: 60px 0;
		line-height: 2.2;
	}

	.txt_greeting01 p{margin-bottom: 20px;}

	.txt_greeting01 p:last-of-type{margin-bottom: 0;}

	.greeting_inner02{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.greeting_inner02 figure img{
		width: 570px;
		height: auto;
	}

	.history{
		width: 400px;
		line-height: 2.2;
		margin-left: auto;
	}

	.history h4{margin-bottom: 5px;}

	.history p{margin-bottom: 30px;}

	.sec_greeting02{
		width: 1000px;
		margin: 0 auto;
	}

	.other_info{
		line-height: 2.2;
		margin-bottom: 40px;
	}

	.other_info:last-of-type{margin-bottom: 0;}

	.other_info a{
		color: #465866;
		text-decoration: underline;
	}

	.other_info a:hover{opacity: 0.7;}


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

	サービス概要

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

	.txt_overview01{
		text-align: center;
		line-height: 2.2;
		margin-bottom: 50px;
	}

	.wrap_feature{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -20px;
	}

	.feature{
		width: 320px;
		border: 4px solid #79C5E3;
		border-radius: 10px;
		padding: 50px 20px;
		line-height: 1.8;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		text-align: center;
		margin: 0 20px 20px 0;
	}

	.feature:nth-child(3n){margin-right: 0;}

	.overview01{
		width: 1000px;
		margin: 0 auto;
	}

	.txt_overview02{margin-bottom: 30px;}

	.main_instruction{
		line-height: 2.2;
		margin-bottom: 40px;
	}

	.main_instruction:last-of-type{margin-bottom: 0;}

	.main_instruction h3 a{
		color: #26A5DF;
		text-decoration: underline;
	}

	.main_instruction h3 a:hover{opacity: 0.7;}


}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	ABAセラピストHaffyについて

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

	.about_inner h3{
		text-align: center;
		margin-bottom: 30px;
	}

	.about_inner h3 img{
		width: 46.66vw;
		height: auto;
	}

	.about_inner figure{
		width: 100%;
		aspect-ratio: 345 / 170;
		border-radius: 5px;
		overflow: hidden;
	}

	.about_inner .img_about01{
		width: 100%;
		aspect-ratio: 345 / 206;
		border-radius: 5px;
		overflow: hidden;
	}

	.about_inner figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.txt_about01{
		text-align: center;
		margin: 30px 0 40px;
	}

	.txt_about01 .txt{margin-bottom: 20px;}

	.txt_about01 .txt a{
		color: #465866;
		text-decoration: underline;
	}

	.sec_about02{padding: 0 15px;}

	.txt_about02{
		text-align: center;
		margin-bottom: 40px;
	}

	.txt_about02 .txt{margin-bottom: 20px;}

	.txt_about02 + img{width: 100%;}


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

	ご挨拶

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

	.greeting_inner01 h3{
		background: url("../img/bg02.png") no-repeat 0 0;
		background-size: 46.66vw;
		font-size: 3.73vw;
		line-height: 1.8;
		text-align: center;
		width: 46.66vw;
		height: 46.66vw;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		padding-top: 5.33vw;
		margin: 0 auto 40px;
	}

	.greeting_inner01 figure img{
		width: 100%;
		height: auto;
	}

	.txt_greeting01{margin: 30px 0;}

	.txt_greeting01 p{margin-bottom: 15px;}

	.txt_greeting01 p:last-of-type{margin-bottom: 0;}

	.greeting_inner02 figure{margin-bottom: 30px;}

	.greeting_inner02 figure img{
		width: 100%;
		height: auto	;
	}

	.history{line-height: 2.2;}

	.history h4{margin-bottom: 5px;}

	.history p{margin-bottom: 30px;}

	.sec_greeting02{}

	.other_info{
		line-height: 2.2;
		margin-bottom: 30px;
	}

	.other_info:last-of-type{margin-bottom: 0;}

	.other_info a{
		color: #465866;
		text-decoration: underline;
	}


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

	サービス概要

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

	.txt_overview01{
		text-align: center;
		line-height: 2.2;
		margin-bottom: 25px;
	}

	.wrap_feature{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: -15px;
	}

	.feature{
		width: 47.82%;
		border: 2px solid #79C5E3;
		border-radius: 5px;
		padding: 13.33vw 15px;
		line-height: 1.8;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		text-align: center;
		margin-bottom: 15px;
	}

	.overview01{}

	.txt_overview02{margin-bottom: 25px;}

	.main_instruction{
		line-height: 2.2;
		margin-bottom: 30px;
	}

	.main_instruction:last-of-type{margin-bottom: 0;}

	.main_instruction h3 a{
		color: #26A5DF;
		text-decoration: underline;
	}


}/*--@media--*/