@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

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

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

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

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

/*-----------------------------------------------------------------------------------------
0000 -----------
0001 - :root
0002 - common
0003 - remarks
0004 - ttl_page
0005 - 404
0006 - frame-map
0007 - .page section blockquote


1000 -----------
1001 - .page section TYPO
1002 - .page section table
1003 - flexbox-half
1004 - .page section ul.gallery
1005 - .page section dl.card
1006 - .page section ol.default
1007 - ul.week
1008 - .page_ryoushoku .example ul dl dt
1009 - .page_hospitalization .in_hospital ol
1010 - .page_about .philosophy li

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









/*-----------------------------------------------------------------------------------------
0001 - :root
----------------------------------------------------------------------------------------- */
:root {
	--color-font: #333;
	--color-key: #D16398;
	--color-pink: #D16398;
	--color-green: #6abc6f;
	--color-blue: #497a99;

	--color-red: red;
	--color-blue-dark: #0148AE;
	--color-blue-kusu: #0777BB;
	--color-orange: orange;
	--color-navy: navy;
}


.color-pink {
	color: var(--color-pink) !important;
}

.color-blue {
	color: var(--color-blue) !important;
}

.color-green {
	color: var(--color-green) !important;
}









/*-----------------------------------------------------------------------------------------
000001 - common
----------------------------------------------------------------------------------------- */
main article {
	min-height: 700px;
}

