@charset "utf-8";

/* ====================
reset
==================== */
.sc-container {
	background: #ffffff;
}

.sc-container, .sc-container div, 
.sc-container ul, .sc-container ol, .sc-container li,
.sc-container h1, .sc-container h2, .sc-container h3, .sc-container h4,
.sc-container p, .sc-container span {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.sc-container img {
	border: 0;
}

.sc-container li {
	list-style: none;
}

.sc-container h1, .sc-container h2,
.sc-container h3, .sc-container h4 {
	font-size: 100%;
	font-weight: normal;
	border: none;
}

.sc-container dl {
	font-size: 0;
}

button {
	padding: 0;
	border: none;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	appearance: none;
}

/* ====================
***
==================== */
.sc-container {
	width: 100%;
	margin: 0 auto;
	padding: 28px 0 0;
	background: #ffffff;
	color: #000000;
	font-size: 16px;
	font-family: "Kiwi Maru",serif;
	line-height: 1.875;
	overflow: hidden;
}

.sc-container strong {
	font-weight: bold;
}

.sc-container a,
.sc-container a:link,
.sc-container a:visited,
.sc-container a:active {
	text-decoration: none;
	transition: .4s ease;
}

.sc-container a:hover,
.sc-container a:active {
	opacity: 0.85;
	text-decoration: none;
	transition: .4s ease;
}

#page-top a {
	display: block;
	width: 100px;
	height: 100px;
	background: url(../img/btn_pagetop.png) left top;
	-webkit-transition: .4s;
	transition: .4s;
}

#page-top a:hover {
	opacity: 0.9;
}

.sc-container .text {
	display: block;
}


/* ====================
‹¤’Ę
==================== */
.sc-container .text {
	display: block;
	margin: 0 0 40px;
}

.sc-container .section-title {
	position: relative;
	margin: 0 0 86px;
}

.sc-container .section-title::after {
	display: block;
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	height: 13px;
	background: url(../img/line_sec_tit_pc.png) no-repeat center;
	background-size: contain;
	content: "";
}

.sc-container .section-title-image {
	display: block;
	margin: 0 0 5px;
	line-height: 1;
	text-align: center;
}

.sc-container .section-title-text {
	display: block;
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.375;
	text-align: center;
}

.sc-container .section:nth-of-type(3) .section-title-text {
	letter-spacing: 0.05em;
}

.sc-container .section {
	width: 100%;
	margin: 0 0 135px;
}


/* ====================
keyv-area
==================== */
.sc-container .keyv-area {
	margin: 0 auto 40px;
	text-align: center;
}

.sc-container .keyv {
	margin: 0 auto 72px;
}

.sc-container .main-tit {
	margin: 0 auto 45px;
}

.sc-container .text-area {
	width: 1103px;
	margin: 0 auto 57px;
	background: url(../img/bg_pc.png) no-repeat;
	background-position: 0 30px;
}

.sc-container .keyv-text .text {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.95;
}

.sc-container .title-area {
	margin: 0 0 80px;
	text-align: center;
}

.sc-container .title-area .title-num {
	display: block;
	width: 195px;
	height: 34px;
	margin: 0 auto 10px;
	background: #c00000;
	border-radius: 34px;
	color: #ffffff;
	font-size: 24px;
	font-weight: 800;
	font-family: "Futura", "Poppins", sans-serif;
	letter-spacing: 0.1em;
	line-height: 38px;
	text-align: center;
}

_::-webkit-full-page-media, _:future, :root .sc-container .title-area .title-num {
	line-height: 34px;
}

.sc-container .title-area .title-text {
	display: block;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: center;
}


/* ====================
intro-area
==================== */
.sc-container .intro-area {
	margin: 0 auto 80px;
	padding: 68px 0 115px;
	background-color: #f8eee6;
	position: relative;
}

.sc-container .intro-area::before,
.sc-container .intro-area::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 14px;
	left: 0;
}

.sc-container .intro-area::before {
	background: url(../img/bg_intro_top.png) repeat-x top left;
	background-size: 68px 14px;
	top: -14px;
}

.sc-container .intro-area::after {
	background: url(../img/bg_intro_bottom.png) repeat-x top left;
	background-size: 68px 14px;
	bottom: -14px;
}

.sc-container .intro-area .section-title {
	margin: 0 0 66px;
}

