@charset "UTF-8";

/*
Theme Name: Saint Care 2024-2
Text Domain: saint-care-2024-2
Author: ONZE
Author URI: https://on-ze.com
Version: 0.9
*/

/******************/
/******************/
/******************/
/* ONZE RESET CSS */

*,
*::before,
*::after {
	box-sizing:border-box;
}

* {
border:0;
margin:0;
outline:0;
padding:0;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
/*	all:unset;
	display:revert;*/
}


article, aside, dialog, figure, footer, header, main, nav, section {display:block;}
img, picture, audio, canvas, video, svg {display:inline-block; max-width:100%; height:auto;}

h1, h2, h3, h4, h5, h6 {
overflow-wrap:break-word;
}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:none;}

input,
select {vertical-align:middle;}


/******************/
/******************/
/* html format ****/

html {
	font-size:62.5%;
	font-size:calc(100vw / 144);
}
html {font-size:clamp(7px, calc(100vw / 1600 * 4 + 6px), 11px);}
html.is-fixrem {font-size:62.5%;}

body {
background-color:#f5f5f5;
background-color:var(--oz-color-bg);
color:#000000;
color:var(--oz-color-dark);
font-family:"Zen Maru Gothic", 'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
font-size:22px;
font-size:2.2rem;
font-style: normal;
font-weight: 500;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
font-feature-settings:"palt";
-webkit-font-smoothing:antialiased;
/*-moz-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
-o-font-smoothing:antialiased;*/
font-smoothing:antialiased;
/* text-rendering:optimizeLegibility; まだ使わないほうが無難 */
-webkit-tap-highlight-color:transparent;
width:100%;
height:auto;
}

a,
a:link,
a:visited,
a:hover,
a:active {
color:inherit;
	-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	-moz-tap-highlight-color:transparent rgba(0,0,0,0);
	-ms-tap-highlight-color:transparent rgba(0,0,0,0);
	-o-tap-highlight-color:transparent rgba(0,0,0,0);
	tap-highlight-color:transparent rgba(0,0,0,0);
text-decoration:none;
-webkit-text-decoration-skip:objects;
}


