<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* reset
----------------------------------- */
#contents div,
#contents dl,
#contents dt,
#contents dd,
#contents ul,
#contents li,
#contents p,
#contents a {
	box-sizing: border-box;
}

body {
	color: #4E4E4E;
	background-color: #FFF;
}

#contents .inner {
	padding: 0 15px !important;
}

/* background
----------------------------------- */
.bgblue {
	background-color: #EDF7FF;
}

/* font-weight
----------------------------------- */
.fobold {
	font-weight: bold;
}

/* font-color
----------------------------------- */
.foblue {
	color: #0066B4;
}

.datecolor {
	color: #0091ff;
}

/* font-size
----------------------------------- */
.fo12 {
	font-size: 12px;
}

.fo16 {
	font-size: 16px;
}

.fo18 {
	font-size: 18px;
}

.fo20 {
	font-size: 20px;
}

.fo22 {
	font-size: 22px;
}

/* margin
----------------------------------- */
.mb12 {
	margin-bottom: 12px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb65 {
	margin-bottom: 65px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb155 {
	margin-bottom: 155px;
}

/* hr
----------------------------------- */
#contents hr {
	display: block;
	border-top: 3px solid #0066B4;
	width: 44px;
	margin: 0 auto 42px auto;
}

/* indent
----------------------------------- */
.indent {
	text-indent: -1em;
	padding-left: 1em;
}

/* h1-h4
----------------------------------- */
#contents h1 {
	text-align: center;
	margin-bottom: 50px;
}

#contents h2 {
	color: #0066B4;
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 12px;
	text-align: center;
}

/* flex
----------------------------------- */
.flex-area {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}

/* mainvisual Area
----------------------------------- */
.mainvisual01 {
	background: url(../img/main_bg2.png) repeat-x;
	height: 443px;
	margin: 0 auto 35px auto;
	text-align: center;
}

#contents .mainvisual01 h1 {
	text-align: center;
	margin-bottom: 0;
}

.mainvisual01 img {
	margin-top: 20px;
}

.mainvisual01 img.mv-point {
	margin-top: 5px;
}

.mainvisual01 .inner p {
	line-height: 1.7;
	margin: -5px 0;
}

/* btnarea Area
----------------------------------- */
.btnarea {
	width: 100%;
	border: #A7A7A7 1px solid;
	color: #707070;
	font-weight: bold;
	background: url("../img/arrow_sp.png") #fff no-repeat 94% center;
	border-radius: 36px;
	text-align: center;
	min-height: 60px;
}

.btnarea a {
	text-decoration: none;
	color: #707070;
	display: block;
	min-height: 60px;
	padding-top: 20px;
}

/* login Area
----------------------------------- */
.login {
	text-align: center;
	padding-bottom: 60px;
}

#contents .login h2 {
	margin-bottom: 40px;
}

.login p {
	text-align: left;
	line-height: 1.7;
	margin-block: calc((1em - 1lh) / 2);
}

.login .btnarea {
	margin-top: 35px;
}

.login .btnarea a {
	padding-right: 20px;
}