.sc-container .intro-lead {
	text-align: center;
	margin: 0 0 5px;
}

.sc-container .intro-lead-text {
	display: inline-block;
	padding: 0 92px;
	font-size: 35px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.53;
	position: relative;
}

.sc-container .intro-lead-text::before,
.sc-container .intro-lead-text::after {
	content: "";
	display: block;
	position: absolute;
	width: 62px;
	height: 65px;
	bottom: 0;
}

.sc-container .intro-lead-text::before {
	background: url(../img/i_tit_left.png) no-repeat;
	background-size: contain;
	left: 0;
}

.sc-container .intro-lead-text::after {
	background: url(../img/i_tit_right.png) no-repeat;
	background-size: contain;
	right: 0;
}

.sc-container .intro-list-wrap {
	width: 980px;
	margin: 0 auto 45px;
	background: url(../img/img_intro_01_pc.png) no-repeat;
	background-size: 247px 912px;
	background-position: top center;
	position: relative;
}

.sc-container .intro-list {
	width: 100%;
	height: 912px;
	position: relative;
}

.sc-container .intro-list-item {
	width: 264px;
	position: absolute;
}

.sc-container .intro-list-item:nth-child(1) {
	top: 52px;
	left: 0;
}

.sc-container .intro-list-item:nth-child(2) {
	top: 375px;
	left: 0;
}

.sc-container .intro-list-item:nth-child(3) {
	top: 620px;
	left: 0;
}

.sc-container .intro-list-item:nth-child(4) {
	top: 60px;
	right: 0;
}

.sc-container .intro-list-item:nth-child(5) {
	top: 290px;
	right: 0;
}

.sc-container .intro-list-item-title {
	position: relative;
	margin: 0 0 28px;
	padding-top: 80px;
	text-align: center;
}

.sc-container .intro-list-item-title::after {
	display: block;
	position: absolute;
	bottom: -16px;
	left: 0;
	width: 100%;
	height: 9px;
	background: url(../img/line_intro_list_item_tit_pc.png) no-repeat center;
	background-size: contain;
	content: "";
}

.sc-container .intro-list-item-title-num {
	position: absolute;
	bottom: 0;
	left: calc(50% - 35px);
}

.sc-container .intro-list-item:nth-child(1) .intro-list-item-title-num {
	top: 0;
	bottom: auto;
}

.sc-container .intro-list-item:nth-child(2) .intro-list-item-title-num {
	bottom: 40px;
}

.sc-container .intro-list-item:nth-child(3) .intro-list-item-title-num {
	bottom: 40px;
}

.sc-container .intro-list-item:nth-child(4) .intro-list-item-title-num {
	bottom: 20px;
}

.sc-container .intro-list-item:nth-child(n+4) .intro-list-item-title-num {
	right: calc(50% - 35px);
	left: auto;
}

.sc-container .intro-list-item:nth-child(5) .intro-list-item-title-num {
	top: 0;
	bottom: auto;
}

.sc-container .intro-list-item-title-text {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.37;
	text-align: center;
}

.intro-sub-img {
	position: absolute;
	bottom: 0;
	right: -40px;
}

.intro-image {
	margin: 0 auto;
	text-align: center;
}


/* ====================
try-area
==================== */
.sc-container .try-area.section {
	margin-bottom: 160px;
}

.sc-container .section-main-img {
	width: 1103px;
	margin: 0 auto -30px;
}

.sc-container .try-area .title-area {
	position: relative;
	margin: 0 0 45px;
}

.sc-container .try-area .title-area::after {
	display: block;
	position: absolute;
	bottom: -19px;
	left: 0;
	width: 100%;
	height: 14px;
	background: url(../img/line_tit_area_pc.png) no-repeat center;
	background-size: contain;
	content: "";
}

.sc-container .try-area .title-area {
	position: relative;
}

.sc-container .try-area .desc-area {
	width: 730px;
	margin: 0 auto 75px;
}

.sc-container .section-lead {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	margin: 0 0 10px;
}

.sc-container .section-desc .text {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.5;
	text-align: left;
}

.sc-container .try-list-wrap {
	width: 1180px;
	margin: 0 auto;
}