.marker {
	background: linear-gradient(transparent 50%, #ffff00 50%);
	font-style: normal;
}

.attention {
	color: #ad0003;
}

.smp {
	display: none;
}

.page section {
	border: 0px solid red;
	padding: 6.0rem 1.5rem
}

@media screen and (max-width: 768px) {
	.page section {
		border-color: green;
		padding: 5vw 5vw;
	}
}

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

@media screen and (max-width: 480px) {
	.page section {
		border-color: blue;
	}
}

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

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









/*-----------------------------------------------------------------------------------------
0003 - remarks
----------------------------------------------------------------------------------------- */
.remarks li {
	display: flex;
	align-items: baseline;
	font-size: clamp(calc(1.3rem * 0.7), calc(1.3vw * 1.0), 1.3rem);

}

.remarks li:before {
	content: "※";
	margin-right: 5px;
	display: block;
}

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

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

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

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

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









/*-----------------------------------------------------------------------------------------
0004 - ttl_page
----------------------------------------------------------------------------------------- */
.ttl_page {
	/* height: 250px; */
	position: relative;
	padding: 0 15px;
	background: linear-gradient(90deg, #d16398, #e482b1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(calc(4.8rem * 0.7), calc(4.8vw * 1.0), 4.8rem);
	height: 6em;
}

.ttl_page h1 {
	width: 1080px;
	font-size: 4.8rem;
	font-size: clamp(calc(4.8rem * 0.7), calc(4.8vw * 1.0), 4.8rem);
	color: #fff;
	line-height: 1.66;
	padding: 0 15px;
	letter-spacing: 0.2em;
}


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

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

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

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

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









/*-----------------------------------------------------------------------------------------
0005 - 404
----------------------------------------------------------------------------------------- */
.page_error .ttl_page h1 {
	font-size: 10.0rem;
	font-weight: bold;
	line-height: 0.6;
	letter-spacing: 0;
}

.page_error .ttl_page h1 small {
	font-size: 0.5em;
}

.page_error .message p {
	font-size: 2.4rem;
	color: #999;
	margin: 2em 0;
}

.btn_home a {
	display: block;
	width: 280px;
	max-width: 100%;
	font-size: 1.6rem;
	border: 1px solid #009e96;
	color: #009e96;
	text-align: center;
	padding: 15px;
	transition-duration: .4s;
	margin: 0;
}

.btn_home a:after {
	content: "\f138";
	font-family: FontAwesome;
	margin-left: 10px;
}

.btn_home a:hover {
	background: #009e96;
	color: #fff;
}

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

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

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

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

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









/*-----------------------------------------------------------------------------------------
0006 - frame-map
----------------------------------------------------------------------------------------- */
/* .frame-map {
		 position: relative;
		 padding-bottom: 33%;
		 height: 0;
		 overflow: hidden;
		 border:1px solid #eee;
}

.frame-map iframe {
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
}

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

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

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

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

@media screen and (max-width: 320px) {} */









/*-----------------------------------------------------------------------------------------
0007 - .page section blockquote
----------------------------------------------------------------------------------------- */
.page section blockquote {
	background: linear-gradient(90deg, #eee, #f5f5f5);
	padding: 3.0rem;
	padding: 4.5vw;
	margin: 4.5vw 0;
	width: 100%;
	height: 100%;
	border: none;
	position: relative;
	z-index: -1;
	display: block;
}

.page section blockquote *:first-child {
	margin-top: 0;
}

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

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

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

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









/*-----------------------------------------------------------------------------------------
1001 - .page section TYPO
----------------------------------------------------------------------------------------- */
.page section span,
.page section b {
	color: inherit;
}

.page section p {
	font-sie: 1.6rem;
	font-size: clamp(calc(1.6rem * 0.7), calc(1.6vw * 1.0), 1.6rem);
	line-height: 1.8;
	padding: 0;
	margin: 0.75em 0;
	color: var(--color-font);
}

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

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

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

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

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









.page section h2 {
	font-size: clamp(calc(3.2rem * 0.7), calc(3.2vw * 1.0), 3.2rem);
	border-bottom: 3px solid var(--color-key);
	padding: 0 0 0.25em 0;
	margin: 2em 0 0.75em 0;
	line-height: 1.3;
	letter-spacing: 0;
	font-weight: 400;
	color: var(--color-font);
}

.page section h2:first-child {
	margin-top: 0;
}

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

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

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

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

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









.page section h3 {
	font-size: clamp(calc(2.4rem * 0.7), calc(2.4vw * 1.0), 2.4rem);
	padding: 0;
	margin: 1.5em 0 0.25em 0;
	line-height: 1.3;
	color: var(--color-green);
	font-weight: 400;
}

.page section h3:before {
	content: "\f069";
	font-family: FontAwesome;
	margin-right: 0.2em;
}

.page section h3:first-child {
	margin-top: 0;
}


.page section h3.recruit {
	font-size: clamp(calc(2.2rem * 0.7), calc(2.2vw * 1.0), 2.2rem);
	margin-bottom: 15px;
	color: var(--color-blue);
	border-top: 6px solid #eee;
	padding: 1em 0;
	margin: 0;
	line-height: 1.3;
	font-style: italic;
}

.page section h3.recruit:before {
	content: "\f007";
	font-family: FontAwesome;
	margin-right: 5px;
	font-style: normal;
}

.page section h3.recruit small {
	color: rgba(74, 123, 153, 0.6);
	font-size: 0.7em;
	letter-spacing: 0.2em;
	font-weight: normal;
	font-style: italic;
}



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

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

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

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

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





.page section h4 {
	font-size: clamp(calc(2.0rem * 0.7), calc(2.0vw * 1.0), 2.0rem);
	padding: 0;
	margin: 1em 0 0.25em;
	line-height: 1.3;
	font-weight: 600;
	letter-spacing: 0;
	color: var(--color-font);
}

.page section h4:before {
	content: "●";
	margin-right: 0.2em;
}

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

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

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

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

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





.page section h5 {
	font-size: clamp(calc(2.4rem * 0.7), calc(2.4vw * 1.0), 2.4rem);
	padding: 0.5em;
	margin: 3em 0 0.5em 0;
	line-height: 1.3;
	font-weight: 600;
	letter-spacing: 0;
	color: var(--color-font);
	border: 3px double var(--color-font);
	display: block;
	width: 100%;
}


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

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

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

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

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





.page section h6 {
	font-size: clamp(calc(2.0rem * 0.7), calc(2.0vw * 1.0), 2.0rem);
	padding: 0;
	margin: 1em 0 0.25em;
	line-height: 1.3;
	font-weight: 600;
	letter-spacing: 0;
	color: var(--color-font);
}

.page section h6:before {
	content: "■";
	margin-right: 0.2em;
}

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

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

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

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

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









/*-----------------------------------------------------------------------------------------
1002 - .page section table
----------------------------------------------------------------------------------------- */
.page section table {
	width: 100%;
	margin:1.0rem 0;
}

.page section table th,
.page section table td {
	color: var(--color-font);
	font-size: clamp(calc(1.6rem * 0.7), calc(1.6vw * 1.0), 1.6rem);
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
	padding: 0.5em 1.5em;
}

.page section table th {
	background: linear-gradient(90deg, rgba(219, 243, 221, 0.7), rgba(219, 243, 221, 0.5));
	width: 12em;
}

.page section table td {
	width: calc(100% - 12em);
}

.page section table dl {
	font-size: clamp(calc(1.6rem * 0.7), calc(1.6vw * 1.0), 1.6rem);
	padding: 0;
	margin: 0;
}

.page section table dl dt,
.page section table dl dd {
	font-size: clamp(calc(1.6rem * 0.7), calc(1.6vw * 1.0), 1.6rem);
	color: var(--color-blue);
	padding: 0;
}

.page section table dl dd {
	color: var(--color-font);
	padding: 0 0 0.5em 0.5em;
}

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

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

	.page section table th,
	.page section table td {
		padding: 0.5em 0.75em;
	}
}

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

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

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









/*-----------------------------------------------------------------------------------------
1003 - flexbox-half
----------------------------------------------------------------------------------------- */
.flexbox-half {
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	border: 0pt solid red;
}

.half {
	width: calc(50% - 1.5rem);

}

@media screen and (max-width: 768px) {
	.renew {
		padding: 4.5rem 0;
	}

	.half {
		width: 100%;
		padding: 1.5rem 0;
	}
}









/*-----------------------------------------------------------------------------------------
1004 - .page section ul.gallery
----------------------------------------------------------------------------------------- */
.page section ul.gallery {
	border: 0pt solid black;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.page section ul.gallery li {
	width: 33.33333%;
	padding: 1.5rem;
	margin: 0;
}




.page section ul.gallery li a {
	border: 1px solid #ddd;
	padding: 0.3rem;
	display: block;
}

.page section ul.gallery li a img {
	width: 100%;
	height: auto;
	display: block;
}

.page section ul.gallery li b {
	font-size: 1.1em;
	letter-spacing: 0.1em;
}


.page section ul.gallery li figure a {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	display: block;
}

.page section ul.gallery li figure a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 768px) {
	.page section ul.gallery li {
		padding: 0.5rem;
	}
}

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

@media screen and (max-width: 480px) {
	.page section ul.gallery li {
		width: 50%;
		padding: 0.5rem;
	}
}

@media screen and (max-width: 375px) {
	.page section ul.gallery li {
		width: 50%;
		padding: 0.5rem;
	}
}

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










.page section ul.gallery.fourth li {
	width: 25%;
}

@media screen and (max-width: 768px) {
	.page section ul.gallery.fourth li {
		width: 33.33333%;
	}
}

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

@media screen and (max-width: 480px) {
	.page section ul.gallery.fourth li {
		width: 50%;
	}
}

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

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










/*-----------------------------------------------------------------------------------------
1005 - .page section dl.card
----------------------------------------------------------------------------------------- */
.page section dl.card {
	display: flex;
	flex-wrap: wrap;
}

.page section dl.card *:first-child {
	margin-top: 0;
}

.page section dl.card dt,
.page section dl.card dd {
	border: 0pt solid red;
	padding: 0;
	margin: 0;
	width: 40%;
	display: block;
}

.page section dl.card dt {
	width: 33.33333%;
	padding: 0 1.5rem 0 0;
	order: 1
}

.page section dl.card dd {
	width: 66.66666%;
	padding: 0 0 0 1.5rem;
	order: 2
}

.page section dl.card.reverse dt {
	width: 33.33333%;
	padding: 0 0 0 1.5rem;

	order: 2
}

.page section dl.card.reverse dd {
	width: 66.66666%;
	padding: 0 1.5rem 0 0;
	order: 1
}

.page section dl.card figure {
	width: 100%;
	padding: 0;
	margin: 0;
}

.page section dl.card figure img {
	width: 100%;
	height: auto;
	display: block;
	padding: 0;
	margin: 0;
}

.page section dl.card.full dt,
.page section dl.card.full dd {
	padding: 1.5rem 0;
	margin: 0;
	width: 100%;
	display: block;
}

.page section dl.card.full figure img {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.page section dl.card {}

	.page section dl.card dt,
	.page section dl.card dd,
	.page section dl.card.reverse dt,
	.page section dl.card.reverse dd {
		width: 100%;
		padding: 1.5rem;
	}

	.page section dl.card dt {
		order: 1;
	}

	.page section dl.card dd {
		order: 2;
	}

	.page section dl.card.reverse dt {
		order: 1;
	}

	.page section dl.card.reverse dd {
		order: 2;
	}
}

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

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

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

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









/*-----------------------------------------------------------------------------------------
1006 - .page section ol.default
----------------------------------------------------------------------------------------- */
.page section ol.default {
	border: 0pt solid red;
	font-size: clamp(calc(1.6rem * 0.7), calc(1.6vw * 1.0), 1.6rem);
	padding: 0 0 0 0.5em;
	margin: 1.5rem 0;
}

.page section ol.default li {
	color: var(--color-font);
	line-height: 1.5;
	font-size: 1.6rem;
	font-size: clamp(calc(1.6rem * 0.7), calc(1.6vw * 1.0), 1.6rem);
	letter-spacing: 0;
	list-style: disc;
	list-style-position: outside;
	margin: 0 0 0 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

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

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

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

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

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





.page section ol.default.little,
.page section ol.default.little li {
	font-size: clamp(calc(1.4rem * 0.7), calc(1.4vw * 1.0), 1.4rem);
}

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

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

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

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

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





.page section ol.default.star li {
	text-indent: -1em;
	mamrgin-left: 1em;
	list-style: none;
	font-size: 1.8rem;
	font-size: clamp(calc(1.8rem * 0.7), calc(1.8vw * 1.0), 1.8rem);
}

.page section ol.default.star li::before {
	content: '★'
}

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

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

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

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

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





.page section ol.check {
	display: block;
	padding: 0;
	margin: 1.5rem 0 3.0rem;
	font-size: clamp(calc(1.6rem * 0.7), calc(1.6vw * 1.0), 1.6rem);
	font-weight: 400;
	line-height: 1.4;
}

.page section ol.check li {
	display: block;
	width: 100%;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	padding: 0 0 0 1.2em;
	margin: 0.5em 0;
	position: relative;
	color: var(--color-font);
}

.page section ol.check li:before {
	content: "\f046";
	font-family: FontAwesome;
	margin-right: 5px;
	color: var(--color-blue);
	position: absolute;
	left: 0;
	top: 0;
}

.page .page_first ol.check li:before,
.page .page_visiting ol.check li:before {
	color: var(--color-green);
}

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

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

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

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

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





.page section ol.number {
	counter-reset: number;
	line-height: 1.33;
}

.page section ol.number li {
	display: flex;
	align-items: baseline;
	font-size: clamp(calc(1.6rem * 0.7), calc(1.6vw * 1.0), 1.6rem);
	padding: 0 0 0 0;
	margin: 0.5em 0;
	position: relative;
	color: var(--color-font);
}

.page section ol.number li:before {
	counter-increment: number;
	content: counter(number)".";
	margin-right: 5px;
	display: block;
	font-style: italic;
	font-size: 1.4em;
	color: var(--color-blue);
}

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

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

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

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

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





.page section ol.marumaru {
	display: block;
	padding: 0;
	margin: 0;
	font-size: clamp(calc(1.6rem * 0.7), calc(1.6vw * 1.0), 1.6rem);
	font-weight: 400;
	line-height: 1.4;
	display: flex;
	flex-wrap: wrap;
}

.page section ol.marumaru li {
	display: block;
	width: auto;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	padding: 0 0 0 1.2em;
	margin: 0.5em 1em 0.5em 0;
	position: relative;
	color: var(--color-font);
	width:100%;
}

.page section ol.marumaru li:before {
	content: "\f192";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #f7b552;
	position: absolute;
	left: 0;
	top: 0;
}

.page section ol.plusli:before {
	content: "\f055";
}


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

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

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

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

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









/*-----------------------------------------------------------------------------------------
1007 - ul.week
----------------------------------------------------------------------------------------- */
ul.week {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 30px;
}

ul.week li {
	width: 12.5%;
	padding: 0.5rem;
	font-size: clamp(calc(1.4rem * 0.7), calc(1.4vw * 1.0), 1.4rem);
}

ul.week li dl {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

ul.week li dl dt {
	font-size: clamp(calc(1.4rem * 0.7), calc(1.4vw * 1.0), 1.4rem);
	height: 2em;
	width: 100%;
	border-radius: 100vh;
	text-align: center;
	line-height: 1;
	background: linear-gradient(90deg, #dbf3dd, #eaffec);
	justify-content: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

ul.week li dl dd {
	text-align: center;
	font-size: clamp(calc(1.4rem * 0.7), calc(1.4vw * 1.0), 1.4rem);
	line-height: 1.5;
	padding: 0.5em 0
}

ul.week li.closed dl dt {
	background: linear-gradient(90deg, #ffe5f2, #ffecf5);
}

ul.week li.closed dl dd {
	color: #d16398;
	font-size: clamp(calc(1.4rem * 0.7), calc(1.4vw * 1.0), 1.4rem);
}

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

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

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

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

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









/*-----------------------------------------------------------------------------------------
1008 - .page_ryoushoku .example ul dl dt
----------------------------------------------------------------------------------------- */
.page_ryoushoku .example ul dl dt {
	font-size: clamp(calc(1.6rem * 0.7), calc(1.6vw * 1.0), 1.6rem);
	letter-spacing: 0.05em;
	color: #49b44b;
}

.page_ryoushoku .example ul dl dt:before {
	content: "\f0f5";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #ccc;
}

.page_ryoushoku .example ul dl dd {
	font-size: 1.4rem;
	font-size: clamp(calc(1.3rem * 0.7), calc(1.3vw * 1.0), 1.3rem);
	line-height: 1.44;
}

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

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

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

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

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









/*-----------------------------------------------------------------------------------------
1009 - .page_hospitalization .in_hospital ol
----------------------------------------------------------------------------------------- */
.page_hospitalization .in_hospital ol {
	counter-reset: number;
	line-height: 1.33;
}

.page_hospitalization .in_hospital ol li {
	display: flex;
	align-items: baseline;
	margin-bottom: 10px;
}

.page_hospitalization .in_hospital ol li:before {
	counter-increment: number;
	content: counter(number)".";
	margin-right: 5px;
	display: block;
	font-style: italic;
	font-size: 2.0rem;
	color: #497a99;
}

.page_relation .facilities ol {
	counter-reset: number;
	line-height: 1.33;
	border: 0px solid green
}

.page_relation .facilities ol li {
	display: flex;
	align-items: baseline;
	margin-bottom: 10px;
}

.page_relation .facilities ol li:before {
	counter-increment: number;
	content: counter(number)".";
	margin-right: 5px;
	display: block;
	font-style: italic;
	font-size: 2.0rem;
	color: #497a99;
}

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

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

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

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

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









/*-----------------------------------------------------------------------------------------
1010 - .page_about .philosophy li
----------------------------------------------------------------------------------------- */
.page_about .philosophy li {
	display: flex;
	align-items: baseline;
	margin-bottom: 10px;
	line-height: 1.33;
}

.page_about .philosophy li:before {
	content: "\f068";
	font-family: FontAwesome;
	margin-right: 5px;
}

.page_kangobu .policy ul {
	width: 60%;
	margin-bottom: 30px;
	padding: 15px;
	border: 0pt solid pink;

}

.page_kangobu .policy li {
	display: flex;
	align-items: baseline;
	margin-bottom: 10px;
	line-height: 1.33;
}

.page_kangobu .policy li:before {
	content: "\f068";
	font-family: FontAwesome;
	margin-right: 5px;
}


.page_kangobu .philosophy ul {
	width: 60%;
	padding: 15px;
	border: 0pt solid pink;

}

.page_kangobu .philosophy li {
	display: flex;
	align-items: baseline;
	margin-bottom: 10px;
	line-height: 1.33;
}

.page_kangobu .philosophy li:before {
	content: "\f068";
	font-family: FontAwesome;
	margin-right: 5px;
}

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

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

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

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

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









.page_ot .purpose ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	border: 0pt solid red;
}

.page_ot .purpose ul li {
	width: 40%;
	padding: 15px;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;

}

.page_ot .purpose ul li:first-child {
	background: #ddd;
	border-radius: 3px;
}

.page_ot .purpose ul li:nth-child(2) {
	width: 10%;
	text-align: center;
	font-size: 4.0rem;
	color: #d3679b;
	width: 10%
}

.page_ot .purpose ul li:last-child {
	background: #d3679b;
	color: #fff;
	border-radius: 3px;
}

.page_ot .purpose .ttl li {
	text-align: center;
	padding: 0 15px;
	font-weight: 600;
	border: 0pt solid green;

}

.page_ot .purpose .ttl li:first-child {
	background: #fff;
}

.page_ot .purpose .ttl li:last-child {
	background: #fff;
	color: #333;
}

.page_ot .purpose ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding: 0;
	margin: 1.5rem 0
}

.fa-chevron-circle-down {
	display: none;
}



@media screen and (max-width: 768px) {
	.page_ot .purpose ul {
		display: block;
		padding: 3.0rem;
		margin: 3.0rem 0;
		border: 4px solid #ddd;
		border-radous: 3px;
		background: #f9f9f9;

	}

	.page_ot .purpose ul li {
		width: 100%;
		padding: 10px;
		display: block;
		text-align: center;
	}

	.page_ot .purpose ul li:nth-child(2) {
		font-size: 3.0rem;
		width: 100%
	}

	.page_ot .purpose .ttl li {
		text-align: center;
		padding: 0 15px;
		font-weight: 600;
		border: 0pt solid green;
	}

	.fa-chevron-circle-down {
		display: block;
	}

	.fa-long-arrow-right {
		display: none;
	}


}

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

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

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

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



.waku {
	background:rgba(209, 99, 152, 0.05);
	padding:2vw;
	margin:1.5rem 0;
}

.waku *:first-child {
	margin-top:0;
}