<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
----------------------------------- */
body {
	color: #4E4E4E;
	background-color: #FFF;
}

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

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


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

.bgblue-wrap {
	background-color: #EDF7FF;
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.bgblue-wrap.bgwhite {
	background-color: #fff;
}

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

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

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

.fo15 {
	font-size: 15px;
}

/* margin
----------------------------------- */
.mb0 {
	margin-bottom: 0 !important;
}

.mb60 {
	margin-bottom: 60px;
}

/* padding
----------------------------------- */
.pt0 {
	padding-top: 0 !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

/* width
----------------------------------- */
.w97 {
	width: 97%;
}

/* hr
----------------------------------- */
#contents hr {
	width: 44px;
	display: block;
	border-top: 3px solid #0066B4;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}

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

.indent15 {
	text-indent: -1.5em;
	padding-left: 1.5em;
}

/* h1-h4
----------------------------------- */
#contents h1 {
	line-height: 1;
	font-size: 25px;
	color: #0066B4;
	text-align: center;
	margin-bottom: 18px;
}

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

#contents h3 {
	display: block;
	line-height: 1;
	font-size: 18px;
	color: #4E4E4E;
	text-align: center;
}

#contents h3 span {
	padding-bottom: 2px;
	border-bottom: #4E4E4E 1px solid;
}

.al-center {
	align-self: center !important;
}

/* mainvisual Area
----------------------------------- */
.mainvisual {
	background: url(../img/main-bg.png) repeat-x;
	height: 70px;
}

/* top-area Area
----------------------------------- */
.top-area {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
}

.top-area .top-text {
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.top-area p {
	line-height: 1.714;
	margin-block: calc((1em - 1lh) / 2);
}

.top-area p.indent {
	line-height: 1;
	margin-top: 12px;
}

.top-area p span.text-blue {
	color: #0066B4;
}

.advance {
	display: grid;
	grid-template-rows: 60px 230px;
	grid-template-areas:
		"ad-title"
		"ad-contents";
	align-items: center;
	border: #CCC 1px solid;
	overflow: hidden;
	margin-top: 36px;
	margin-bottom: 60px;
}

.ad-title {
	display: grid;
	grid-area: ad-title;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-items: center;
	background-color: #EDF7FF;
	line-height: 1;
}

.ad-title p {
	text-align: center;
}

.ad-title p.wish {
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
}

.ad-contents {
	grid-area: ad-contents;
	justify-self: start;
	text-align: left;
}

.ad-contents p {
	width: 88.92%;
	line-height: 1.786;
	margin-block: calc((1em - 1lh) / 2);
	margin-left: 18px;
}

.ad-contents p:nth-child(2) {
	margin-top: 16px;
}


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

.connect .content-wrap .indent {
	margin-top: 12px;
}

.twostep {
	padding-top: 40px;
	text-align: center;
}

#contents .connect h2 {
	line-height: 1.6;
	font-size: 20px;
	margin-block: calc((1em - 1lh) / 2);
	padding-top: 6px;
	padding-bottom: 30px;
}

.connect .caution {
	border: #DF4C0D 1px solid;
	background-color: #FFF;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 23px;
	margin-bottom: 30px;
	min-height: 50px;
}

.connect .caution p {
	color: #DF4C0D;
	text-align: center;
	line-height: 1;
}

/* section-area Area
----------------------------------- */
.section-area p {
	line-height: 1.786;
	margin-block: calc((1em - 1lh) / 2);
	text-align: left;
}

.section-area .moviearea {
	margin-top: 20px;
	margin-bottom: 30px;
}

.section-area .moviearea {
	width: 100%;
	aspect-ratio: 16 / 9;
	margin-left: auto;
	margin-right: auto;
}

.section-area .moviearea iframe {
	width: 100%;
	height: 100%;
}

/* link-area
----------------------------------- */
.link-area {
	padding-top: 45px;
	padding-bottom: 45px;
	text-align: left;
}

#contents .link-area h3 {
	line-height: 1.889;
	margin-block: calc((1em - 1lh) / 2);
	text-decoration: underline;
	text-underline-offset: 5px;
	padding-bottom: 20px;
}

.link-area p {
	width: 100%;
	border: #CCCCCC 1px solid;
	font-weight: bold;
	background: url(../img/arrow_sp.png) #FFF no-repeat 94% center;
	border-radius: 10px;
	text-align: left;
	height: 60px;
	margin-bottom: 20px;
}