.sc-container .try-list-tit {
	text-align: center;
	margin: 0 auto 64px;
	height: 90px;
	position: relative;
	background: url(../img/deco_try_list_tit_pc.png) no-repeat;
	background-size: contain;
	background-position: center;
}

.sc-container .try-list-tit > span {
	font-size: 50px;
	font-weight: 800;
	font-family: "Futura", "Poppins", sans-serif;
	letter-spacing: 0.2em;
	line-height: 90px;
	display: inline-block;
}

.sc-container .try-list {
	margin: 0 auto 45px;
}

.sc-container .try-list:nth-of-type(2) {
	margin: 0 auto;
}

.sc-container .try-list-item {
	margin: 0 auto 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.sc-container .try-list-item:nth-child(even) {
	flex-direction: row-reverse;
}

.sc-container .try-list:nth-of-type(2) .try-list-item:nth-child(odd) {
	flex-direction: row-reverse;
}

.sc-container .try-list:nth-of-type(2) .try-list-item:nth-child(even) {
	flex-direction: row;
}

.sc-container .try-list-item:first-child {
	width: 944px;
}

.sc-container .try-list-item:last-child {
	margin: 0;
}

.sc-container .try-list:nth-of-type(1) .try-list-item:nth-child(2) {
	margin: 0 auto;
}

.sc-container .try-list-item-detail {
	width: 450px;
}

.sc-container .try-list-item-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 378px;
	margin: 0 0 30px;
	position: relative;
}

.sc-container .try-list-item-title-num {
	display: block;
	width: 155px;
	margin: 0 auto 15px;
}

.sc-container .try-list-item-title-time {
	display: block;
	font-size: 38px;
	font-weight: 800;
	font-family: "Futura", "Poppins", sans-serif;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 0 auto;
}

.sc-container .try-list-item-title-text {
	display: block;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.34;
	text-align: center;
	position: relative;
	white-space: nowrap;
}

.sc-container .try-list-item-title-text::after {
	display: block;
	position: absolute;
	bottom: -37px;
	right: 0;
	width: 100%;
	height: 12px;
	background: url(../img/line_try_item_list_tit_pc.png) no-repeat center;
	background-size: contain;
	content: "";
}

.sc-container .try-list-item-image {
	margin: 0 0 7px;
}

.sc-container .try-list-item-text .text {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.56;
}

.sc-container .try-list-item-sub-image {
	margin-top: 30px;
	width: 100%;
	text-align: center;
}


/* ====================
how-area
==================== */
.sc-container .how-area .section-title {
	margin-bottom: 100px;
}

.sc-container .how-list-wrap {
	margin: 0 auto 50px;
}

.sc-container .how-list {
	width: 1018px;
	margin: 0 auto;
}

