@charset "utf-8";

/*-------------------------------------
	Common
-------------------------------------*/

main { display: block; margin: 0 0 670px; }

article .inner { margin: 0 auto; padding: 0 30px; max-width: 1260px; }
article .inner > p.center:last-child { margin: 80px 0 0; }
article p { line-height: 1.6; }

article strong.underline { display: inline-block !important; position: relative; margin: 0 2px; padding: 0 2px; font-weight: inherit; z-index: 1; }
article strong.underline:before { content: ""; display: block; position: absolute; bottom: 2px; left: 0; width: 100%; height: 10px; background: #B2E0FE; opacity: .9; z-index: -1; }
article h2 strong.underline:before { bottom: 0; height: 14px; }

.center .btn ~ .btn { margin-left: 50px; }

/* short */
.short main { margin: 0 0 360px; }
.short footer h2,
.short footer ul,
.short footer div#OC { display: none; }
.short footer div { padding: 0; width: 100%; }
.short footer #Copyright { margin: 0; padding: 0 0 40px; text-align: center; }

/* slash */
.slash { position: relative; margin: 300px 0; padding: 0; background: #F2F7FF; }
.slash:before,
.slash:after {
  content: '';
  position: absolute;
  top: -299px;
  left: 0;
  width: 100%;
  height: 300px;
  margin: 0;
  background: url("/images/slash.svg") center center no-repeat;
  background-size: cover;
  z-index: -1;
}
.slash:after { top: auto; bottom: -299px; transform: scale(-1,-1); }
.slash.left:before { transform: scale(-1,1); }
.slash.left:after { transform: scale(1,-1); }

.slash .inner { z-index: 2; }

/* Contact */
.slash#Contact { background: #95D2FE; }
.slash#Contact:before,
.slash#Contact:after { background-image: url("/images/slashB.svg"); }

#Contact figure { margin: 0 auto 60px; max-width: 740px; }
#Contact figure + p { margin: 0 0 40px; font-size: 20px; }
#Contact figure + p strong { font-size: 22px; }
#Contact ul,
#Contact .note { display: inline-block; margin: 0 auto; padding: 30px 50px 22px; max-width: 740px; color: #FFF; text-shadow: 0 1px 5px rgba(0,123,199,0.6); box-shadow: 0 0 20px 3px rgba(255,255,255,0.6); }
#Contact .note { padding: 25px 30px; text-align: left; }
#Contact ul li { margin: 0 0 8px 24px; font-size: 22px; font-weight: bold; list-style-type: disc; list-style-position: outside; }
#Contact .inner > p.center:last-child { margin: 60px 0 0; }

/* PageTitle */
#PageTitle { position: relative; margin: 0 0 10px; padding: 180px 0 200px; background: #95D2FE url("/images/pagetitleBg.png") center center no-repeat; }
#PageTitle:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 300px;
  margin: 0;
  background: url("/images/slashF.svg") center center no-repeat;
  background-size: cover;
  z-index: 0;
  transform: scale(-1,1);
}
#PageTitle h2 { font-size: 42px; text-shadow: 0 0 5px #95D2FE, 0 0 10px #95D2FE; }

/* tooltip */
.tooltip { display: inline-block; position: relative; margin: 0 0 0 8px; }
.tooltip .icon { display: inline-block; width: 20px; height: 20px; font-size: 0; background: #0079C5 url("/images/icon_info.png") center center no-repeat; background-size: 13px 13px; border-radius: 10px; vertical-align: middle; cursor: pointer; }
.tooltip .tooltipText {
	position: absolute;
	bottom: 100%;
	left: 0;
	margin: 0 0 5px 10px;
	padding: 15px;
	width: auto;
	color: #ffffff;
	line-height: 1.6;
	text-align: center;
	background-color: #0079C5;
	border-radius: 6px;
	visibility: hidden;
	opacity: 0;
	z-index: 300;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
.tooltip .tooltipText:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -5px; border: 5px solid transparent; border-top-color: #0079C5; }
.tooltip:hover .tooltipText { box-shadow: 0 0 10px 3px #FFF; visibility: visible; opacity: 1; }

/* commingSoon */
.commingSoon { position: relative; text-decoration: none; opacity: .6; }
.commingSoon span {
	position: absolute;
	top: -5px;
	left: -5px;
	padding: 8px 0 0;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	color: #FFF !important;
	text-align: center;
	background: rgba(0, 121, 197, 0.8);
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.commingSoon:hover span { opacity: 1; }


/*-------------------------------------
	Home
-------------------------------------*/

/* loading */
#Home #loading { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; background: #FFF; overflow: hidden; z-index: 9999; }
#Home #loading .inner { position: relative; height: 100%; }
#Home #loading img { position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; }

/* Visual */
#Home #Visual { position: relative; margin: 0 0 10px; padding: 0 0 110px; background: #F2F7FF; }
#Home #Visual:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  margin: 0;
  background: url("/images/slashF.svg") center center no-repeat;
  background-size: cover;
  z-index: 0;
  transform: scale(-1,1);
}
#Home #Visual .inner { z-index: 2; }
#Home #Visual h2 { margin: 0 0 50px; padding: 200px 0 160px; font-size: 42px; letter-spacing: -1px; line-height: 1.5; background: #95D2FE; }
#Home #Visual h2:before {
  content: '';
  position: absolute;
  bottom: -299px;
  left: 0;
  width: 100%;
  height: 300px;
  margin: 0;
  background: url("/images/slashB.svg") center center no-repeat;
  background-size: cover;
  z-index: 0;
  transform: scale(-1,-1);
}
#Home #Visual .center { margin: -160px 0 10px; }
#Home #Visual figure,
#Home #Visual figure img { position: relative; }
#Home #Visual figure { -webkit-animation: vertical 2s ease-in-out infinite alternate; animation: vertical 2s ease-in-out infinite alternate; }
#Home #Visual figure p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
#Home #Visual figure p.bg { top: 142px; z-index: 0; mix-blend-mode: multiply; }
#Home #Visual figure p.bg2 { mix-blend-mode: multiply; }

/* WhatIs */
#Home #WhatIs h2 { margin: 0 0 30px; }

#Home #WhatIs #Slider li.anime { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 50px 0; }
#Home #WhatIs #Slider li.anime figure { width: 47.5%; box-shadow: 0 12px 30px #D5E4EF; }
#Home #WhatIs #Slider li.anime figure + div { padding-left: 70px; width: 52.5%; text-align: left; }
#Home #WhatIs #Slider li.anime h3 { margin: 0 0 40px; color: #0079C5; font-size: 22px; line-height: 1.4; text-align: left; }
#Home #WhatIs #Slider li.anime p { margin: 30px 0 0; }

#Home #WhatIs .inner > p.center:last-child { margin: 30px 0 0; }
#Home #WhatIs .inner { margin-bottom: -30px; padding-bottom: 30px; overflow: hidden; }

/* slick */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list { position: relative; display: block; margin: 0; padding: 0; /*overflow: hidden;*/ }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }

.slick-slide { display: none; float: left; margin: 0; height: 100%; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img,
.slick-initialized .slick-slide { display: block; }
.slick-slide.slick-loading img,
.slick-arrow.slick-hidden { display: none; }
.slick-slide.dragging img { pointer-events: none; }

.slick-loading .slick-slide,
.slick-loading .slick-track { visibility: hidden; }
.slick-loading .slick-list { background: #fff url('/images/logo-load.svg') center center no-repeat; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev,
.slick-next {
	display: block;
	position: absolute;
	top: 50% !important;
	left: -25px;
	margin: -25px 0 0 0;
	padding: 0 !important;
	width: 40px;
	min-width: 0;
	height: 40px;
	color: transparent;
	font-size: 0;
	background: rgba(255,255,255,0.6) !important;
	border: 1px solid #007BC7;
	border-radius: 30px;
	opacity: 0;
	cursor: pointer;
	z-index: 50;
}
.slick-next,
[dir='rtl'] .slick-next { left: auto; right: -25px; }
.slick-prev:after,
.slick-next:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -5px;
	width: 10px;
	height: 16px;
	background: url("/images/arrowR.png") center center no-repeat;
	background-size: contain;
	transform: scale(-1,1);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.slick-next:after { transform: scale(1,1); }
#Slider:hover .slick-prev,
#Slider:hover .slick-next { opacity: 1; }
#Slider .slick-prev:hover,
#Slider .slick-next:hover { margin: -26px 0 0 0; background: rgba(255,255,255,1) !important; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { display: block; position: absolute; bottom: 30px; left: 0; padding: 0; margin: 0; width: 47.5%; font-size: 0; line-height: 0; list-style: none; text-align: center; }
.slick-dots li { display: inline-block; margin: 0 5px; }
.slick-dots li button { display: block; width: 10px; height: 10px; min-width: 0; padding: 0; font-size: 0; line-height: 0; cursor: pointer; color: transparent; background: none; border: 1px solid #48A7E2; border-radius: 10px; }
.slick-dots li button:hover { top: 0; opacity: 1; box-shadow: 0 0 0 6px #48A7E2 inset; transform: scale(1.5,1.5); }
.slick-dots li.slick-active button { background: #48A7E2; }
.slick-dots li.slick-active button:hover { opacity: 1; box-shadow: none; }

/* Merit */
#Home #Merit h2 { margin: 0 0 40px; }
#Home #Merit h2 + .center { margin: 0 0 60px; font-size: 22px; }
#Home #Merit ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; }
#Home #Merit ul li { margin: 0; padding: 0 20px; width: 33.3%; text-align: center; }
#Home #Merit ul li > figure,
#Home #Merit ul li h3 { position: relative; top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#Home #Merit ul li:hover figure { top: -5px; }
#Home #Merit ul li:hover h3 { top: 5px; }
#Home #Merit ul li figure p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
#Home #Merit ul li h3 { margin: 0; color: #0079C5; font-size: 26px; line-height: 1.2; }
#Home #Merit ul li:last-child h3 { line-height: 63px; }
#Home #Merit .inner > p.center:last-child { margin: 60px 0 0; }

/* Faq */
#Home #Faq h2 { margin: 0; }
#Home #Faq ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#Home #Faq ul li { margin: 80px 0 0; padding: 0 35px; width: 50%; }
#Home #Faq ul li h3 { margin: 0 0 25px; color: #0079C5; font-size: 24px; line-height: 1.4; text-align: left; }
#Home #Faq ul li h3:before { content: ""; position: absolute; top: -40px; left: -30px; width: 188px; height: 214px; background: url("/images/faq-Q.png") top left no-repeat; background-size: contain; z-index: -1; }
#Home #Faq ul li:hover h3:before { -webkit-animation: 0.4s ease linkin; animation: 0.4s ease linkin; }
#Home #Faq ul li p { position: relative; padding-left: 26px; }
#Home #Faq ul li p:before { content: "A."; position: absolute; top: 0; left: 0; font-weight: bold; }
#Home #Faq ul li .note { display: block; margin: 20px 0 0; color: #9EB4C6; font-size: 85%; }

/* News */
#Home #News .inner { max-width: 960px; }
#Home #News h2 { margin: 0; font-size: 30px; text-align: left; }
#Home #News h2 + .right { margin: -44px 0 30px; }
#Home #News ol { margin: 30px 0 0; padding: 0; border-top: 1px solid #CADCEA; list-style: none; }
#Home #News ol li { margin: 0; border-bottom: 1px solid #CADCEA; }
#Home #News ol li.nolink,
#Home #News ol li a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 20px 40px 20px 20px; width: 100%; color: #111 !important; text-decoration: none; }
#Home #News ol li.nolink { padding-right: 20px; }
#Home #News ol li a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -10px 0 0;
	width: 12px;
	height: 20px;
	background: url("/images/arrowR.png") top left no-repeat;
	background-size: contain;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
#Home #News ol li i { display: block; padding-right: 20px; min-width: 115px; color: #999 !important; }
#Home #News ol li a:hover { background: #F2F7FF; }
#Home #News ol li a:hover:after { right: 15px; opacity: 1; }


/*-------------------------------------
	About
-------------------------------------*/

#About h3 { font-size: 30px; }
#About h4 { margin: 0 0 20px; color: #0079C5; font-size: 24px; line-height: 1.4; text-align: left; }

#About .three .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1060px; }
#About .three .inner ~ .inner { margin: 80px auto 0; }
#About .three .inner:nth-of-type(2) { -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
#About .three .inner > div { width: 50%; }
#About .three figure { position: relative; top: 0; width: 50%; }
#About .three figure p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
#About .three div > p { margin: 15px 0 0; text-align: left; }
#About .three div > p.long { margin-right: -5px; }

#About .three:not(#Slide):before,
#About .three:not(#Slide):after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  margin: 0;
  background: #FAFAFA url("/images/slashF.svg") center 1px no-repeat;
  background-size: cover;
  transform: translateY(-100%) scale(-1,-1);
  z-index: -1;
}
#About .three:not(#Slide):after { transform: translateY(0) scale(1,1); }

#About .three#Sorround:before,
#About .three#Sorround:after { top: 58%; }

#About .three#Merit figure,
#About .three#Merit figure p { padding: 0 5%; }

#About .three#Slide figure,
#About .three#Sorround figure { padding: 0 6% 0 0; }
#About .three#Slide .inner:nth-of-type(2) figure,
#About .three#Sorround .inner:nth-of-type(2) figure { padding: 0 0 0 6%; }

#About .three#Slide figure p,
#About .three#Sorround figure p { left: auto; right: 6%; }
#About .three#Slide .inner:nth-of-type(2) figure p,
#About .three#Sorround .inner:nth-of-type(2) figure p { right: 0; text-align: right; }

#About .three > .center { margin: 80px 0 0; }


/*-------------------------------------
	Faq
-------------------------------------*/

/* Faq */
#Faq #List ul { position: relative; margin: -50px auto 0; padding: 50px 0 0; max-width: 1100px; z-index: 1; }
#Faq #List ul li { margin: 0 0 70px; padding: 0 0 70px 30px; min-height: 200px; border-bottom: 1px solid #CADCEA; }
#Faq #List ul li:last-child { margin: 0; padding-bottom: 0; min-height: 130px; border: none; }
#Faq #List ul li h3 { margin: 0 0 25px; color: #0079C5; font-size: 24px; line-height: 1.4; text-align: left; }
#Faq #List ul li h3:before { content: ""; position: absolute; top: -40px; left: -30px; width: 188px; height: 214px; background: url("/images/faq-Q.png") top left no-repeat; background-size: contain; z-index: -1; }
#Faq #List ul li:hover h3:before { -webkit-animation: 0.4s ease linkin; animation: 0.4s ease linkin; }
#Faq #List ul li p { position: relative; padding-left: 26px; }
#Faq #List ul li p:before { content: "A."; position: absolute; top: 0; left: 0; font-weight: bold; }
#Faq #List ul li .note { display: block; margin: 15px 0 0; color: #9EB4C6; font-size: 90%; }


/*-------------------------------------
	.policy
-------------------------------------*/

/* Policy */
.policy article .inner { max-width: 1000px; }

.policy #List h3 { margin: 0 0 20px; font-size: 24px; text-align: left; }
.policy #List h3 strong { margin: 0 0 0 15px; }
.policy #List p { margin: 0 0 30px; line-height: 1.8; text-align: justify; text-justify: inter-ideograph; }
.policy #List ol { margin: 50px 0 0; padding: 0; list-style: none; }
.policy #List li { margin: 0 0 50px; line-height: 1.8; }
.policy #List ol ol { margin: 20px 0 0; padding: 0 0 0 22px; list-style: decimal; }
.policy #List ol ol li { margin: 0 0 20px; }
.policy #List ol ul { margin: 20px 0 0; padding: 0 0 0 22px; list-style: disc; }
.policy #List ol ul li { margin: 0 0 10px; text-align: justify; text-justify: inter-ideograph; }

.policy .box { display: inline-block; margin: 30px auto 0; padding: 40px; min-width: 540px; background: #f6fbff; }
.policy .box h4 { margin: 0 0 20px; font-size: 20px; text-align: left; }
.policy .box p { margin: 0 !important; padding: 0 10px; }

/* Privacy, Security */
.policy #Privacy h3,
.policy #Security h3 { margin: 0 0 40px; font-size: 30px; }
.policy #Privacy p,
.policy #Security p { margin: 0 0 30px; line-height: 1.8; text-align: justify; text-justify: inter-ideograph; }
.policy #Privacy p.right + p.right,
.policy #Security p.right + p.right { margin-top: -15px; }
.policy #Privacy ol,
.policy #Security ol { margin: 50px 0; padding: 0 0 0 22px; list-style: decimal; }
.policy #Privacy ol li,
.policy #Security ol li { margin: 0 0 20px; line-height: 1.8; text-align: justify; text-justify: inter-ideograph; }

.policy #Security { margin: 100px 0 0; }
.policy #Security .inner { padding-top: 100px; border-top: 1px solid #CADCEA; }


/*-------------------------------------
	NewsList
-------------------------------------*/

#NewsList .inner { max-width: 1000px; }
#NewsList h3 { margin: 0 10px 10px; color: #0079C5; font-size: 24px; text-align: left; }
#NewsList ol ~ h3 { margin-top: 60px; }
#NewsList ol { padding: 0; border-bottom: 1px solid #CADCEA; list-style: none; }
#NewsList li { margin: 0; border-top: 1px solid #CADCEA; }
#NewsList li a,
#NewsList li.nolink { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 20px 40px 20px 20px; width: 100%; color: #111 !important; text-decoration: none; }
#NewsList li a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -10px 0 0;
	width: 12px;
	height: 20px;
	background: url("/images/arrowR.png") top left no-repeat;
	background-size: contain;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
#NewsList li i { display: block; padding-right: 20px; min-width: 115px; color: #999 !important; }
#NewsList li a:hover { background: #F2F7FF; }
#NewsList li a:hover:after { right: 15px; opacity: 1; }

#Card.news h3 { font-size: 26px; text-align: left; }
#Card.news .date { color: #999; }
#Card.news .center { margin: 30px 0 0; padding-top: 30px; border-top: 1px solid #CADCEA; }


/*-------------------------------------
	Register
-------------------------------------*/

/* card */
.card #PageTitle h2 { visibility: hidden; }

#Card { display: table; margin: -320px auto 0; max-width: 960px; padding: 60px; font-size: 16px; text-align: left; background: #FFF; box-shadow: 0 12px 30px rgba(1, 102, 177, 0.2); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#Card:hover { box-shadow: 0 18px 60px rgba(1, 102, 177, 0.2); }
#Card .form,
#Card .link { display: table-cell; padding: 0 0 0 50px; width: 50%; }
#Card .form { padding: 0 50px 0 0; border-right: 1px solid #CADCEA; vertical-align: top; }
#Card strong.underline:before { height: 8px; }

#Card h3 { margin: 0 0 30px; font-size: 28px; }
#Card .link h3 { margin: 0 0 20px; color: #8292a2; font-size: 24px; }
#Card p { margin: 20px 0 0; }
#Card.form .center { margin: 30px 0 0; }
#Card strong { display: block; margin: 0 0 5px; }
#Card.form .back { margin: -40px 0 15px; }
#Card.form .back a { color: #999 !important; }

#Card.narrow { display: block; max-width: 600px; text-align: center; }
#Card.narrow .center { margin: 40px 0 0; padding: 40px 0 0; border-top: 1px solid #CADCEA; }

#Card .aboutPP { margin: 40px 0 0; padding: 22px 25px 7px; background: #F2F7FF; }
#Card .aboutPP li { margin: 0 0 15px; color: #425061; font-size: 15px; line-height: 1.6; }

#Card.form { display: block; }
#Card.form dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px 0; }
#Card.form dt { position: relative; padding-right: 60px; width: 25%; line-height: 40px; }
#Card.form dt:after { content: "必須"; position: absolute; top: 19px; right: 15px; padding: 0 7px; color: #FFF; font-size: 11px; font-weight: normal; line-height: 20px; text-shadow: 0 0 5px #00436f; background: #0079C5; }
#Card.form dd { width: 75%; }
#Card.form input[type=radio] + span,
#Card.form input[type=checkbox] + span { min-width: 66px; line-height: 40px; }

#Card.form #CheckPriv { margin: 40px -60px; padding: 24px 60px 20px; line-height: 2; text-align: center; letter-spacing: 1px; background: #f6fbff; border-top: 1px solid #CADCEA; border-bottom: 1px solid #CADCEA; }

.conf #Card.form dl { border-bottom: 1px solid #CADCEA; }
.conf #Card.form dt,
.conf #Card.form dd { line-height: 30px; border-top: 1px solid #CADCEA; }
.conf #Card.form dt:after { top: 14px; }


/*-------------------------------------
	404
-------------------------------------*/

#NoPage .inner { position: relative; margin: 200px auto 0; padding: 60px; max-width: 900px; background: #FAFAFA; }
#NoPage h2 { margin: 0 0 40px; font-size: 30px; }
#NoPage h2 strong { display: block; font-size: 44px; }
#NoPage .dashed { margin: 40px 0 0; padding: 40px 0 0; border-top: 1px dashed #CADCEA; }
#NoPage .noidea { position: absolute; bottom: -30px; right: -30px; }