@charset "UTF-8";

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

@media screen and (max-width: 1224px) {


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

	main#index section .inner {
		padding: 0 4vw;
	}

	/* Mainvisual */
	main#index section#mainvisual {
		padding: 40px 0 40px;
		overflow: hidden;
	}

	main#index section#mainvisual .inner {
		position: relative;
		padding: 0;
	}

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

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

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

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

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

	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 {
		display: none;
	}

	main#index section#mainvisual .swiper-container .swiper-button-prev {
		display: none;
	}

	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: 0 0 40px;
	}

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

	main#index section#support ul {
		margin-top: 20px;
		display: block;
	}

	main#index section#support ul li {
		text-align: center;
		width: 100%;
	}

	main#index section#support ul li img {
		width: 100%;
		max-width: 300px;
	}

	main#index section#support .inner>div {
		display: block;
	}
	main#index section#support .inner>div ul {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 0;
	}
	main#index section#support .inner>div ul li.pdf {
		text-align: center;
	}
	main#index section#support .inner>div ul li.pdf a {
		font-size: 14px;
		display: block;
	}
	main#index section#support .inner>div ul li.pdf a:nth-of-type(n+2) {
		margin-top: 30px;
	}
	main#index section#support .inner>div ul li.bnr {
		width: 100%;
		max-width: 260px;
		margin: 30px auto 0;
	}

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

	main#index section#company .inner {
		display: block;
	}

	main#index section#company .inner>div {}

	main#index section#company .inner>p {
		width: 100%;
		max-width: 484px;
		margin: 20px auto 0;
	}

	/* Diary */
	main#index section#diary {
		padding: 40px 4vw;
	}

	main#index section#diary .inner {
		background: #fff;
		padding: 0 4vw 4vw;
	}

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

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

	main#index section#diary .inner>div:nth-of-type(1)>p {
		width: 75px;
		flex-shrink: 0;
		margin: 0 -6vw 0 4vw;
	}

	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: 48%;
		margin-right: 4%;
	}

	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+3),
	main#diary_list section#diary article:nth-of-type(n+3) {
		margin-top: 4vw;
	}

	main#index section#diary article:nth-of-type(2n),
	main#diary_list section#diary article:nth-of-type(2n) {
		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: 10px;
		margin-top: 5px;
		display: block;
	}

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

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

	main#index section#contact .inner {
		display: block;
	}

	main#index section#contact .inner>figure {
		width: 180px;
		margin: -60px auto 20px;
	}

	main#index section#contact .inner>figcaption {
		width: 100%;
	}

	main#index section#contact .inner>figcaption>div {
		margin-top: 20px;
		display: block;
	}

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

	main#index section#contact .inner>figcaption>div p.btn {
		margin-top: 10px;
		width: 200px;
	}

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

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

	main#company section#office .inner>div {
		width: 100%;
		display: block;
	}

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

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

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

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

	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 {
		margin: 4vw 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: 22%;
		margin-right: 4%;
		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: 4%;
	}

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

	main#company section#office .dllist1 {
		margin-top: 20px;
	}

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

	main#company section#operatingcompany figure {
		width: 100%;
		max-width: 578px;
		margin: 20px 0;
	}

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

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

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

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

	main#company section#facilities .inner {}

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

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

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

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

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

	main#videocall section#about .inner>div {
		display: block;
	}

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

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

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

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

	main#videocall section#howto .inner>div>div {
		width: 100%;
	}

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

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

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

	main#videocall section#howto .inner>div>div>div figcaption {
		width: 100%;
	}

	main#videocall section#howto .inner>div>div>div figcaption h4 {
		margin: 0 0 5px 30px;
		padding: 0 0 5px 40px;
		border-bottom: 1px #402111 dotted;
		box-sizing: border-box;
	}

	main#videocall section#howto .inner>div>div>div figcaption p.comment {
		margin: 0 0 0 30px;
		padding-left: 40px;
		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 {
		display: none;
	}

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

	main#videocall section#howto .btn a {
		background: #402111;
		height: 40px;
		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: calc(50% - 3px);
		right: 10px;
		width: 4px;
		height: 7px;
	}

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

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

	main#facility section#greeting .inner>div {
		display: block;
	}

	main#facility section#greeting .inner>div figcaption {}

	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: 14px;
		font-weight: 700;
		margin-top: 10px;
	}

	main#facility section#greeting .inner>div figure {
		width: 100%;
		max-width: 480px;
		margin: 40px auto 0;
	}

	main#facility section#policies,
	main#facility section#policies2 {
		background: #fff;
		margin: 0;
		padding: 40px 0;
	}

	main#facility section#policies .inner>div,
	main#facility section#policies2 .inner>div {}

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

	main#facility section#policies .inner>div>div figure,
	main#facility section#policies2 .inner>div>div figure {
		width: 50%;
		max-width: 318px;
		margin-bottom: 20px;
	}

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

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

	main#facility section#policies3 .inner>div {}

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

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

	main#facility section#policies3 .inner>div>div figure {
		width: 30%;
		max-width: 318px;
		margin-bottom: 20px;
	}

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

	main#facility section#about {
		background: #fff;
		margin: 0;
		padding: 40px 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: 460px;
		height: 97px;
		position: absolute;
		top: -60px;
		left: calc(50% - 230px);
		z-index: 2;
	}

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

	main#facility section#about .swiper-container .swiper-wrapper .swiper-slide {
		width: 75%;
		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 {
		display: none;
	}

	main#facility section#about .swiper-container .swiper-button-prev {
		display: none;
	}

	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: 20px;
	}

	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 {
		width: 67px;
		position: absolute;
		bottom: -40px;
		left: 0;
	}

	main#facility section#about .dllist2 p.btn {
		width: 85px;
		position: absolute;
		bottom: -40px;
		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) 90px;
		background-size: 160px 100px;
		margin: 0;
		padding: 40px 0 0;
	}

	main#facility section#accessmap .gmap {
		margin-top: 20px;
		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: 40px 0 0;
	}

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

	main#facility section#gallery .inner h3 {}

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

	main#facility section#gallery .swiper-container {
		overflow: hidden;
	}

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

	main#facility section#gallery .swiper-container .swiper-wrapper .swiper-slide {
		width: 100%;
		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: 20px;
		width: 20px;
		height: 20px;
		margin: 0;
		position: absolute;
		top: calc(50% - 10px);
		right: -10px;
	}

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

	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;
		margin: 4vw auto 80px;
		padding: 4vw;
		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: 22%;
		margin-right: 4%;
		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: 4%;
	}

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

	main#facility section#gallery .thumbnail-list p.bg {
		width: 67px;
		position: absolute;
		bottom: -40px;
		right: 90px;
	}

	main#facility section#gallery .thumbnail-list p.btn {
		width: 75px;
		position: absolute;
		bottom: -70px;
		right: 0px;
	}

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

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

	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 {
		width: 67px;
		position: absolute;
		bottom: -40px;
		left: 0;
	}

	main#facility section#history .dllist2 p.btn {
		width: 242px;
		position: absolute;
		bottom: -135px;
		right: 0;
	}

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

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

	main#support section#needs .inner>div {
		display: block;
	}

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

	main#support section#needs .inner>div figure {
		margin-top: 20px;
	}

	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% - 0px) 40px;
		background-size: 67px 25px;
		margin: 0;
		padding: 40px 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: 48%;
	}

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

	main#support section#oneday .inner>div>div figure {
		width: 100%;
		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: 10px;
	}

	main#support section#therapy {
		background-color: #fff;
		background-image: url(../img/support/therapy_bg.svg);
		background-repeat: no-repeat;
		background-position: right 4vw top 5px;
		background-size: 155px auto;
		margin: 0;
		padding: 0;
	}

	main#support section#therapy .inner {
		padding: 40px 4vw;
		border-top: 1px #402111 dotted;
	}

	main#support section#therapy .inner>div {
		display: block;
	}

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

	main#support section#therapy .inner>div figure {
		width: 100%;
		margin-bottom: 20px;
		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: 10px;
		font-weight: 700;
		width: 140px;
		height: 26px;
		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% - 0px) 40px;
		background-size: 67px 25px;
		margin: 0;
		padding: 40px 0;
	}

	main#support section#events h4 {
		border-radius: 10px;
		background: #E96E76;
		color: #fff;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.2;
		margin-bottom: 20px;
		padding: 10px 4vw;
	}

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

	main#support section#events .inner>div>div {
		border-top: 1px #402111 dotted;
		padding: 15px 0;
		display: block;
	}

	main#support section#events .inner>div>div>figure {
		width: 75px;
	}

	main#support section#events .inner>div>div>figcaption {
		font-size: 10px;
	}

	main#support section#events .inner>div>figure {
		width: 227px;
		position: absolute;
		top: 0;
		right: -4vw;
	}

	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: right 4vw top 30px;
		background-size: 140px 72px;
		margin: 0;
		padding: 40px 0;
	}

	main#index section#howto .inner,
	main#support section#howto .inner {}

	main#index section#howto h3,
	main#support section#howto h3 {}

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

	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: 30px;
	}

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

	main#howto section#after,
	main#howto section#daytime {
		margin: 0;
		padding: 40px 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: 20px 0;
		display: block;
	}

	main#howto section#after .inner>div>figcaption,
	main#howto section#daytime .inner>div>figcaption {}

	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: 20px;
	}

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

	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: 12px;
		font-weight: 700;
		transform: rotate(-10deg);
		margin-bottom: -20px;
		padding: 10px 4vw;
		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: 12px;
		font-weight: 700;
		width: 90%;
		height: 30px;
		margin: 10px auto 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	main#howto section#after .inner>div>figure {
		width: 100%;
		max-width: 632px;
		margin: 20px auto 0;
	}

	main#howto section#daytime .inner>div>figure {
		width: 100%;
		max-width: 546px;
		margin: 20px auto 0;
	}

	main#howto section#after .dllist2,
	main#howto section#daytime .dllist2 {
		margin: 20px 0 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: 3px #57A9D2 solid;
		border-radius: 10px;
		background: #DDEEF6;
		color: #402111;
		margin-top: 20px;
		padding: 4vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

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

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

	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: 12px;
	}

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

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

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

	main#diary_list section#diary {
		margin: 0;
		padding: 40px 4vw;
	}

	main#diary_list section#diary .inner {
		background: #fff;
		padding: 4vw;
		overflow: hidden;
	}

	main#diary_list section#diary .inner>div {
		margin-top: 20px;
		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: 30px;
		height: 30px;
		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: 30px;
	}

	main#diary_list section ul.pagination li.number.active a {
		background: url(../img/diary/btn_bg_on.svg) no-repeat center center;
		background-size: 30px;
		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: 30px;
		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: 30px;
		height: 30px;
		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: 30px;
		font-size: 10px;
	}

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

	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: 30px;
		color: #fff;
		font-size: 10px;
	}

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

	main#diary_detail section#diary {
		margin: 0;
		padding: 40px 4vw;
	}

	main#diary_detail section#diary .inner {
		background: #fff;
		padding: 20px;
		overflow: hidden;
	}

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

	main#diary_detail section#diary .swiper-container {
		overflow: hidden;
	}

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

	main#diary_detail section#diary .swiper-container .swiper-wrapper .swiper-slide {
		width: 100%;
		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: 20px;
		width: 20px;
		height: 20px;
		margin: 0;
		position: absolute;
		top: calc(50% - 10px);
		right: -10px;
	}

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

	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;
		margin: 4vw auto 0;
		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: 22%;
		margin-right: 4%;
		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: 4%;
	}

	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: 20px 0 0;
		padding-bottom: 20px;
		border-bottom: 1px #402111 dotted;
	}

	main#diary_detail section#diary pre {
		font-size: 14px;
		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: 15px 0;
	}

	main#diary_detail section#diary #eSingleContent {
		margin-top: 20px;
	}

	main#diary_detail section ul.hashtag {
		border-top: 1px #402111 dotted;
		padding-top: 10px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}

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

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

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

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

	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: 10px;
	}

	main#diary_detail section ul.pagination li.prev::before {
		left: 0;
		width: 4px;
		height: 4px;
		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: 10px;
	}

	main#diary_detail section ul.pagination li.next::before {
		right: 0;
		width: 4px;
		height: 4px;
		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: 40px 0 20px;
	}

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

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

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

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

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

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

	main#contact section#tel .inner>div {
		margin-top: 20px;
		display: block;
	}

	main#contact section#tel div p.tel {
		width: 165px;
		margin-bottom: 10px;
	}

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

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

	main#contact section#form .notes {
		background: #EFC0C5;
		margin: 0;
		margin: 20px 0;
		padding: 4vw;
	}

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

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

	main#assesment section#contents {
		margin: 0;
		padding: 40px 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: 15px 20px;
		background: #ECE8E7;
		border: 1px #402111 solid;
		border-radius: 10px;
	}
	main#assesment section#contents .inner .explanation .lead {
		padding-bottom: 5px;
		border-bottom: 1px #402111 solid;
		margin-bottom: 15px;
	}

	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: 15px 20px;
		background: #fff;
		border-radius: 10px;
		margin-top: 40px;
	}
	main#assesment section#contents .inner .download .title {
		color: #402111;
	}

	main#assesment section#contents .inner .download .title span {
		color: #666;
		font-size: 12px;
		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: 5px;
		background: #402111;
		color: #fff;
		font-size: 12px;
		font-weight: 700;
		width: 160px;
		height: 50px;
		margin: 10px auto 0;
		padding: 15px;
		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: 15px;
		height: 18px;
		position: absolute;
		right: 15px;
	}

}