.sc-container .how-list-item {
	width: 100%;
	margin: 0 0 50px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.sc-container .how-list-item-image-wrap {
	width: 250px;
}

.sc-container .how-list-item-image {
	margin: 0 0 10px;
}

.sc-container .how-list-item-name {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
}

.sc-container .how-list-item-text {
	width: 732px;
	height: 250px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.sc-container .how-list-item:nth-child(1) .how-list-item-text {
	background: url(../img/balloon_01_pc.png) no-repeat;
	background-size: contain;
	background-position: center;
}

.sc-container .how-list-item:nth-child(2) .how-list-item-text {
	background: url(../img/balloon_02_pc.png) no-repeat;
	background-size: contain;
	background-position: center;
}

.sc-container .how-list-item-text .text {
	width: 596px;
	font-size: 18px;
	line-height: 1.56;
	margin: 0 50px 0 0;
}


/* ====================
study-area
==================== */
.sc-container .study-list-wrap {
	margin: 0 auto 130px;
}

.sc-container .study-lead {
	margin: 0 auto 70px;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.34;
	text-align: center;
}

.sc-container .study-list {
	width: 1058px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.sc-container .study-list-item {
	margin: 0;
	width: 420px;
}

.sc-container .study-list-item-tit {
	text-align: center;
	margin: 0 0 46px;
}

.sc-container .study-list-item-title-text {
	display: inline-block;
	margin-left: -32px;
	padding: 0 62px;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1;
	position: relative;
	white-space: nowrap;
}
.sc-container .study-list-item:nth-child(2) .study-list-item-title-text {
	margin-left: 0;
}

.sc-container .study-list-item-title-text::before,
.sc-container .study-list-item-title-text::after {
	content: "";
	display: block;
	position: absolute;
	width: 46px;
	height: 48px;
	top: 0;
}

.sc-container .study-list-item-title-text::before {
	background: url(../img/i_tit_left_sub_pc.png) no-repeat;
	background-size: contain;
	left: 0;
}

.sc-container .study-list-item-title-text::after {
	background: url(../img/i_tit_right_sub_pc.png) no-repeat;
	background-size: contain;
	right: 0;
}

.sc-container .study-list-item-image {
	margin: 0 auto 28px;
	text-align: center;
}

.sc-container .study-list-item-text {
	margin: 0 0 35px;
}

.sc-container .study-list-item-text .text {
	font-size: 18px;
	line-height: 1.56;
	margin-bottom: 0;
	text-align: center;
}

.sc-container .download-btn {
	margin: 0 auto;
	width: 420px;
	height: 70px;
}

.sc-container .download-btn .btn {
	line-height: 70px;
	border-radius: 70px;
	padding: 0;
}


/* ====================
btn
==================== */
.sc-container .btn {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #ffb700;
	color: #000000;
	font-weight: 500;
	font-size: 30px;
	letter-spacing: 0.1em;
	text-align: center;
}


/* ====================
variation-area
==================== */
.sc-container .variation-area .section-title {
	margin-bottom: 100px;
}

.sc-container .variation-list-wrap {
	margin: 0 auto 12px;
}

.sc-container .variation-list-tit {
	text-align: center;
	margin: 0 0 30px;
}

.sc-container .variation-list-title-text {
	display: inline-block;
	padding: 0 62px;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1;
	position: relative;
}

.sc-container .variation-list-title-text::before,
.sc-container .variation-list-title-text::after {
	content: "";
	display: block;
	position: absolute;
	width: 46px;
	height: 48px;
	top: 0;
}

.sc-container .variation-list-title-text::before {
	background: url(../img/i_tit_left_sub_pc.png) no-repeat;
	background-size: contain;
	left: 0;
}

.sc-container .variation-list-title-text::after {
	background: url(../img/i_tit_right_sub_pc.png) no-repeat;
	background-size: contain;
	right: 0;
}

.sc-container .variation-list-lead {
	margin: 0 0 18px;
}

.sc-container .variation-list-lead .text {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.56;
	text-align: center;
}

.sc-container .variation-list {
    margin: -50px auto 100px;
    display: flex;
    width: 935px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.sc-container .variation-list-item {
	width: 200px;
	margin: 50px 0 0 45px;
}

.sc-container .variation-list-item:nth-child(4n+1),
.sc-container .variation-list-item:nth-child(4n+1) {
	margin: 50px 0 0 0;
}

.sc-container .variation-list-item .item-image {
	margin: 0 0 5px;
}

.sc-container .variation-list-item .item-detail {
	margin: 0 0 7px;
}

.sc-container .variation-list-item .item-detail dt {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.3em;
}

.sc-container .variation-list-item .item-detail dd {
	font-size: 19px;
	font-weight: 600;
	font-family: "Futura", "Poppins", sans-serif;
	white-space: nowrap;
}

.sc-container .item-btn {
	margin: 0 auto;
	width: 100%;
	height: 40px;
}

.sc-container .item-btn .btn {
	font-size: 22px;
	letter-spacing: 0.1em;
	line-height: 40px;
	border-radius: 40px;
	padding: 0;
}

.sc-container .banner-wrap {
	margin: 170px auto 0;
	text-align: center;
}

/* wall clock */
/* table clock */
.sc-container .wallclock-area .item-name,
.sc-container .tableclock-area .item-name {
	display: inline-block;
    margin-bottom: -7px;
	font-family: 'Kiwi Maru', serif;
}

.sc-container .wallclock-area .btn,
.sc-container .tableclock-area .btn {
	background: #82bec8;
}

.sc-container .wallclock-area .section-title,
.sc-container .tableclock-area .section-title {
    margin-bottom: 55px;
} 

/* ====================
ƒXƒNƒ[ƒ‹
==================== */
.sc-container .fadein {opacity:0;transform:none;transition: .5s .2s ease;}
.sc-container .fadein.scrollin {opacity:1;transform:none;transition: .5s .2s ease;}