.link-area p:last-of-type {
	margin-bottom: 0;
}

#flow_pdf.link-area p {
	background: url(../img/icon_pdf.png) #FFF no-repeat 94% center;
}

.link-area a {
	text-decoration: none;
	color: #4E4E4E;
	display: block;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

/* point-area
----------------------------------- */
#contents .point-area {
	margin-top: 35px;
	text-align: center;
}

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

/* how-to Area accordion
----------------------------------- */
/* アコーディオン全体 */
.howto-accordion {
	border: #007EDE 1px solid;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}

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

/* アコーディオンタイトル部分 */
.howto-title {
	display: grid;
	grid-template-areas:
		"step icon";
	grid-template-columns: 1fr 33px;
	grid-template-rows: 60px;
	align-items: center;
	background-color: #FFF;
	cursor: pointer;
}

.title {
	display: grid;
	grid-template-areas:
		"step step-t";
	grid-template-columns: 78px 1fr;
	align-items: center;
}

.title p {
	line-height: 1;
	font-size: 13px;
	text-align: left;
}

.title p.step {
	grid-area: step;
	color: #0066B4;
	font-weight: bold;
	margin-left: 15px;
}

.title p.step-t {
	grid-area: step-t;
	font-weight: bold;
	margin-left: 16px;
}

.howto-title i {
	grid-area: icon;
}

/* アコーディオン手順コンテンツ部分 */
.howto-content {
	background-color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 30px;
}

.howto-content .txt {
	width: 91%;
	margin: -10px auto 0;
	font-size: 13px;
	color: #666666;
	line-height: 1.769;
}

.howto-content .indent-list {
	width: 91%;
	margin: 0 auto 20px;
	font-size: 13px;
	color: #666666;
	line-height: 1.769;
}

.howto-content .indent-list li {
	text-indent: -1em;
	padding-left: 1em;
}

.howto-content .step-section {
	display: grid;
	width: 91%;
	grid-template-columns: 100%;
	grid-template-areas:
		"process"
		"lead"
		"img-sb"
		"img-main";
	align-items: center;
	justify-content: start;
	border-bottom: #CCC 1px solid;
	padding-top: 2px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	margin-bottom: 21px;
}

.howto-content .step-section .img-sb img,
.howto-content .step-section .img-main img {
	width: 177px;
}

.howto-content .step-section.last {
	border: none;
	margin-bottom: 0;
}

.howto-content .step-section.double {
	grid-template-columns: 50%;
	grid-template-areas:
		"process process"
		"lead lead"
		"img-sb img-main";
}

.howto-content .step-section.double .img-sb img,
.howto-content .step-section.double .img-main img {
	width: 129px;
}

.howto-content .step-section.triple {
	grid-template-columns: 129px 1fr 129px;
	grid-template-areas:
		"process process process"
		"lead lead lead"
		"img-sb arrow img-main";
}

.howto-content .step-section.triple .img-sb img,
.howto-content .step-section.triple .img-main img {
	width: 129px;
}

.howto-content .step-section.triple .arrow img {
	width: 24px;
}

.howto-content p.line {
	display: inline;
	background: linear-gradient(transparent 50%, #EDF7FF 50%);
	font-size: 13px;
	color: #0066B4;
	line-height: 1.538;
}

.howto-content .line-lead {
	display: block;
}

.howto-content .line.flex {
	display: flex;
	background: linear-gradient(transparent -50%, #EDF7FF 50%);
}

.howto-content span.stpcircle {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 50%;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	background: #0066B4;
	text-align: center;
	position: relative;
	top: -2px;
	margin-right: 6px;
}

/* grid部分 */
.process {
	grid-area: process;
	align-self: self-start;
}

.process p {
	line-height: 1.538;
	font-size: 14px;
	font-weight: bold;
}

.lead {
	grid-area: lead;
	align-self: self-start;
}

.lead p {
	line-height: 1.769;
	font-size: 13px;
	color: #666;
	margin-top: 10px;
}

p.howto-indent {
	font-size: 12px;
	line-height: 1.833;
	margin-block: calc((1em - 1lh) / 2);
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 10px;
}

#contents p .blank_icon {
	background: url(../img/icon_externallink.png) right center no-repeat;
	background-size: 13px auto;
	padding-right: 16px;
	margin-right: 3px;
}

.img-sb {
	grid-area: img-sb;
	display: grid;
	justify-self: center;
	align-self: self-start;
	margin-top: 10px;
	margin-right: 5px;
}

.arrow {
	grid-area: arrow;
	align-self: center;
	justify-self: center;
	padding-top: 50px;
}

.img-main {
	grid-area: img-main;
	display: grid;
	justify-items: center;
	margin-top: 10px;
}

.step-section.double .img-sb,
.step-section.double .img-main {
	margin-top: 20px;
}

.img-sb p,
.img-main p {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
}

/* アコーディオン 完了部分 */
.howto-content .complete {
	display: grid;
	place-items: center;
	width: 275px;
	min-height: 75px;
	background-color: #FEFCDE;
	margin-left: auto;
	margin-right: auto;
}

.howto-content .complete p {
	text-align: center;
}

.howto-content .complete p.endtitle {
	line-height: 1.769;
	font-size: 13px;
	font-weight: bold;
	color: #DF4C0D;
}

/* アコーディオン 閉じるボタン部分 */
.howto-content .closebtn {
	width: 200px;
	min-height: 40px;
	border: #0066B4 1px solid;
	border-radius: 10px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

.howto-content .closebtn.mt0 {
	margin-top: 0;
}

.howto-content .closebtn a {
	text-decoration: none;
}

.howto-content .closebtn p {
	min-height: 40px;
	line-height: 1;
	font-weight: bold;
	color: #0066B4;
	text-align: center;
	padding-top: 12px;
}

/* アコーディオン 開閉ボタン部分 */
.howto-title i.ac-btn {
	position: static;
	background: url(../img/open.png) no-repeat;
	width: 19px;
	height: 17px;
}

.howto-title.open i.ac-btn {
	position: relative;
	top: 7px;
	background: url(../img/close.png) no-repeat;
	width: 19px;
	height: 17px;
}

.howto-content {
	display: none;
}

/* アコーディオン 個別要素 */
.howto-content p.txt-lead {
	width: 700px;
	line-height: 2;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.step-section p.indent {
	font-size: 12px;
	line-height: 1.833;
	margin-block: calc((1em - 1lh) / 2);
	margin-top: calc(16px + ((1em - 1lh) / 2));
	padding-top: 0;
}

/* question Area
----------------------------------- */
.question {
	margin-top: 150px;
}

#contents .question h2 {
	margin-bottom: 33px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.question .qa-content {
	display: none;
}

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

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

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

.contact {
	padding-top: 45px;
	padding-bottom: 85px;
}

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

#contents .contact hr {
	margin-bottom: 38px;
}

.contact p {
	line-height: 1.833;
	margin-block: calc((1em - 1lh) / 2);
}

.contact .txt-link {
	text-align: center;
	margin-bottom: 20px;
}

/* 追加分
----------------------------------- */
.icon-pdf {
	margin: 0 2px -4px;
}

.icon-registrable-wrap {
	position: relative;
}

.icon-registrable img {
	width: 100%;
}

.t-wrap .indent {
	margin-bottom: 30px;
}

#step-top .icon-registrable-wrap .icon-registrable {
	width: 80px;
	position: absolute;
	right: 0px;
	bottom: -90px;
}

#did_howto_login_smilink_sp #step-top .icon-registrable-wrap .icon-registrable,
#did_howto_login_sumapiko_sp #step-top .icon-registrable-wrap .icon-registrable {
	bottom: -50px;
}

#step-top .howto-accordion.step1 .icon-registrable-wrap .icon-registrable,
#step-top .howto-accordion.step2 .icon-registrable-wrap .icon-registrable {
	width: 80px;
	position: absolute;
	right: -10px;
	bottom: 170px;
}

#did_howto_login_smilink_sp #step-top .howto-accordion.step1 .icon-registrable-wrap .icon-registrable,
#did_howto_login_smilink_sp #step-top .howto-accordion.step2 .icon-registrable-wrap .icon-registrable,
#did_howto_login_sumapiko_sp #step-top .howto-accordion.step1 .icon-registrable-wrap .icon-registrable,
#did_howto_login_sumapiko_sp #step-top .howto-accordion.step2 .icon-registrable-wrap .icon-registrable {
	bottom: 150px;
}</pre></body></html>