a:hover {color:#FF3945; color:var(--oz-color-red);}

h1,
h2,
h3,
h4,
h5,
h6 {display:block;}

b {color:#FF3945; color:var(--oz-color-red);}
i {font-style:normal;}
u {text-decoration:underline;}
em {font-weight:bold;}
strong {font-weight:bold; font-size:1.4em;}
mark {background:transparent;}

q {}
q:before,
q:after {content:'"';}
s {text-decoration:underline;}
del {text-decoration:line-through;}

ins {}
iframe {}

ruby {}
rt {font-size:0.5em;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}

details {margin:0 0 40px 0;}

hr {margin:0 0 40px 0; border:0; border-top:1px solid #cccccc; border-color:var(--oz-color-light); height:0;}

table {
	border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 2em 0;
}
table th,
table td {
	padding:16px 4px; vertical-align:top;
}
table caption {text-align:left;}

::-moz-selection {background-color:#FF3945; background-color:var(--oz-color-red); color:#ffffff;}
::selection {background-color:#FF3945; background-color:var(--oz-color-red); color:#ffffff;}

/******************/
/******************/
/* shortcodes *****/

.pc {display:block;}
.tb {display:none;}
.sp {display:none;}
.pc.tb {display:block;}
.pc.sp {display:block;}
.tb.sp {display:none;}

@media screen and (max-width:1000px) {
	.pc {display:none;}
	.tb {display:block;}
	.sp {display:none;}
	.pc.tb {display:block;}
	.tb.sp {display:block;}
	.pc.sp {display:none;}
}
@media screen and (max-width:700px) {
	.pc {display:none;}
	.tb {display:none;}
	.sp {display:block;}
	.pc.tb {display:none;}
	.tb.sp {display:block;}
	.pc.sp {display:block;}
}

.alignright,
.align-right,
.textright,
.text-right {text-align:right;}
.alignleft, .align-left, .textleft, .text-left {text-align:left;}
.center, .aligncenter, .align-center, .textcenter, .text-center {text-align:center; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.empty {visibility:hidden;}
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.nowrap {white-space:nowrap;}
.small,
.text-small {font-size:0.8em;}

img.left,
img.alignleft,
img.align-left {margin:0 20px 20px 0; float:left;}
img.right,
img.alignright,
img.align-right {margin:0 0 20px 20px; float:right;}

img.full {max-width:100%; width:100%; height:auto;}


:root {
--oz-color-black:#000000;
--oz-color-dark:#000000;
--oz-color-nileblue:#7EC9C1;
--oz-color-yellow:#F9F558;
--oz-color-red:#FF3945;
--oz-color-pink:#FFB9BD;
--oz-color-gray:#999999;
--oz-color-light:#cccccc;
--oz-color-white:#ffffff;
}


.inner {clear:both; display:block; margin:0 auto; position:relative;
	max-width:1300px; width:100%;
padding:0 20px;
padding-left:calc( 20px + constant(safe-area-inset-left) );
padding-right:calc( 20px + constant(safe-area-inset-right) );
}
.inner[data-width="max"] {max-width:2400px;}
.inner[data-width="mid"] {max-width:1600px;}
.inner[data-width="min"] {max-width:1100px;}

.color-black {color:#000000; color:var(--oz-color-black);}
.color-gray {color:#999999; color:var(--oz-color-gray);}
.color-light {color:#cccccc; color:var(--oz-color-light);}
.color-green {color:#FF3945; color:var(--oz-color-red);}
.color-white {color:#ffffff; color:var(--oz-color-white);}

.color-success {color:blue;}
.color-error {color:red;}
.color-warning {color:yellow;}

/******************/
/******************/
/* header *********/


.site {width:100%; height:auto; position:relative;}

.site-header {
	width:100%; padding:0; display:block; position:relative; line-height:1.5;
	position:fixed;
	top:0; left:0; right:0;
	width:100%;
	top:0; left:0;
	z-index:9999;
}
.site-header .inner {
	display:flex; align-items:stretch; justify-content:space-between;
	max-width:100%;
	padding:0 12px 0 20px;
}

.header-logo {margin:0 auto 0 0; width:200px;}
.header-logo .logo a {
	display:flex; align-items:center; font-size:18px; font-size:1.8rem;
	background-color:#fff;
	box-shadow:0 3px 6px rgba(0,0,0,0.15);
	padding:40px;
}
.header-logo .logo img {width:100px; display:block; margin:0 auto; height:auto;}

.header-logo .site-title a:hover {color:#FF3945; color:var(--oz-color-red);}
.header-logo .site-description {display:none;}

.header-utility {margin:0 0 0 auto; flex-basis:70%; padding:20px 0;}
.header-utility ul {
	display:flex; justify-content:space-between; gap:2%;
	font-size:32px; font-size:3.2rem; font-weight:700; max-width:1100px;
	margin:0 0 0 auto;
	text-align:right;
}
.header-utility li {
	min-width:300px; flex-basis:48%; max-width:540px; margin:0 0 0 auto; display:block;
	text-align:center;
}
.header-utility a {
	display:block; border-radius:15px; white-space:nowrap;
	background:url("images/arrow-right-circle-orange.svg") right 1em center no-repeat;
	background-size:32px 32px;
	background-color:#F89E25; color:#fff;
	text-align:center;
	padding:0.5em 3em;
	box-shadow:4px 4px #000;
}
.header-utility li:nth-child(2) a {
	background-color:#FF6060;
	background-image:url("images/arrow-right-circle-red.svg");
}

.header-utility a:hover {background-color:#FF3945;}

@media screen and (max-width:1100px) {
	.header-logo {width:fit-content;}
	.header-logo .logo a {padding:30px;}
	.header-utility {max-width:760px;}
	.header-utility ul {font-size:24px; font-size:2.4rem; max-width:100%;}
	.header-utility li {min-width:240px;}
	.header-utility a {background-size:1em auto;}
}
@media screen and (max-width:900px) {
	.header-logo .logo a {padding:20px;}
	.header-logo .logo img {width:70px;}
}
@media screen and (max-width:700px) {
	.header-utility ul {font-size:20px; font-size:2.0rem;}
	.header-utility li {min-width:190px;}
}
@media screen and (max-width:560px) {
	.header-logo .logo a {padding:10px;}
	.header-logo .logo img {width:60px;}
	.header-utility ul {font-size:18px; font-size:1.8rem;}
	.header-utility li {min-width:150px;}
}
@media screen and (max-width:500px) {
	.header-utility li {min-width:auto;}
	.header-utility li a {min-width:auto; padding:0.6em 2.2em 0.6em 1.6em;}
}

@media screen and (max-width:400px) {
	.site-header .inner {padding:0 12px;}
	.header-logo .logo a {padding:8px;}
	.header-logo .logo img {width:40px;}
	.header-utility {padding:10px 0;}
	.header-utility ul {font-size:16px; font-size:1.6rem;}
}


/******************/
/******************/
/* footer *********/

.site-footer {text-align:center; padding:40px 0; line-height:1.5; background-color:#fff;}



.footer-logo dl {margin:0 auto 1em; display:block; text-align:center;}
.footer-logo dl dt {width:150px; margin:0 auto;}
.footer-logo dl dd {display:none;}

.footer-copy {clear:both; font-size:16px; font-size:1.6rem;}

@media screen and (max-width:600px) {
	.footer-logo dl dt {width:110px;}
}

/******************/
/******************/
/* main ***********/

.site-main {
	padding:0; line-height:1.9; overflow:hidden;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	text-align:left;
}

.site-main a {}

/******************/
/******************/
/* article ********/

.section {position:relative; display:block; padding:60px 0 40px 0; margin:0;}

@media screen and (max-width:1100px) {
	.section {padding:6em 0 4em;}
}
@media screen and (max-width:900px) {
	.section {padding:4em 0 2em;}
}



.section-title {
	text-align:center; margin:0 auto 3em auto; position:relative;
}
.section-title i {
	display:block; margin:0 auto;
	font-size:30px; font-size:3.0rem;
	position:relative; width:fit-content;
}
.section-title i::before,
.section-title i::after {
	content:"";
	display:block; position:absolute; top:0;
	background:center center no-repeat;
	background-size:100% auto;
	width:42px; height:52px;
	z-index:2;
}
.section-title i::before {background-image:url("images/decoration-title-left.svg"); left:-2em;}
.section-title i::after {background-image:url("images/decoration-title-right.svg"); right:-2em;}

.section-title .title {
	display:block; width:fit-content; color:#7EC9C1;
	font-size:52px; font-size:5.2rem; font-weight:700;
	padding:0;
	position:relative;
	line-height:1.3;
	margin:0 auto;
}


.section-title p {
	font-size:22px; font-size:2.2rem; margin:2em auto;
	text-align:left;
}

@media screen and (max-width:700px) {
	.section-title i {font-size:20px; font-size:2.0rem;}
	.section-title i::before,
	.section-title i::after {width:21px; height:26px;}
	.section-title .title {font-size:40px; font-size:4.0rem;}
}

.section .background {
	display:block; width:100%; height:160px; line-height:0;
	margin-bottom:3px;
	background-color:#fff;
	-webkit-clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
	position:relative;
	z-index:1;
}
.section .background::after {
	content:"";
	position:absolute; right:0; top:-20px;
	display:block; width:50%; height:100%;
	background:url("images/top-decoration-01.svg") right top no-repeat;
	background-size:100 auto;
	z-index:-1;
}

@media screen and (max-width:700px) {
	.section .background {
		height:100px;
		-webkit-clip-path: polygon(0 45%, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 45%, 100% 0, 100% 100%, 0% 100%);
	}
	.section .background::after {top:-2px; width:70%;}
}



.title {font-weight:700;}

/******************/
/******************/
/* front-page.php */
/* page.php *******/


.section-top-slider {
	background:url("images/top-slider-background.png") center center no-repeat;
	background-position:center center;
	background-size:cover;
	padding:160px 0 0 0; line-height:0;
}

.section-top-slider .box {
	width:100%; margin:0; margin-top:-60px; padding:60px 60px 1em; position:relative;
	background-color:#7EC9C1; background-color:var(--oz-color-nileblue);
	display:flex; justify-content:space-between;
	align-items:center;
	border-top-left-radius:60px;
	border-top-right-radius:60px;
}
.section-top-slider .box div {
	flex-basis:47%;
}
.section-top-slider .button {line-height:1.3;}
.section-top-slider .button a {
	display:block;
	background:url("images/arrow-right-circle-red.svg") right 1em center no-repeat;
	background-size:36px 36px;
	background-color:#FF6060; color:#fff; text-align:center;
	padding:0.5em 0;
	border-radius:15px;
	box-shadow:4px 4px #000;
	
}
.section-top-slider .button a b {display:block;
	font-size:40px; font-size:4.0rem; font-weight:700;
	color:#fff;
}

@media screen and (max-width:1100px) {
	.section-top-slider .box {margin-top:-20px;}
}
@media screen and (max-width:800px) {
	.section-top-slider {
		padding:150px 0 0 0;
		background-image:url("images/top-slider-background-sp.jpg") 
	}
	.section-top-slider .box {margin-top:-40px; padding:20px 20px 1em;
		border-top-left-radius:30px;
		border-top-right-radius:30px;}
}
@media screen and (max-width:700px) {
	.section-top-slider {padding:120px 0 0 0; }
	.section-top-slider .box {margin-top:-30px;}
}
@media screen and (max-width:660px) {
	.section-top-slider .box {display:block; padding:20px 40px 1em;}
	.section-top-slider .box div {flex-basis:100%; margin:0 0 2% 0;}
}
@media screen and (max-width:560px) {
	.section-top-slider {padding:80px 0 0 0;}
	.section-top-slider .box {display:block; padding:20px 20px 0.1em;}
	.section-top-slider .box div {max-width:80%; margin:0 auto 1em;}
}
@media screen and (max-width:500px) {
	.section-top-slider .box {margin-top:-20px;}
}
@media screen and (max-width:440px) {
	.section-top-slider .box div {max-width:90%;}
	.section-top-slider .button a {font-size: 16px; font-size:1.6rem; background-size:24px 24px;}
	.section-top-slider .button a b {font-size:30px; font-size:3.0rem;}
}

.section-top-recommend {
	background-color: #7EC9C1;
	padding-top:100px;
	padding-bottom:0;
}

.section-top-recommend .section-title {
	color:#fff;
}
.section-top-recommend .section-title .title {color:#fff;}

.section-top-recommend ul {
	display:flex; justify-content:flex-start; gap:5%;
	flex-wrap:wrap;
}
.section-top-recommend ul li {
	flex-basis:30%;
	background:#fff center center no-repeat;
	background-size:cover;
	overflow:hidden; border-radius:100%; line-height:1;
	position:relative;
	margin:0 0 5% 0;
}
.section-top-recommend ul li img {
	position:relative; line-height:0; width:100%;
}
.section-top-recommend ul li span {
	display:block;
	line-height:1.5;
	z-index:2;
	position:absolute;
	top:52%; left:0; width:100%;
	text-align:center;
	font-size:30px; font-size:2.2vw;
	font-weight:700;
	transform:translateY(-50%);
}
@media screen and (max-width:700px) {
	.section-top-recommend ul li {flex-basis:47.5%;}
	.section-top-recommend ul li span {font-size:3.0vw;}
}
@media screen and (max-width:500px) {
	.section-top-recommend {padding-top:40px;}
}



.section-top-reason {}
.section-top-reason .box {
	padding:2em; background-color:var(--oz-color-nileblue); color:#fff;
	border-radius:15px; margin:0 0 4em 0;
	display:flex;
}
.section-top-reason .box .thumbnail {line-height:0; flex-basis:45%; position:relative;}
.section-top-reason .box .content {margin:0 0 0 2em; flex-basis:50%;}

.section-top-reason .box .thumbnail img {width:100%; display:block;}
.section-top-reason .box .thumbnail img.absolute {max-width:40%; left:-5%; bottom:-5%;}
.section-top-reason .box .title {
	font-size:40px; font-size:4rem; line-height:1.3;
	font-weight:700; margin:0 0 0.5em 0; padding:0 0 0.5em 0;
	border-bottom:8px dotted var(--oz-color-yellow);
}
.section-top-reason .box-detail {
	background-color: #FCF98F; padding:2em; border-radius:15px;
	margin:0 0 4em 0;
}
.section-top-reason .box-detail .title {
	margin: 0 auto 0.5em;
	font-size:40px; font-size:4.0rem;
	text-align:center;
	line-height:1.3;
}

.section-top-reason .reason-detail,
.section-top-reason .reason-sample {
	display:flex; justify-content:flex-start; gap:2%; flex-wrap:wrap;
}
.section-top-reason .reason-detail li {flex-basis:32%; margin:0 0 2% 0;}
.section-top-reason .reason-sample li {flex-basis:49%;}

.section-top-reason .reason-detail li img,
.section-top-reason .reason-sample li img {display:block; width:100%;}

.section-top-reason .reason-support {
	display:flex; justify-content:flex-start; gap:2%; flex-wrap:wrap;
	font-size:3.0rem;
}
.section-top-reason .reason-support li {
	flex-basis:32%; margin:0 0 2% 0; background-color:#7EC9C1; color:#fff;
	border-radius:15px;
	min-height:4em;
	padding:0.5em 0; text-align:center; line-height:1.3;
	display:flex; align-items:center; flex-direction:column; justify-content:center;
}
.section-top-reason .reason-support li b {display:block; font-size:1.8rem; color:#fff;}


@media screen and (max-width:780px) {
	.section-top-reason .box {flex-direction:column-reverse;}
	.section-top-reason .box .thumbnail,
	.section-top-reason .box .content {flex-basis:100%; margin:0;}
	.section-top-reason .box .content p {margin:0 0 2em 0;}
	.section-top-reason .reason-support li {flex-basis:49%;}
}
@media screen and (max-width:700px) {
	.section-top-reason .reason-detail li {flex-basis:49%;}
}
@media screen and (max-width:600px) {
	.section-top-reason {padding-top:20px;}
	.section-top-reason .reason-sample li {flex-basis:90%; margin:0 auto 2% auto;}
	.section-top-reason .reason-support li {
		flex-basis:100%;
		min-height:3em;
	}
}
@media screen and (max-width:600px) {
	.section-top-reason .box {padding:1em;}
	.section-top-reason .box-detail {padding:1em;}
}


.section-top-entry {
	background:#F9F558 url("images/entry-background.jpg") right bottom no-repeat;
	background-size:800px auto; clear:both; padding:40px 0 40px 0;
}
.section-top-entry p {margin:0 auto 1em; max-width:580px;}
.section-top-entry ul.buttons {
	display:flex; justify-content:space-between; gap:2%;
	font-size:30px; font-size:3.0rem;
	margin:0 auto;
	line-height:1.5;
}
.section-top-entry ul.buttons li {flex-basis:32%; display:flex; flex-direction:column;}
.section-top-entry ul.buttons a {
	display:block; border-radius:15px;
	background:url("images/arrow-right-circle-red.svg") right 1em center no-repeat;
	background-color:#FF6060;
	background-size:36px 36px;
	color:#fff;
	text-align:center;
	padding:0.5em 1em;
	box-shadow:4px 4px #000;
}
.section-top-entry ul.buttons li:nth-child(1) a {
	background-color:#FF6060;
	background-image:url("images/arrow-right-circle-red.svg");
}
.section-top-entry ul.buttons li:nth-child(2) a {background-color:#F89E25;
	background-image:url("images/arrow-right-circle-orange.svg");
}
.section-top-entry ul.buttons li:nth-child(3) a {background-color:#06C755;
	background-image:url("images/arrow-right-circle-green.svg");
}
.section-top-entry ul.buttons span {display:block;}
.section-top-entry ul.buttons span:nth-child(1) {font-size:18px; font-size:1.8rem;}
.section-top-entry ul.buttons span:nth-child(2) {font-weight:700;}

.section-top-entry p a img {display:block;}
.section-top-entry p a:hover {opacity:0.5;}


@media screen and (max-width:900px) {
	.section-top-entry ul.buttons {font-size:24px; font-size:2.4rem;}
	.section-top-entry ul.buttons a {background-size:30px 30px;}
}
@media screen and (max-width:800px) {
	.section-top-entry ul.buttons a {background-size:24px 24px;}
	.section-top-entry ul.buttons span:nth-child(1) {font-size:16px; font-size:1.6rem;}
}
@media screen and (max-width:700px) {
	.section-top-entry ul.buttons {display:block;}
	.section-top-entry ul.buttons li {display:block; margin:0 auto 20px auto; max-width:580px;}
}

.section-top-schedule {background-color:#7EC9C1; padding-bottom:0;}
.section-top-schedule .section-title {color:#fff;}
.section-top-schedule .section-title .title {color:#fff;}
.section-top-schedule .section-content {color:#fff;}

.section-top-schedule .box {
	background-color:#fff; padding:2em; margin:0 0 4em 0;
	border-radius:15px;
	color:#000;
}
.section-top-schedule .box .flex-container {
	justify-content:space-around;
	text-align:center;
	margin:0 auto 4em;
}
.section-top-schedule .box .flex-item {flex-basis:40%;}
.section-top-schedule .box .title {font-size:40px; font-size:4.0rem; color:#7EC9C1;
	margin:0 auto 0.5em;
}
.section-top-schedule .tab-selector .thumbnail {max-width:270px; margin:0 auto 0.5em;}
.section-top-schedule .tab-selector .thumbnail img {display:block;}
.section-top-schedule .tab-selector .text {margin:0 auto 2em;}
.section-top-schedule .tab-selector .button {background-color:#7EC9C1; color:#fff;
	font-size:3.2rem; font-weight:bold;
	letter-spacing:0.1em;
	padding:0 2em; border-radius:15px;
	box-shadow:4px 4px #000;
}
/*
.section-top-schedule .tab-selector {}
.section-top-schedule .tab-content {}

.section-top-schedule .tab-selector ol {display:flex; justify-content:space-around;}
.section-top-schedule .tab-selector ol li {flex-basis:45%;}
*/
.section-top-schedule h4 {
	display:none;
	text-align:center;
	color:#7EC9C1; font-size:32px; font-size:3.2rem; font-weight:700;
	margin:0 auto 1em;
}
.section-top-schedule h4 img {max-width:300px; display:block; margin:0 auto 0.5em;}
.section-top-schedule h4 span {
	display:block; color:inherit; font-size:18px; font-size:1.8rem;
	color:#000;
}
.section-top-schedule dl {
	display:flex; padding:0 0 0 250px; margin:0 0 1em 0; position:relative;
	align-items:stretch; justify-content:flex-start;
	clear:both;
}
.section-top-schedule dl dt {
	color:#7EC9C1; font-size:32px; font-size:3.2rem; font-weight:bold;
	display:flex;
	flex-basis:80px;
	margin:0 4% 0 0;
	text-align:center;
	position:relative;
	line-height:1;
	overflow:hidden;
}
.section-top-schedule dl:not(:last-child) dt::after {
	content:""; display:block; position:absolute;
	width:1px; height:100%; top:2em; left:1em;
	background-color:#707070;
}

.section-top-schedule dl dd {
	text-align:left; margin:0 0 2em 0; flex-basis:calc(100%);}
.section-top-schedule dl dd.thumbnail {position:absolute; top:0; left:0; max-width:230px;}
.section-top-schedule dl dd.thumbnail img {display:block; width:100%;}

@media screen and (max-width:1000px) {
	.section-top-schedule dl {padding:0 0 0 200px;}
	.section-top-schedule dl dd.thumbnail {max-width:180px;}
}
@media screen and (max-width:900px) {
	.section-top-schedule .box .title {font-size:30px; font-size:3.0rem;}
	.section-top-schedule .tab-selector .button {font-size:24px; font-size:2.4rem;}
}
@media screen and (max-width:800px) {
	.section-top-schedule .box .flex-item {flex-basis:48%;}
	.section-top-schedule .tab-selector .thumbnail {width:80%;}
	.section-top-schedule dl {padding:0 0 0 140px;}
	.section-top-schedule dl dd.thumbnail {max-width:120px;}
}
@media screen and (max-width:600px) {
	.section-top-schedule .tab-selector {display:none;}
	.section-top-schedule h4 {display:block;}
}
@media screen and (max-width:500px) {
	.section-top-schedule .box {padding:1em;}
	.section-top-schedule h4 img {max-width:260px; width:100%; display:block;}
	.section-top-schedule dl {padding:0;}
	.section-top-schedule dl dd.thumbnail {display:none;}
	.section-top-schedule dl dd {font-size:18px; font-size:1.8rem;}
}

.section-top-voice {padding-top:0;}
.section-top-voice ul {}
.section-top-voice ul li {margin:0 0 2em 0; display:flex; justify-content:space-between;
	align-items:center;
}
.section-top-voice ul li div {display:block;}
.section-top-voice ul li .thumbnail {flex-basis:28%; padding:0 2em;}
.section-top-voice ul li .content {flex-basis:70%;}
.section-top-voice ul li .thumbnail img {display:block; width:100%;}
.section-top-voice ul li .content span {display:block;}
.section-top-voice ul li .content .name {margin:0 0 1em 0; line-height:1.3;}
.section-top-voice ul li .content .name b {font-size:32px; font-size:3.2rem; color:inherit;
	display:block;
}
.section-top-voice ul li .content .title {
	font-size:32px; font-size:3.2rem; font-weight:bold;
	color:#7EC9C1;
	line-height:1.3;
	margin:0 0 1em 0;
}
.section-top-voice ul li .content .text {font-size:18px; font-size:1.8rem;}

@media screen and (max-width:800px) {
	.section-top-voice ul li .content .title {font-size:24px; font-size:2.4rem;}
	.section-top-voice ul li .thumbnail {padding:0;}
	.section-top-voice ul li .content {flex-basis:65%;}
}
@media screen and (max-width:500px) {
	.section-top-voice ul li {display:block;}
	.section-top-voice ul li .thumbnail {padding:0 2em; max-width:300px; margin:0 auto;}
}



.section-top-point {}
.section-top-point ol li {
	color:#fff; background-color:#7EC9C1; border-radius:15px;
	margin:0 0 2em 0;
	padding:2em;
	display:flow-root;
}
.section-top-point ol li span {display:block;}
.section-top-point ol li .label {color:#F9F558; text-align:center; float:left; font-weight:700; font-size:32px; font-size:3.2rem;
	line-height:1;
	text-transform:uppercase;
	margin:0 1em 0 0;
}
.section-top-point ol li .label b {display:block; color:#F9F558;
	font-size:120px; font-size:12.0rem;
}
.section-top-point ol li .title {font-size:32px; font-size:3.2rem; font-weight:700; line-height:1.3;}

@media screen and (max-width:500px) {
	.section-top-point ol li {padding:1em;}
	.section-top-point ol li .label {float:none; margin:0 auto 0.5em;}
	.section-top-point ol li .title {text-align:center; margin:0 auto 0.5em;}
}



.section-top-flow {
	background-color: #7EC9C1;
}
.section-top-flow .section-title {color:#fff;}
.section-top-flow .section-title .title {color:#fff;}

.flow-list {text-align:left;}
.flow-list ol {
	position:relative;
	display:flex;
	justify-content:flex-start; text-align:left;
	flex-wrap:wrap;
	gap:2%;
}
.flow-list ol li {
	flex-basis:32%;
	background-color:#fff; border-radius:15px;
	margin:0 0 2% 0;
	padding:1em;
	position:relative;
	text-align:center;
}
.flow-list ol li::before {
	content:""; position:absolute; top:50%; right:-50px;
	width:73px; height:84px;
	background:url("images/top-flow-arrow.svg") 0 0 no-repeat;
	background-size:73px 84px;
	transform:translateY(-50%);
	z-index:11;
}
.flow-list ol li:nth-child(3)::before,
.flow-list ol li:nth-child(5)::before {display:none;}


.flow-list ol li dl {display:flow-root;}
.flow-list ol li dt {float:left; color:#7EC9C1;}
.flow-list ol li span {display:block;}
.flow-list ol li .title {
	font-size:30px; font-size:3.0rem; font-weight:bold; text-align:center;
	color:#7EC9C1;
	margin:0 auto 1em; padding:0; line-height:1.3;
}
.flow-list ol li .thumbnail {margin:0 auto;}
.flow-list ol li .thumbnail img {max-width:100%; height:auto;}
.flow-list ol li .text {font-size:18px; font-size:1.8rem;}

@media screen and (max-width:880px) {
	.flow-list ol li {flex-basis:47.5%;}
	.flow-list ol li .thumbnail img {max-width:80%;}
	.flow-list ol li::before {width:49px; height:56px; background-size:49px 56px; right:-24px;}
	.flow-list ol li:nth-child(3)::before,
	.flow-list ol li:nth-child(5)::before {display:block;}
	.flow-list ol li:nth-child(2)::before,
	.flow-list ol li:nth-child(4)::before {display:none;}
}
@media screen and (max-width:600px) {
	.flow-list ol {display:block;}
	.flow-list ol li {flex-basis:100%; margin:0 0 4em 0;}
	.flow-list ol li::before {transform:rotate(90deg); left:calc(50% - 24px); top:auto; bottom:-46px;}
	.flow-list ol li:nth-child(2)::before,
	.flow-list ol li:nth-child(4)::before {display:block;}
	.flow-list ol li:nth-child(5)::before {display:none;}
}




.section-top-info {
	background-color: #7EC9C1;
	padding-bottom:0;
}
.section-top-info .section-title {color:#fff;}
.section-top-info .section-title .title {color:#fff;}

.section-top-info .box {
	background-color:#fff;
	border-radius:15px;
	padding:4em; margin:0 0 4em 0;
}

.info-table table {margin:0;}
.info-table table th,
.info-table table td {border-bottom:1px solid #BDBDBD;}
.info-table table tr:last-child th,
.info-table table tr:last-child td {border:0;}

.info-table table th {
	font-weight:bold; position:relative;
	padding:0.7em 1em 0.7em 0; vertical-align:top;
	white-space:nowrap;
	color:#7EC9C1;
}
.info-table table td {
	padding:0.7em 0 0.7em 1em;
	font-size:18px; font-size:1.8rem;
	vertical-align:middle;
}

@media screen and (max-width:700px) {
	.section-top-info .box {padding:2em 2em;}
}
@media screen and (max-width:600px) {
	.section-top-info {padding-top:0;}
	.info-table table th,
	.info-table table td {display:block; padding:0; border:0;}
	.info-table table th {margin:0 0 0.2em 0; padding:0;}
	.info-table table td {
		padding:0 0 1em 0; margin:0 0 1em 0;
		border-bottom:1px solid #BDBDBD;
	}
}
@media screen and (max-width:500px) {
	.section-top-info .box {padding:1em;}
	.info-table table td {font-size:16px; font-size:1.6rem;}
}

/******************/
/* button *********/
/* .article button */


.button a {display:inline-block; min-width:120px; 
 background:transparent; border:1px solid #FF3945; border-color:var(--oz-color-red); color:#FF3945; color:var(--oz-color-red); position:relative;
}

[type="submit"] {
	border-radius:2px;
	border:2px solid #E69B3B;
	display:inline-block;
	text-align:center; padding:0.5em 24px 0.5em; margin:1em auto;
	background-color:#DC5A24; color:#fff;
	font-weight:bold; min-width:160px;
}
[type="submit"]:hover {
	background-color:#E69B3B;
	cursor:pointer;
}


.button a:hover {background-color:#FF3945; background-color:var(--oz-color-red); color:#ffffff; cursor:pointer;}

/******************/
/* Flexbox System & Table System */


.table-container {
	display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative; margin:0; padding:0;
}
.table-cell {
	display:table-cell; vertical-align:top; position:relative; margin:0; padding:0; empty-cells:show;
}

.flex-container {
	margin:0; padding:0; list-style:none;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-between;
justify-content:space-between;
}

.flex-item {
margin:0; padding:0;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
}

.flex-container-2 .flex-item {
	flex-basis:49%;
}
.flex-container-3 .flex-item {
	flex-basis:32%;
}
.flex-container-4 .flex-item {
	flex-basis:24%;
}

.columns {
	column-gap:4em;
	column-rule:1px dotted;
}
.columns-2 {columns:2;}


/******************/
/* responsive-table */

.r-table,
.responsive-table {overflow:scroll; width:100%;}




/******************/
/******************/
/* Media Query ****/



/* end ************/
/******************/
/******************/