@charset "UTF-8";

/*------------------------------------------------------------sec01*/
#sec01 {
	padding:40px 0 18px;
}
#sec01 .fig_therapy_wrap {
	margin-bottom: 30px;
	background: url(../img/sakura.png) center center no-repeat;
	background-size: 200% auto;
}
#sec01 .fig_therapy {
	position: relative;
}
#sec01 .fig_therapy h3 {
	position: absolute;
	width: 56%;
	top: 50%;
	left: 50%;
	margin-top:-3%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	z-index: 2;
}
#sec01 .fig_therapy h3 img {
	width: 100%;
	max-width: 399px;
	height: auto;
}
#sec01 .fig_therapy ul {
	position: relative;
	font-size:0;
	display: inline-block;
}
#sec01 .fig_therapy_wrap ul::after {
	position: absolute;
	width: 76%;
	height: 70%;
	top: 50%;
	left: 50%;
	content: "";
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	border-radius: 50%;
	border:solid 10px #c9b182;
}
#sec01 .fig_therapy ul li {
	position: relative;
	display: inline-block;
	width: 49%;
	max-width: 340px;
	z-index: 1;
}
/*#sec01 .fig_therapy ul li:nth-child(-n+2) {
	margin-bottom: 65%;
}*/
/*#sec01 .fig_therapy ul li:nth-child(2n-1) {
	margin-right: 2%;
}*/
#sec01 .fig_therapy ul li:nth-child(1) {
  margin-bottom: 65%;
  -ms-transform: translateX(-50%); 
  -webkit-transform: translateX(-50%); 
  transform: translateX(-50%); 
  left: 50%;
}
#sec01 .fig_therapy ul li:nth-child(2) {
  -ms-transform: translateY(110%); 
  -webkit-transform: translateY(110%);
  transform: translateY(110%);
  right: -10px;
}
#sec01 .fig_therapy ul li:nth-child(3) {
  -ms-transform: translateY(-110%); 
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
  left: -10px;
}
#sec01 .fig_therapy ul li:nth-child(4) {
  -ms-transform: translateX(50%); 
  -webkit-transform: translateX(50%); 
  transform: translateX(50%);
  right: 50%;
}
#sec01 .fig_therapy ul li img {
	width: 100%;
	height: auto;
}
@media print, screen and (min-width:480px) {
#sec01 .fig_therapy h3 {
	width: 44%;
	margin-top:-6%;
}
#sec01 .fig_therapy ul li {
	width: 40%;
}
/*#sec01 .fig_therapy ul li:nth-child(-n+2) {
	margin-bottom: 40%;
}
#sec01 .fig_therapy ul li:nth-child(2n-1) {
	margin-right: 20%;
}*/
#sec01 .fig_therapy ul li:nth-child(1) {
  margin-bottom: 40%;
  left: 40%;
}
#sec01 .fig_therapy ul li:nth-child(2) {
  right: -40px;
}
#sec01 .fig_therapy ul li:nth-child(3) {
  transform: translateY(-83%);
  left: -40px;
}
#sec01 .fig_therapy ul li:nth-child(4) {
  right: 40%;
}
}
@media print, screen and (min-width:768px) {
#sec01 {
	padding:60px 0 38px;
}
#sec01 .fig_therapy_wrap {
	margin-bottom: 45px;
	background: url(../img/sakura.png) center center no-repeat;
	background-size: auto auto;
}
#sec01 .fig_therapy_wrap ul::after {
	width: 69.8398%;
	height: 75.3246%;
	border:solid 20px #c9b182;
}
#sec01 .fig_therapy h3 {
	width: 35.4982%;
	margin-top:-50px;
}
#sec01 .fig_therapy ul {
  margin-top: 20px;
}
#sec01 .fig_therapy ul li {
	width: 35%;
}
/*#sec01 .fig_therapy ul li:nth-child(-n+2) {
	margin-bottom: 47px;
}
#sec01 .fig_therapy ul li:nth-child(2n-1) {
	margin-right: 30%;
}*/
#sec01 .fig_therapy ul li:nth-child(1) {
  margin-bottom: 47px;
  left: 35%;
}
#sec01 .fig_therapy ul li:nth-child(2) {
  -ms-transform: translateY(55%);
  -webkit-transform: translateY(55%);
  transform: translateY(55%);
  right: -167px;
    
}
#sec01 .fig_therapy ul li:nth-child(3) {
  -ms-transform: translateY(-58%);
  -webkit-transform: translateY(-58%);
  transform: translateY(-58%);
  left: -167px;
}
#sec01 .fig_therapy ul li:nth-child(4) {
  right: 35%;
}
#sec01 .fig_therapy ul li a {
	transition: all 0.5s;
}
#sec01 .fig_therapy ul li a:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
}
@media print, screen and (min-width:992px) {
#sec01 .fig_therapy h3 {
	margin-top:-80px;
}
}
@media print, screen and (min-width:1200px) {
#sec01 .fig_therapy h3 {
	width: 399px;
	margin-top:-50px;
	top:50%;
	left:50%;
	margin-top: -280px;
	margin-left: -200px;
	transform: translateY(-0%) translateX(-0%);
	-webkit-transform: translateY(-0%) translateX(-0%);
}
#sec01 .fig_therapy h3 img {
	width: 399px;
}
#sec01 .fig_therapy ul {
	display: inline-block;
	width: 1124px;
}
/*#sec01 .fig_therapy ul li:nth-child(-n+2) {
	margin-bottom: 47px;
}
#sec01 .fig_therapy ul li:nth-child(2n-1) {
	margin-right: 39.5018%;
}*/
#sec01 .fig_therapy ul li:nth-child(1) {
  left: 46%;
}
#sec01 .fig_therapy ul li:nth-child(2) {
  right: 372px;
    
}
#sec01 .fig_therapy ul li:nth-child(3) {
  -ms-transform: translateY(55%);
  -webkit-transform: translateY(55%);
  transform: translateY(55%);
  left: 37px;
}
#sec01 .fig_therapy ul li:nth-child(4) {
  right: 15%;
}
}

