@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:https://support-corp.net/
File name:pc.css
Summary:reset styles
Created:2021-10-26
--------------------------------------------------------------- */

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

	/* Index */
	/* ------------------------------------------------------------ */

	main#index section .inner {
		max-width: 1200px;
	}

	/* Mainvisual */
	main#index section#mainvisual .inner {
		max-width: 100%;
		position: relative;
	}

	main#index section#mainvisual .inner::before {
		content: "";
		background: url(../img/common/petal_upper.svg) no-repeat center top;
		width: 1200px;
		height: 194px;
		position: absolute;
		top: -40px;
		left: calc(50% - 600px);
		z-index: 2;
	}

	main#index section#mainvisual .inner::after {
		content: "";
		background: url(../img/common/petal_lower.svg) no-repeat center top;
		width: 1200px;
		height: 168px;
		position: absolute;
		bottom: -40px;
		left: calc(50% - 600px);
		z-index: 2;
	}

	main#index section#mainvisual .swiper-container {
		position: relative;
		overflow: hidden;
	}

	main#index section#mainvisual .swiper-container .swiper-wrapper .swiper-slide {
		width: 920px;
		position: relative;
	}

	main#index section#mainvisual .swiper-container .swiper-wrapper .swiper-slide::before {
		content: "";
		display: block;
		padding-top: 57.7%;
	}

	main#index section#mainvisual .swiper-container .swiper-wrapper .swiper-slide img {
		border-radius: 10px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	main#index section#mainvisual .swiper-container .swiper-button-next {
		background: url(../img/common/btn_slider_next.svg);
		background-size: 64px;
		width: 64px;
		height: 64px;
		margin: 0;
		position: absolute;
		top: calc(50% - 32px);
		right: calc(50% - 507px);
	}

	main#index section#mainvisual .swiper-container .swiper-button-prev {
		background: url(../img/common/btn_slider_prev.svg);
		background-size: 64px;
		width: 64px;
		height: 64px;
		margin: 0;
		position: absolute;
		top: calc(50% - 32px);
		left: calc(50% - 507px);
	}

	main#index section#mainvisual .swiper-container .swiper-button-next::after,
	main#index section#mainvisual .swiper-container .swiper-button-prev::after {
		content: none;
	}

	/* Support */
	main#index section#support {
		padding: 80px 0;
	}

	main#index section#support h3 {
		text-align: center;
	}

	main#index section#support ul {
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#index section#support ul li {
		width: 300px;
	}

	main#index section#support .inner>div {
		display: flex;
		justify-content: flex-end;
	}
	main#index section#support .inner>div ul {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 260px;
		margin: 0 20px;
	}
	main#index section#support .inner>div ul li.pdf {
		text-align: center;
	}
	main#index section#support .inner>div ul li.pdf a {
		font-size: 18px;
		padding: 0 0 5px;
		display: inline-block;
		position: relative;
	}
	main#index section#support .inner>div ul li.pdf a::after {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		bottom: 0px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
	}
	main#index section#support .inner>div ul li.pdf a:hover::after {
		background: #402111;
		bottom: -3px;
	}
	main#index section#support .inner>div ul li.pdf a:nth-of-type(n+2) {
		margin-top: 20px;
	}
	main#index section#support .inner>div ul li.bnr {
		text-align: center;
		margin-top: 20px;
	}

	/* Company */
	main#index section#company {
		background: #fff;
		padding: 80px 0;
	}

	main#index section#company .inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#index section#company .inner>div {
		width: 670px;
	}

	main#index section#company .inner>p {
		width: 484px;
	}

	/* Diary */
	main#index section#diary .inner {
		background: #fff;
		padding: 0 40px 40px;
		overflow: hidden;
	}

	main#index section#diary .inner>div:nth-of-type(1) {
		padding: 30px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#index section#diary .inner>div:nth-of-type(1)>div {
		width: 670px;
	}

	main#index section#diary .inner>div:nth-of-type(1)>p {
		width: 150px;
	}

	main#index section#diary .inner>div:nth-of-type(2) {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
	}

	main#index section#diary article,
	main#diary_list section#diary article {
		width: 285px;
		margin-right: 20px;
	}

	main#index section#diary article a,
	main#diary_list section#diary article a {
		width: 100%;
		display: block;
	}

	main#index section#diary article:nth-of-type(n+5),
	main#diary_list section#diary article:nth-of-type(n+5) {
		margin-top: 20px;
	}

	main#index section#diary article:nth-of-type(4n),
	main#diary_list section#diary article:nth-of-type(4n) {
		margin-right: 0;
	}

	main#index section#diary article figure,
	main#diary_list section#diary article figure {
		width: 100%;
		position: relative;
	}

	main#index section#diary article figure::before,
	main#diary_list section#diary article figure::before {
		content: "";
		display: block;
		padding-top: 57.7%;
	}

	main#index section#diary article figure img,
	main#diary_list section#diary article figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	main#index section#diary article figcaption,
	main#diary_list section#diary article figcaption {
		width: 100%;
	}

	main#index section#diary article figcaption time,
	main#diary_list section#diary article figcaption time {
		font-size: 14px;
		margin-top: 10px;
		display: block;
	}

	main#index section#diary article figcaption h1,
	main#diary_list section#diary article figcaption h1 {
		font-size: 18px;
		font-weight: 700;
		margin-top: 10px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* Contact */
	main#index section#contact {
		background: #fff;
		margin-bottom: 0px;
		padding: 80px 0;
	}

	main#index section#contact .inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#index section#contact .inner>figure {
		width: 360px;
		margin: -280px 0 0 -40px;
	}

	main#index section#contact .inner>figcaption {
		width: 840px;
	}

	main#index section#contact .inner>figcaption>div {
		margin-top: 30px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#index section#contact .inner>figcaption>div p.tel {
		width: 330px;
	}

	main#index section#contact .inner>figcaption>div p.btn {
		width: 400px;
	}

	/* Company */
	/* ------------------------------------------------------------ */

	main#company section#office {
		margin: 0;
		padding: 80px 0;
	}

	main#company section#office .inner>div {
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	main#company section#office .swiper-container {
		position: relative;
		overflow: hidden;
		width: 600px;
	}

	main#company section#office .swiper-container .swiper-wrapper {}

	main#company section#office .swiper-container .swiper-wrapper .swiper-slide {
		position: relative;
	}

	main#company section#office .swiper-container .swiper-wrapper .swiper-slide::before {
		content: "";
		display: block;
		padding-top: 75%;
	}

	main#company section#office .swiper-container .swiper-wrapper .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	main#company section#office .swiper-container .swiper-button-next::after,
	main#company section#office .swiper-container .swiper-button-prev::after {
		content: none;
	}

	main#company section#office .thumbnail-list {
		width: 1000px;
		margin: 40px auto 0;
		position: relative;
	}

	main#company section#office .thumbnail-list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
	}

	main#company section#office .thumbnail-list ul li {
		width: 235px;
		margin-right: 20px;
		position: relative;
	}

	main#company section#office .thumbnail-list ul li::before {
		content: "";
		display: block;
		padding-top: 57.7%;
	}

	main#company section#office .thumbnail-list ul li img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	main#company section#office .thumbnail-list ul li a {
		display: block;
	}

	main#company section#office .thumbnail-list ul li:nth-of-type(n+5) {
		margin-top: 20px;
	}

	main#company section#office .thumbnail-list ul li:nth-of-type(4n) {
		margin-right: 0;
	}

	main#company section#office .dllist1 {
		width: 370px;
		position: absolute;
		top: 0;
		right: 0;
	}

	main#company section#operatingcompany {
		background: #fff;
		margin: 0;
		padding: 80px 0;
	}

	main#company section#operatingcompany figure {
		width: 578px;
		margin: 40px 0;
	}

	main#company section#hughug {
		background: #fff;
		margin: 0;
		padding: 0 0 80px;
	}

	main#company section#hughug .dllist2 figure {
		position: absolute;
		top: -76px;
		right: 0;
	}

	main#company section#hughug .dllist2 figure a {
		display: block;
	}

	main#company section#facilities {
		background: #fff;
		margin: 0;
		padding: 80px 0;
	}

	main#company section#facilities .inner {
		max-width: 1200px;
	}

	main#company section#facilities h3 {
		text-align: center;
	}

	main#company section#facilities figure {
		margin-top: -60px;
	}

	main#company section#facilities figure a {
		display: block;
	}

	/* Videocall */
	/* ------------------------------------------------------------ */

	main#videocall section#about {
		margin: 0;
		padding: 80px 0;
	}

	main#videocall section#about .inner>div {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}

	main#videocall section#about .inner>div>div {
		width: 470px;
	}

	main#videocall section#about .inner>div>div figcaption h4 {
		margin-top: 40px;
	}

	main#videocall section#howto {
		background: #fff;
		margin: 0;
		padding: 80px 0;
	}

	main#videocall section#howto .inner>div {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}

	main#videocall section#howto .inner>div>div>div {
		width: 730px;
		position: relative;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	main#videocall section#howto .inner>div>div>div:nth-of-type(n+2) {
		margin-top: 60px;
	}

	main#videocall section#howto .inner>div>div>div figure {
		position: absolute;
		width: 120px;
		flex-shrink: 0;
	}

	main#videocall section#howto .inner>div>div>div figcaption h4 {
		width: 670px;
		margin: 0 0 10px 60px;
		padding: 0 0 10px 80px;
		border-bottom: 1px #402111 dotted;
		box-sizing: border-box;
	}

	main#videocall section#howto .inner>div>div>div figcaption p.comment {
		margin: 0 0 0 60px;
		padding-left: 80px;
		box-sizing: border-box;
	}

	main#videocall section#howto .inner>div>div>div figcaption p.comment span {
		display: block;
	}

	main#videocall section#howto .inner>div>figure {
		margin-right: -100px;
	}

	main#videocall section#howto .btn {
		width: 490px;
		margin: 40px auto 0;
	}

	main#videocall section#howto .btn a {
		background: #402111;
		width: 490px;
		height: 60px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#videocall section#howto .btn a span {
		color: #fff;
		position: relative;
	}

	main#videocall section#howto .btn a img {
		position: absolute;
		top: 23px;
		right: 15px;
		width: 8px;
		height: 14px;
	}

	/* Facility */
	/* ------------------------------------------------------------ */

	main#facility section#greeting {
		margin: 0;
		padding: 80px 0;
	}

	main#facility section#greeting .inner>div {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#facility section#greeting .inner>div figcaption {
		width: 500px;
	}

	main#facility section#greeting .inner>div figcaption h4 {
		color: #57A9D2;
	}

	main#facility section#greeting .inner>div figcaption p {
		line-height: 2;
	}

	main#facility section#greeting .inner>div figcaption p.comment {
		text-indent: 1em;
	}

	main#facility section#greeting .inner>div figcaption p.sign {
		text-align: right;
		font-size: 18px;
		font-weight: 700;
		margin-top: 20px;
	}

	main#facility section#greeting .inner>div figure {
		width: 480px;
		margin-right: -50px;
	}

	main#facility section#policies {
		background: #fff;
		margin: 0;
		padding: 80px 0;
	}

	main#facility section#policies .inner>div {
		background: url(../img/facility/policies_bg.png) no-repeat left center;
		margin-top: 40px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	main#facility section#policies .inner>div>div {
		width: 800px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	main#facility section#policies .inner>div>div:nth-of-type(2) {
		margin-left: auto;
	}

	main#facility section#policies .inner>div>div figure {
		width: 318px;
		margin-right: 20px;
		flex-shrink: 0;
	}

	main#facility section#policies .inner>div>div figcaption h4 {
		color: #57A9D2;
	}

	main#facility section#policies2 {
		background: #fff;
		margin: 0;
		padding: 80px 0;
	}

	main#facility section#policies2 .inner>div {
		background: url(../img/facility/policies_bg2.png) no-repeat left top;
		margin-top: 40px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	main#facility section#policies2 .inner>div>div {
		width: 740px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	main#facility section#policies2 .inner>div>div:nth-child(even) {
		margin-left: auto;
	}

	main#facility section#policies2 .inner>div>div figure {
		width: 318px;
		margin-right: 20px;
		flex-shrink: 0;
	}

	main#facility section#policies2 .inner>div>div figcaption h4 {
		color: #57A9D2;
	}

	main#facility section#policies3 {
		background: #fff;
		margin: 0;
		padding: 80px 0;
	}

	main#facility section#policies3 .inner>div {
		margin-top: 40px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	main#facility section#policies3 .inner>div>div {
		width: 740px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	main#facility section#policies3 .inner>div>div:nth-of-type(n+2) {
		margin-top: 20px;
	}

	main#facility section#policies3 .inner>div>div figure {
		width: 80px;
		margin-right: 20px;
		flex-shrink: 0;
	}

	main#facility section#policies3 .inner>div>div figcaption h4 {
		color: #57A9D2;
		margin: 0;
	}

	main#facility section#about {
		background: #fff;
		margin: 0;
		padding: 80px 0;
	}

	main#facility section#about .swiper-outer {
		width: 100%;
		position: relative;
	}

	main#facility section#about .swiper-outer::before {
		content: "";
		background: url(../img/facility/petal_upper.svg) no-repeat center top;
		width: 920px;
		height: 194px;
		position: absolute;
		top: -95px;
		left: calc(50% - 460px);
		z-index: 2;
	}

	main#facility section#about .swiper-container {
		position: relative;
		overflow: hidden;
	}

	main#facility section#about .swiper-container .swiper-wrapper .swiper-slide {
		width: 920px;
		position: relative;
	}

	main#facility section#about .swiper-container .swiper-wrapper .swiper-slide::before {
		content: "";
		display: block;
		padding-top: 57.7%;
	}

	main#facility section#about .swiper-container .swiper-wrapper .swiper-slide img {
		border-radius: 10px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	main#facility section#about .swiper-container .swiper-button-next {
		background: url(../img/common/btn_slider_next.svg);
		background-size: 64px;
		width: 64px;
		height: 64px;
		margin: 0;
		position: absolute;
		top: calc(50% - 32px);
		right: calc(50% - 507px);
	}

	main#facility section#about .swiper-container .swiper-button-prev {
		background: url(../img/common/btn_slider_prev.svg);
		background-size: 64px;
		width: 64px;
		height: 64px;
		margin: 0;
		position: absolute;
		top: calc(50% - 32px);
		left: calc(50% - 507px);
	}

	main#facility section#about .swiper-container .swiper-button-next::after,
	main#facility section#about .swiper-container .swiper-button-prev::after {
		content: none;
	}

	main#facility section#about .dllist2 {
		margin-top: 40px;
	}

	main#facility section#about .dllist2 .ddbox .wrap {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	main#facility section#about .dllist2 p.bg {
		position: absolute;
		bottom: -68px;
		left: -20px;
	}

	main#facility section#about .dllist2 p.btn {
		position: absolute;
		bottom: -160px;
		right: -20px;
	}

	main#facility section#accessmap {
		background-color: #fff;
		background-image: url(../img/facility/access_bg.png);
		background-repeat: no-repeat;
		background-position: calc(50% + 100px) 105px;
		margin: 0;
		padding: 80px 0 0;
	}

	main#facility section#accessmap .gmap {
		margin-top: 40px;
		height: 0;
		overflow: hidden;
		padding-bottom: 61.8%;
		position: relative;
	}

	main#facility section#accessmap .gmap iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	main#facility section#gallery {
		margin: 0;
		padding: 80px 0 0;
	}

	main#facility section#gallery .inner {
		max-width: 100%;
		overflow: hidden;
	}

	main#facility section#gallery .inner h3 {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	main#facility section#gallery .swiper-custom-parent {
		position: relative;
	}

	main#facility section#gallery .swiper-container {
		overflow: hidden;
		width: 920px;
		margin: 0 auto;
	}

	main#facility section#gallery .swiper-container .swiper-wrapper {}

	main#facility section#gallery .swiper-container .swiper-wrapper .swiper-slide {
		width: 920px;
		position: relative;
	}

	main#facility section#gallery .swiper-container .swiper-wrapper .swiper-slide::before {
		content: "";
		display: block;
		padding-top: 57.7%;
	}

	main#facility section#gallery .swiper-container .swiper-wrapper .swiper-slide img {
		border-radius: 10px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	main#facility section#gallery .swiper-button-next {
		background: url(../img/common/btn_slider_next.svg);
		background-size: 64px;
		width: 64px;
		height: 64px;
		margin: 0;
		position: absolute;
		top: calc(50% - 32px);
		right: calc(50% - 492px);
	}

	main#facility section#gallery .swiper-button-prev {
		background: url(../img/common/btn_slider_prev.svg);
		background-size: 64px;
		width: 64px;
		height: 64px;
		margin: 0;
		position: absolute;
		top: calc(50% - 32px);
		left: calc(50% - 492px);
	}

	main#facility section#gallery .swiper-button-next::after,
	main#facility section#gallery .swiper-button-prev::after {
		content: none;
	}

	main#facility section#gallery .thumbnail-list {
		background: #fff;
		width: 1200px;
		margin: 40px auto 150px;
		padding: 40px;
		position: relative;
	}

	main#facility section#gallery .thumbnail-list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
	}

	main#facility section#gallery .thumbnail-list ul li {
		width: 285px;
		margin-right: 20px;
		position: relative;
	}

	main#facility section#gallery .thumbnail-list ul li::before {
		content: "";
		display: block;
		padding-top: 57.7%;
	}

	main#facility section#gallery .thumbnail-list ul li img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	main#facility section#gallery .thumbnail-list ul li a {
		display: block;
	}

	main#facility section#gallery .thumbnail-list ul li:nth-of-type(n+5) {
		margin-top: 20px;
	}

	main#facility section#gallery .thumbnail-list ul li:nth-of-type(4n) {
		margin-right: 0;
	}

	main#facility section#gallery .thumbnail-list p.bg {
		position: absolute;
		bottom: -30px;
		right: 230px;
	}

	main#facility section#gallery .thumbnail-list p.btn {
		position: absolute;
		bottom: -130px;
		right: 40px;
	}

	main#facility section#history {
		background: #fff;
		margin: 0;
		padding: 80px 0 160px;
	}

	main#facility section#history .dllist2 {
		margin-top: 40px;
	}

	main#facility section#history .dllist2 .ddbox .wrap {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	main#facility section#history .dllist2 p.bg {
		position: absolute;
		bottom: -68px;
		left: -20px;
	}

	main#facility section#history .dllist2 p.btn {
		position: absolute;
		bottom: -60px;
		right: -20px;
	}


	/* Support */
	/* ------------------------------------------------------------ */

	main#support section#needs {
		margin: 0;
		padding: 80px 0;
	}

	main#support section#needs .inner>div {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}

	main#support section#needs .inner>div figcaption h4 {
		color: #57A9D2;
		line-height: 1.2;
	}

	main#support section#needs .inner>div figure {
		flex-shrink: 0;
		width: 470px;
		margin-left: 40px;
	}

	main#support section#needs .inner>div figure img {
		border-radius: 10px;
	}

	main#support section#oneday {
		background-color: #fff;
		background-image: url(../img/support/headline_bg.png);
		background-repeat: no-repeat;
		background-position: calc(50% - 240px) 65px;
		background-size: 134px 50px;
		margin: 0;
		padding: 80px 0;
	}

	main#support section#oneday .inner>div {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
	}

	main#support section#oneday .inner>div>div {
		width: 485px;
	}

	main#support section#oneday .inner>div>div:nth-of-type(n+3) {
		margin-top: 40px;
	}

	main#support section#oneday .inner>div>div figure {
		width: 485px;
		position: relative;
	}

	main#support section#oneday .inner>div>div figure::before {
		content: "";
		display: block;
		padding-top: 75%;
	}

	main#support section#oneday .inner>div>div figure img {
		border-radius: 10px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	main#support section#oneday .inner>div>div figcaption h4 {
		text-align: center;
		margin-top: 20px;
	}

	main#support section#therapy {
		background-color: #fff;
		background-image: url(../img/support/therapy_bg.svg);
		background-repeat: no-repeat;
		background-position: calc(50% - 170px) 10px;
		background-size: 310px auto;
		margin: 0;
		padding: 0;
	}

	main#support section#therapy .inner {
		padding: 80px 0;
		border-top: 1px #402111 dotted;
	}

	main#support section#therapy .inner>div {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

	main#support section#therapy .inner>div:nth-of-type(n+2) {
		margin-top: 40px;
	}

	main#support section#therapy .inner>div figure {
		width: 480px;
		margin-right: 40px;
		flex-shrink: 0;
		position: relative;
	}

	main#support section#therapy .inner>div figure::before {
		content: "";
		display: block;
		padding-top: 70.7%;
	}

	main#support section#therapy .inner>div figure img {
		border-radius: 10px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	main#support section#therapy .inner>div figcaption h4 {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#support section#therapy .inner>div figcaption h4 span {
		border-radius: 10px;
		background: #57A9D2;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		width: 180px;
		height: 36px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#support section#events {
		background-image: url(../img/support/headline_bg.png);
		background-repeat: no-repeat;
		background-position: calc(50% - 240px) 65px;
		margin: 0;
		padding: 80px 0;
	}

	main#support section#events h4 {
		border-radius: 10px;
		background: #E96E76;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		width: 100%;
		height: 36px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 40px;
	}

	main#support section#events .inner>div {
		position: relative;
	}

	main#support section#events .inner>div>div {
		border-top: 1px #402111 dotted;
		padding: 40px 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	main#support section#events .inner>div>div>figure {
		width: 150px;
		margin: -20px 40px 0 0;
		flex-shrink: 0;
	}

	main#support section#events .inner>div>figure {
		position: absolute;
		top: 0;
		right: 0;
	}

	main#index section#howto,
	main#support section#howto {
		background-color: #fff;
		background-image: url(../img/support/howto_bg.png);
		background-repeat: no-repeat;
		background-position: calc(50% + 450px) 50px;
		margin: 0;
		padding: 80px 0;
	}

	main#index section#howto .inner,
	main#support section#howto .inner {
		max-width: 1200px;
	}

	main#index section#howto h3,
	main#support section#howto h3 {
		text-align: center;
	}

	main#index section#howto figure:nth-of-type(n+2),
	main#support section#howto figure:nth-of-type(n+2) {
		margin-top: 40px;
	}

	main#index section#howto figure,
	main#support section#howto figure {
		background: #fff;
	}

	main#index section#howto figure a,
	main#support section#howto figure a {
		display: block;
	}

	main#index section#howto .inner>.comment,
	main#support section#howto .inner>.comment {
		text-align: center;
		margin-top: 60px;
	}

	/* Howto */
	/* ------------------------------------------------------------ */

	main#howto section#after,
	main#howto section#daytime {
		margin: 0;
		padding: 80px 0;
	}

	main#howto section#daytime {
		background: #fff;
	}

	main#howto section#after .inner>div:nth-of-type(1),
	main#howto section#daytime .inner>div:nth-of-type(1) {
		margin: 40px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#howto section#after .inner>div>figcaption,
	main#howto section#daytime .inner>div>figcaption {
		width: 500px;
	}

	main#howto section#after .inner>div>figcaption h4:nth-of-type(2),
	main#howto section#daytime .inner>div>figcaption h4:nth-of-type(2) {
		margin-top: 40px;
	}

	main#howto section#after .inner>div>figcaption aside dl,
	main#howto section#daytime .inner>div>figcaption aside dl {
		margin-top: 20px;
	}

	main#howto section#after .inner>div>figcaption aside dl dt,
	main#howto section#daytime .inner>div>figcaption aside dl dt {
		background: #402111;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		transform: rotate(-10deg);
		margin-bottom: -30px;
		padding: 10px 15px;
		display: inline-block;
	}

	main#howto section#after .inner>div>figcaption aside dl dd,
	main#howto section#daytime .inner>div>figcaption aside dl dd {
		border: 1px #402111 solid;
		border-radius: 10px;
		background: #ECE8E7;
		color: #402111;
		font-size: 14px;
		font-weight: 700;
		width: 428px;
		height: 48px;
		margin: 10px auto 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#howto section#after .inner>div>figure,
	main#howto section#daytime .inner>div>figure {
		margin-right: -40px;
	}

	main#howto section#after .dllist2,
	main#howto section#daytime .dllist2 {
		margin: 40px 0;
	}

	main#howto section#after .dllist2 .ddbox .wrap,
	main#howto section#daytime .dllist2 .ddbox .wrap {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	main#howto section#after .reserve,
	main#howto section#daytime .reserve {
		border: 6px #57A9D2 solid;
		border-radius: 10px;
		background: #DDEEF6;
		color: #402111;
		margin-top: 40px;
		padding: 30px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#howto section#after .reserve>div:nth-of-type(1),
	main#howto section#daytime .reserve>div:nth-of-type(1) {
		width: 490px;
	}

	main#howto section#after .reserve>div:nth-of-type(2),
	main#howto section#daytime .reserve>div:nth-of-type(2) {
		width: 400px;
	}

	main#howto section#after .reserve h5 em,
	main#howto section#daytime .reserve h5 em {
		color: #57A9D2;
		font-weight: 700;
		vertical-align: initial;
	}

	main#howto section#after .reserve p.comment,
	main#howto section#daytime .reserve p.comment {
		font-size: 14px;
	}

	main#howto section#after .reserve h6,
	main#howto section#daytime .reserve h6 {
		background: #402111;
		color: #fff;
		text-align: center;
		font-size: 14px;
		padding: 15px 0;
	}

	main#howto section#after .reserve p.tel,
	main#howto section#daytime .reserve p.tel {
		margin-top: 20px;
	}

	/* Diary List */
	/* ------------------------------------------------------------ */

	main#diary_list section#diary {
		margin: 0;
		padding: 80px 0;
	}

	main#diary_list section#diary .inner {
		background: #fff;
		max-width: 1200px;
		padding: 40px;
		overflow: hidden;
	}

	main#diary_list section#diary .inner>div {
		margin-top: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
	}

	main#diary_list section ul.pagination {
		margin-top: 40px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#diary_list section ul.pagination li {
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 0;
		margin: 0 10px;
	}

	main#diary_list section ul.pagination li a {
		color: #402111;
		width: 60px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#diary_list section ul.pagination li.number a {
		background: url(../img/diary/btn_bg_off.svg) no-repeat center center;
		background-size: 60px;
	}

	main#diary_list section ul.pagination li.number.active a {
		background: url(../img/diary/btn_bg_on.svg) no-repeat center center;
		background-size: 60px;
		color: #fff;
	}

	main#diary_list section ul.pagination li.prev a,
	main#diary_list section ul.pagination li.next a {
		background: url(../img/diary/btn_bg_on.svg) no-repeat center center;
		background-size: 60px;
		color: #fff;
	}

	main#diary_list section div.pagination {
		margin-top: 40px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#diary_list section div.pagination a,
	main#diary_list section div.pagination span {
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 0;
		margin: 0 10px;
		color: #402111;
		width: 60px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#diary_list section div.pagination a {
		background: url(../img/diary/btn_bg_off.svg) no-repeat center center;
		background-size: 60px;
	}

	main#diary_list section div.pagination span {
		background: url(../img/diary/btn_bg_on.svg) no-repeat center center;
		background-size: 60px;
		color: #fff;
	}

	main#diary_list section div.pagination a.prev,
	main#diary_list section div.pagination a.next {
		background: url(../img/diary/btn_bg_on.svg) no-repeat center center;
		background-size: 60px;
		color: #fff;
	}

	/* Diary Detail */
	/* ------------------------------------------------------------ */

	main#diary_detail section#diary {
		margin: 0;
		padding: 80px 0;
	}

	main#diary_detail section#diary .inner {
		background: #fff;
		max-width: 1200px;
		padding: 40px;
		overflow: hidden;
	}

	main#diary_detail section#diary .swiper-custom-parent {
		position: relative;
	}

	main#diary_detail section#diary .swiper-container {
		overflow: hidden;
		width: 1200px;
		margin: 0 auto;
	}

	main#diary_detail section#diary .swiper-container .swiper-wrapper {}

	main#diary_detail section#diary .swiper-container .swiper-wrapper .swiper-slide {
		width: 1200px;
		position: relative;
	}

	main#diary_detail section#diary .swiper-container .swiper-wrapper .swiper-slide::before {
		content: "";
		display: block;
		padding-top: 57.7%;
	}

	main#diary_detail section#diary .swiper-container .swiper-wrapper .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	main#diary_detail section#diary .swiper-button-next {
		background: url(../img/common/btn_slider_next.svg);
		background-size: 64px;
		width: 64px;
		height: 64px;
		margin: 0;
		position: absolute;
		top: calc(50% - 32px);
		right: -32px;
	}

	main#diary_detail section#diary .swiper-button-prev {
		background: url(../img/common/btn_slider_prev.svg);
		background-size: 64px;
		width: 64px;
		height: 64px;
		margin: 0;
		position: absolute;
		top: calc(50% - 32px);
		left: -32px;
	}

	main#diary_detail section#diary .swiper-button-next::after,
	main#diary_detail section#diary .swiper-button-prev::after {
		content: none;
	}

	main#diary_detail section#diary .thumbnail-list {
		background: #fff;
		width: 1200px;
		margin: 40px auto;
		position: relative;
	}

	main#diary_detail section#diary .thumbnail-list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
	}

	main#diary_detail section#diary .thumbnail-list ul li {
		width: 285px;
		margin-right: 20px;
		position: relative;
	}

	main#diary_detail section#diary .thumbnail-list ul li::before {
		content: "";
		display: block;
		padding-top: 57.7%;
	}

	main#diary_detail section#diary .thumbnail-list ul li img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	main#diary_detail section#diary .thumbnail-list ul li a {
		display: block;
	}

	main#diary_detail section#diary .thumbnail-list ul li:nth-of-type(n+5) {
		margin-top: 20px;
	}

	main#diary_detail section#diary .thumbnail-list ul li:nth-of-type(4n) {
		margin-right: 0;
	}

	main#diary_detail section#diary h3 {
		line-height: 1.25;
		margin: 40px 0 0;
		padding-bottom: 40px;
		border-bottom: 1px #402111 dotted;
	}

	main#diary_detail section#diary pre {
		font-size: 18px;
		line-height: 2;
		font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
		white-space: pre-wrap;
		overflow: hidden;
		padding: 40px 0;
	}

	#eSingleContent {
		font-size: 18px;
		line-height: 2;
		font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
		white-space: pre-wrap;
		overflow: hidden;
		padding: 40px 0;
	}
	#eSingleContent p {
		margin: 1.5em 0;
		font-size: 18px;
		line-height: 2;
	}
	main#diary_detail section ul.hashtag {
		border-top: 1px #402111 dotted;
		padding-top: 30px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}

	main#diary_detail section ul.hashtag li {
		margin: 10px 1.1em 0 0;
	}

	main#diary_detail section ul.pagination {
		width: 100%;
		max-width: 1200px;
		margin: 40px auto 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	main#diary_detail section ul.pagination li {
		text-align: center;
		width: 110px;
	}

	main#diary_detail section ul.pagination li a {
		color: #402111;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 0;
		line-height: 1;
		vertical-align: baseline;
	}

	main#diary_detail section ul.pagination li.arrow {
		position: relative;
	}

	main#diary_detail section ul.pagination li.arrow::before,
	main#diary_detail section ul.pagination li.arrow::after {
		content: "";
		vertical-align: middle;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
	}

	main#diary_detail section ul.pagination li.prev {
		padding-left: 20px;
	}

	main#diary_detail section ul.pagination li.prev::before {
		left: 0;
		width: 8px;
		height: 8px;
		border-top: 2px #402111 solid;
		border-left: 2px #402111 solid;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	main#diary_detail section ul.pagination li.next {
		padding-right: 20px;
	}

	main#diary_detail section ul.pagination li.next::before {
		right: 0;
		width: 8px;
		height: 8px;
		border-top: 2px #402111 solid;
		border-right: 2px #402111 solid;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* Contact */
	/* ------------------------------------------------------------ */

	main#contact section#facilities {
		margin: 0;
		padding: 80px 0;
	}

	main#contact section#facilities .inner {
		max-width: 1200px;
	}

	main#contact section#facilities h3 {
		text-align: center;
	}

	main#contact section#facilities h3 em {
		color: #57A9D2;
		font-weight: 700;
		display: block;
		margin-bottom: 10px;
	}

	main#contact section#facilities figure {
		margin-top: -60px;
	}

	main#contact section#facilities figure a {
		display: block;
	}

	main#contact section#tel {
		background: #fff;
		margin: 0;
		padding: 80px 0;
	}

	main#contact section#tel .inner>div {
		margin-top: 40px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	main#contact section#tel div p.tel {
		width: 450px;
		margin-right: 20px;
	}

	main#contact section#tel div p.available {
		font-size: 14px;
		line-height: 1.5;
	}

	main#contact section#form {
		margin: 0;
		padding: 80px 0;
	}

	main#contact section#form .notes {
		background: #EFC0C5;
		margin: 0;
		margin: 40px 0 80px;
		padding: 40px 80px;
	}

	main#contact section#form .notes p.indent {
		color: #fff;
	}

	/* Assesment */
	/* ------------------------------------------------------------ */

	main#assesment section#contents {
		margin: 0;
		padding: 80px 0;
	}

	main#assesment section#contents .inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		box-sizing: border-box;
		width: 100%;
	}

	main#assesment section#contents .inner .explanation {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		box-sizing: border-box;
		width: 100%;
		padding: 35px 40px;
		background: #ECE8E7;
		border: 1px #402111 solid;
		border-radius: 20px;
	}
	main#assesment section#contents .inner .explanation .lead {
		padding-bottom: 10px;
		border-bottom: 1px #402111 solid;
		margin-bottom: 30px;
	}

	main#assesment section#contents .inner .explanation .comment {
		text-align: center;
	}

	main#assesment section#contents .inner .download {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		box-sizing: border-box;
		width: 100%;
		padding: 35px 40px;
		background: #fff;
		border-radius: 20px;
		margin-top: 80px;
	}
	main#assesment section#contents .inner .download .title {
		color: #402111;
	}

	main#assesment section#contents .inner .download .title span {
		color: #666;
		font-size: 14px;
		margin-left: 1em;
	}

	main#assesment section#contents .inner .download .comment {
		text-align: left;
	}

	main#assesment section#contents .inner .download .btn {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		box-sizing: border-box;
		border-radius: 10px;
		background: #402111;
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		width: 240px;
		height: 60px;
		margin: 20px 0 0 auto;
		padding-left: 30px;
		position: relative;
	}

	main#assesment section#contents .inner .download .btn::after {
		background-image: url(../img/assesment/icon-download.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		content: "";
		width: 19px;
		height: 23px;
		position: absolute;
		right: 30px;
	}
}