/* service Area
----------------------------------- */
.service {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.service .se-lead {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 35px;
	line-height: 1.55;
}

.useservice {
	border-radius: 10px;
	border: #0091ff solid 3px;
	margin-bottom: 25px;
	background-color: #FFF;
}

.useservice .flex-area dt {
	width: 100%;
	padding: 20px 0;
	margin-bottom: 30px;
	color: #fff;
	background-color: #0091ff;
}

.useservice .flex-area dd {
	width: 100%;
	margin-bottom: 35px;
}

.useservice .flex-area dd:last-of-type {
	margin-bottom: 35px;
}

.changedate {
	padding-bottom: 30px;
}

.changedate dt {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #0091FF;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.changedate dd {
	font-size: 22px;
	font-weight: bold;
	color: #0066B4;
	background-color: #FFF;
	min-height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* renewal Area
----------------------------------- */
.renewal {
	text-align: center;
	padding-top: 60px;
}

#contents .renewal h2 {
	line-height: 1;
	margin-bottom: 46px;
}

.renewal p {
	line-height: 1.7;
	margin: -5px 0 35px 0;
	text-align: left;
}

.renewal .moviearea {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.renewal .moviearea iframe {
	width: 100%;
	height: 100%;
}

.pointarea dl.flex-area {
	align-items: center;
}

.pointarea dl {
	border-radius: 10px;
	border: #0066B4 2px solid;
	margin-bottom: 20px;
}

.pointarea dl:last-of-type {
	margin-bottom: 0;
}

.pointarea dt {
	width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #0066B4;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pointarea dt span.circle {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 26px;
	color: #0066B4;
	margin-left: 6px;
}

.pointarea dd {
	padding: 25px 30px 25px 20px;
	font-weight: bold;
	color: #0066B4;
	text-align: left;
	width: 73%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.pointarea dl dd:nth-child(3) {
	padding: 25px 0px 25px 0;
	width: 92px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.pointarea dd p {
	line-height: 1.85;
	margin: -6px 0;
}

.click-point {
	text-align: center;
}

.click-point a {
	display: inline-block;
}

.click-point p {
	text-align: left;
	line-height: 1.833;
	margin-block: calc((1em - 1lh) / 2);
	font-size: 12px;
}

.click-point p:first-of-type {
	padding-top: 15px;
	padding-bottom: 35px;
}

.click-point p:last-of-type {
	padding-top: 15px;
	padding-bottom: 0;
}

/* qa-area Area
----------------------------------- */
#contents .qa-area h2 {
	line-height: 1;
	margin-bottom: 34px;
}

.qa-accordion {
	border: #ccc 1px solid;
	border-radius: 10px;
	min-height: 50px;
	padding: 0 20px 0 17px;
	margin-bottom: 16px;
}

.qa-accordion:last-of-type {
	margin-bottom: 0;
}

.qa-title {
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.qa-title p {
	font-weight: bold;
	padding: 12px 17px 12px 0;
	text-indent: -24px;
	padding-left: 29px;
	line-height: 1.85;
	width: 100%;
}

.qa-title p::before {
	content: "Q";
	font-size: 14px;
	font-weight: bold;
	color: #0066B4;
	padding-right: 12px;
}

.qa-content p {
	padding-bottom: 1.8em;
	padding-left: 30px;
	line-height: 1.786;
	margin-block: calc((1em - 1lh) / 2);
}

.qa-content p:last-of-type {
	padding-bottom: 22px;
}

.qa-content p.answer::before {
	content: "A";
	font-size: 18px;
	font-weight: bold;
	color: #DF4C0D;
	padding-right: 14px;
}

.qa-content p.answer {
	text-indent: -27px;
	padding-left: 30px;
	line-height: 1.786;
}

.qa-content p.qa-titel-indent {
	text-indent: -1em;
	padding-left: 3em;
	padding-bottom: 10px;
	font-weight: bold;
}

.qa-content p.qa-indent {
	text-indent: -1em;
	padding-left: 3em;
	font-size: 12px;
	padding-bottom: 1.6em;
	line-height: 1.833;
}

.qa-content p.qa-indent-list {
	text-indent: -1em;
	padding-left: 3em;
	font-size: 12px;
	padding-bottom: 1.6em;
	line-height: 1.833;
}

.qa-content p.qa-indent:last-of-type {
	padding-bottom: 22px;
}

.qa-content ol {
	padding-left: 30px;
	padding-bottom: 1.5em;
}

.qa-content ol li {
	line-height: 1.786;
	text-indent: -1.5em;
	padding-left: 2.5em;
}

.qa-content .pb0 {
	padding-bottom: 0;
}

.qa-content .pb8 {
	padding-bottom: 8px;
}

.qa-content .pb20 {
	padding-bottom: 20px !important;
}

#contents .qa-content hr {
	display: block;
	width: auto;
	border-top: 1px solid #CCC;
	margin-bottom: 18px;
}

/* qa-area Area accordion
----------------------------------- */
.qa-title i.ac-btn {
	position: relative;
	top: 16px;
	background: url(../img/open_g.png) no-repeat;
	width: 19px;
	height: 17px;
}

.qa-title.open i.ac-btn {
	position: relative;
	top: 23px;
	background: url(../img/close_g.png) no-repeat;
	width: 19px;
	height: 3px;
}

.qa-content {
	display: none;
}

/* contact Area
----------------------------------- */
.exlink {
	margin-left: 5px;
	margin-bottom: -3px;
}
.contact {
	padding: 45px 0 85px 0;
}

#contents .contact h2 {
	line-height: 1;
	margin-bottom: 25px;
}

.c-btn {
	border-color: #0066B4;
}

.c-btn a {
	color: #0066B4;
}

.contact p {
	line-height: 1.8;
	margin: -5px 0;
}

.contact .btnarea {
	border-color: #D4ECFF;
	margin-bottom: 30px;
}

.contact .txt-link {
	text-align: center;
	margin-bottom: 20px;
}</pre></body></html>