#sec01 .note {
	text-align: center;
	padding:0 10px 20px;
}
#sec01 .note h3 {
	position: relative;
	text-align: center;
	z-index: 1;
}
#sec01 .note h3 img {
	margin-top:-30px;
	width: 160px;
	max-width: 327px;
	height: auto;
}
#sec01 .note p img {
	width: 100%;
	max-width: 687px;
	height: auto;
}
@media print, screen and (min-width:480px) {
#sec01 .note {
	font-size: 0;
	text-align: left;
	padding:15px 10px 20px;
}
#sec01 .note h3 {
	display: inline-block;
	width: 30%;
	margin-right: 4%;
	vertical-align: top;
}
#sec01 .note h3 img {
	margin-top:-45px;
	width: 100%;
	max-width: 327px;
	height: auto;
}
#sec01 .note p {
	display: inline-block;
	width: 66%;
	vertical-align: top;
}
#sec01 .note p img {
	width: 100%;
	max-width: 687px;
	height: auto;
}
}
@media print, screen and (min-width:1200px) {
#sec01 .note {
	font-size: 0;
	text-align: left;
	padding:31px 0 21px 14px;
}
#sec01 .note h3 {
	width: 327px;
	margin-right: 53px;
}
#sec01 .note h3 img {
	margin-top:-61px;
	width: 327px;
	max-width: 327px;
	height: auto;
}
#sec01 .note p {
	width: 687px;
}
#sec01 .note p img {
	width: 687px;
	max-width: 687px;
	height: auto;
}
}

/*------------------------------------------------------------common*/
.figbox {
	text-align: left;
}
.figbox > figure {
	text-align: center;
	margin-bottom: 10px;
}
.figbox > figure img {
	width: 100%;
	max-width: 220px;
	height: auto;
}
.figbox .tx > p.tx_margin {
	margin-bottom: 15px;
}
@media print, screen and (min-width:480px) {
.figbox {
	font-size:0;
}
.figbox > figure {
	display: inline-block;
	width: 40%;
	margin-right: 2%;
	margin-bottom: 0;
	vertical-align: middle;
}
.figbox > figure img {
	width: 100%;
	max-width: 356px;
	height: auto;
}
.figbox .tx {
	display: inline-block;
	width: 58%;
	vertical-align: middle;
}
}
@media print, screen and (min-width:992px) {
.figbox > figure {
	display: inline-block;
	width: 31.2280%;
	margin-right: 3.2456%;
	margin-bottom: 0;
	vertical-align: middle;
}
.figbox > figure img {
	width: 100%;
	max-width: 356px;
	height: auto;
}
.figbox .tx {
	display: inline-block;
	width: 65.5264%;
	vertical-align: middle;
}
}

.figbox .tx .note {
	margin-top: 46px;
	padding:10px;
}
.figbox .tx .note ul li {
	margin-bottom: 8px;
	padding-left:26px;
	line-height: 1.3;
	font-size:18px;
	font-weight: bold;
	background: url(../img/check01.png) top left no-repeat;
	background-size: 20px auto;
}
.figbox .tx .note figure {
	text-align: center;
}
.figbox .tx .note figure img {
	width: 150px;
	height: auto;
}
@media print, screen and (min-width:992px) {
.figbox .tx .note {
	margin-top: 46px;
	padding:10px 30px;
	font-size:0;
}
.figbox .tx .note ul  {
	display: inline-block;
	width: 58%;
	vertical-align: middle;
}
.figbox .tx .note ul li {
	margin-bottom: 9px;
	padding-top: 2px;
	padding-left:36px;
	min-height: 25px;
	line-height: 1.3;
	font-size:18px;
	font-weight: bold;
	background: url(../img/check01.png) top left no-repeat;
	background-size: auto auto;
}
.figbox .tx .note figure  {
	display: inline-block;
	width: 40%;
	margin-left:2%;
	vertical-align: bottom;
}
.figbox .tx .note figure img {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: -20px;
	z-index: 1;
}
}
@media print, screen and (min-width:1200px) {
.figbox .tx .note ul  {
	width: 453px;
}
.figbox .tx .note figure  {
	width: 234px;
	margin-left:0;
	vertical-align: bottom;
}
.figbox .tx .note figure img {
	width: 234px;
	height: auto;
}
}