@charset "utf-8";
/*	Reset CSS	*/
* {
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: border-box;
	-moz-border-radius: border-box;
	-o-border-radius: border-box;
	-ms-border-radius: border-box;
	border-radius: border-box;
	word-break: break-all;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, article, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}
header,footer{
	clear:both;
}
body {
	line-height:1;
}
section,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,article {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
input,textarea, select{
	font:1.000em/1.800em heisei-maru-gothic-std, "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
sup{
	vertical-align:super;
	font-size: 50%;
}
input, select {
	vertical-align:middle;
	border: 1px solid #999999;
}
section{ clear:both;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{ margin:0;	padding:0;}

/*	Body CSS	*/
body{
	font:1.25em/1.400em "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	color:#000;
	letter-spacing:0;
}
a{ 
	color:#105ED1;
	text-decoration:none;
}
.blk{color: #000;}
.bg-yel {
	background: #FFF000;
	padding: 6px 4px 3px 6px;
}
.bg-wht {
	width: fit-content;
	background: #FFFFFF;
	padding: 6px 0 0 8px;
	margin: 24px;
}
[readonly]{
	background: #EEEEEE !important;
	border: 1px solid #999999;
}
p {
	display: block;
	font-size: 1em;
	color: #000000;
	margin: 0px auto 16px auto;
}
b, h1, h2, h3, h4, h5{
	font-weight: normal;
	word-break: break-all;
}

/*　scroll　*/
.scroll {
	transition: ease 0.8s;
}

/*　btn-pagetop　*/
.btn-pagetop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 200;
}
.btn-pagetop a {
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	background: #000;
	border-radius: 50%;
	opacity: 0.3;
	transition: all .3s ease;
}
.btn-pagetop a::after {
	position: absolute;
	content: "";
	top: 40%;
	left: 36%;
	width: 25%;
	height: 25%;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	transform: rotate(-45deg);
}
.btn-pagetop a:hover{
	background: #2252bf;
	opacity: 1;
}
aside{
    width: 100%;
    max-width: 1000px;
    margin: 12px auto 0px auto;
}
aside ul {
	
}
aside ul li {
	font-size: 87.5%;
	text-align: left;
	text-indent: -1em;
	margin: 0px 0px 0px 1em;
}
aside ul li.center {
	text-align: center;
}
.wordbreak-keep{
	word-break: keep-all !important;
}
/*	header CSS	*/
header {
	display: block;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	background: #FFF;
	overflow: hidden;
	z-index: 100;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
}
header div {
	display: block;
	width: 100%;
	max-width: 1000px;
	
	margin: 0px auto 0px auto;
}
header a{
	display: block;
	float: left;
	width: 198px;
	line-height: 60px;
}
header a img{
	display: inline-block;
	height: 24px;
	margin: 18px;
}
header a.headejn{
    position: relative;
	display: block;
	float: left;
	width: 198px;
	line-height: 60px;
    left: 54%;
}
header a.headejn img{
    height: 20px;
}
header p{
	display: block;
	color: #333;
	float: right;
	line-height: 60px;
}
header br{
	display: none;
}

/*	footer CSS */
footer{
	display: block;
	width: 100%;
	background: #303744;
	clear: both;
	z-index: 3;
}
footer ul.Navi{
	display: block;
	max-width: 950px;
	text-align: center;
	margin: 0px auto 0px auto;
}
footer ul.Navi li{
	display: inline-block;
	padding: 0px 0px 0px 32px;
	margin: 12px 0px 12px 0px;
}
footer ul.Navi li:first-child{
	padding: 0px 0px 0px 0px;
}
footer ul.Navi li a{
	color: #FFFFFF;
	font-size: 0.875em;
	letter-spacing: 0.050em;
}
footer ul.Navi li b a:before{
	content: "";
	display: inline-block;
	width: 0px;
	height: 0px;
	margin: 2px 8px 0px 0px;
	border-left: 8px solid #FFFFFF;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
footer p.Copyright{
	display: block;
	color: #FFFFFF;
	font-size: 0.875em;
	text-align: center;
	margin: 0px auto 0px auto;
}
section {
	padding: 0px 0px 64px 0px;
}
div.space {
	display: block;
	height: 48px;
}
article{
	padding: 12px 12px 32px 12px;
}
article#Header {
	display: block;
	width: 100%;
	line-height: 120%;
	padding: 64px 12px 0px 12px;
}
#Header div.header-box {
	display: block;
	width: 100%;
	max-width: 1000px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 12px 0px 12px 0px;
}
#Header h1{
	display: block;
	color: #E3578C;
	font-size: 200%;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
	padding: 0px 0px 12px 0px;
}
#Header h2{
	display: none;
	font-weight: bold;
}
#Header img{
	display: inline-block;
	height: 50px;
	line-height: 0px;
    margin: 10px;
}

#Introduction div.introduction-box {
	display: block;
	width: 100%;
	max-width: 1000px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 12px 0px;
}

table {
	width: 100%;
	max-width: 950px;
	margin: 16px auto 48px auto;
}
table th {
	width: 30%;
	color:#FFFFFF;
	text-align: left;
    vertical-align: middle;
	padding: 12px 12px 12px 12px;
	background: #E3578C;
	border: 1px solid #E3578C;
	border-bottom: 1px solid #FFFFFF;
}
table tr:last-of-type th {
	border-bottom: 1px solid #E3578C;
}
table td{
	width: 70%;
	padding: 12px 12px 12px 12px;
	border: 1px solid #E3578C;
}
table td a.existing {
	display: inline-block;
	color: #FFFFFF;
	padding: 8px 16px;
	margin: 16px 0px 0px 0px;
	border-radius: 20px;
	background: #5E89C6;
}
table td a.examining {
	display: inline-block;
	color: #FFFFFF;
	padding: 8px 16px;
	margin: 16px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	border-radius: 20px;
	background: #64AE94;
}

#Examining ,
#Existing {
	display: block;
    padding: 0px 12px 0px 12px;
}

#Examining div.examining-box ,
#Existing div.existing-box {
	display: block;
	width: 100%;
	max-width: 1000px;
	text-align: left;
	margin: 16px auto 0px auto;
	padding: 12px 0px;
}
#Examining div.examining-box-detail ,
#Existing div.existing-box-detail {
	display: block;
	width: 100%;
	max-width: 950px;
	text-align: left;
	margin: 0px auto 24px auto;
	padding: 24px 24px 24px 24px;
	border: 1px solid #CCCCCC;
}
#Examining div.examining-box-detail:last-of-type ,
#Existing div.existing-box-detail:last-of-type {
	margin: 0px auto 0px auto;
}
#Examining h1 ,
#Existing h1 {
	display: block;
	color: #64AE94;
	font-size: 150%;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
	padding: 24px 0px 36px 0px;
}
#Existing h1 {
	color: #5E89C6;
}
#Examining h2 ,
#Existing h2 {
	display: block;
	font-size: 125%;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#Examining h3 ,
#Existing h3 {
	display: block;
	font-size: 100%;
	line-height: 120%;
	font-weight: bold;
	padding: 0px 0px 12px 0px;
}
#Examining ul ,
#Existing ul {
	width:100%;
	max-width: 900px; 
	color: #64AE94;
	padding: 12px 20px 12px 20px;
	margin: 0px auto 24px auto;
	background: #E8F3EF;
}
#Existing ul {
	color: #2252C1;
	background: #DEEAF8;
}
#Examining ul li,
#Existing ul li {
	margin: 8px 0px 8px 8px;
}
#Examining aside ul ,
#Existing aside ul {
	max-width: none; 
	margin: 32px auto 0px auto;
	color: #999999;
	background: none;
}
#Form {
	background: red;
}

a.form {
	display: block;
	width:400px;
	max-width: 100%;
	color: #FFFFFF;
	font-size:150%;
    font-weight: bold;
	text-align: center;
	padding: 24px 16px;
	margin: 16px auto 64px auto;
	border-radius: 80px;
	background: #2252C1;
}
div.or{
	margin: 12px 24px;
	color: #333333;
}
.Application {
    padding: 0px 12px 32px 12px;
}

a.link-form{
	display: block;
	max-width: 420px;
	min-height: 96px;
	text-align: center;
	color: #FFFFFF;
	font-size: 125%;
	line-height: 120%;
	padding: 20px;
	margin: 32px auto 64px auto;
	border-radius: 48px;
	background: #64AE94;
	z-index: 3;

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}
a.link-form:hover {
  	transform: scale(1.05);
}
a.link-form2{
	display: block;
	max-width: 420px;
	min-height: 96px;
	text-align: center;
	color: #FFFFFF;
	font-size: 125%;
	line-height: 120%;
	padding: 20px;
	margin: 32px auto 32px auto;
	border-radius: 48px;
	background: #5E89C6;
	z-index: 3;

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}
a.link-form2:hover {
  	transform: scale(1.05);
}
.Ninja{
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #213479;
	background: #FFFFFF;
}
.Ninja article{
	position: relative;
	width: 100%;
	max-width: 950px;
	padding: 24px 0px 20px 0px;
	margin: 0px auto;
}
.Ninja h1{
	color: #213479;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	line-height: 140%;
}
.Ninja h2{
	color: #213479;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 140%;
	padding: 0px;
	margin: 4px 0px 0px 0px;
}
.Ninja h2 span{
	display: none;
}
.Ninja img{
	display: block;
	max-width:320px;
}
.Ninja a.campaign-link{
	display: block;
	position: absolute;
	top: 32px;
	right: 0px;
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	line-height: 80px;
	width: 320px;
	border-radius: 40px;
	background: #213479;
}

#Detail .detail-link-box{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#Detail .detail-box .faq-link_existing,
#Detail .detail-box .faq-link_examining,
#FAQ .index-link{
    display: inline-block;
    max-width: 400px;
    text-align: center;
    color: #FFFFFF;
    font-size: 100%;
    line-height: 120%;
    padding: 20px;
    margin: 24px 20px 0px 20px;
    border-radius: 48px;
    z-index: 3;

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}
#FAQ .index-link:hover {
  	transform: scale(1.05);
}

#FAQ .index-link{
    display: block;
    margin: 0px auto 32px auto;
    background: #7494D5;
}
#Detail .detail-box .faq-link_existing{
    background: #5E89C6;
}
#Detail .detail-box .faq-link_examining{
    background: #64AE94;
}
#FAQ {
	display: block;
    padding: 32px 12px 0px 12px;
}
#FAQ div.faq-box {
	display: block;
	width: 100%;
	max-width: 1000px;
	text-align: left;
	margin: 16px auto 0px auto;
	padding: 12px 0px;
}
#FAQ div.faq-box h1.faq_examining{
    color: #64AE94;
}
#FAQ div.faq-box h1.faq_existing{
    color: #2252C1;
}
#FAQ div.faq-box-list_existing,
#FAQ div.faq-box-list_examining{
    display: block;
    width: 100%;
    max-width: 950px;
    text-align: left;
    margin: 20px auto 20px auto;
    padding: 20px;
    background: #E8F3EF;
}
#FAQ div.faq-box-list_existing{
    background: #DEEAF8;
}
#FAQ div.faq-box-list_existing ul li,
#FAQ div.faq-box-list_examining ul li{
    margin: 4px 0px 4px 0px;
}
#FAQ div.faq-box-list_existing ul li a:before,
#FAQ div.faq-box-list_examining ul li a:before{
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    left: -10px;
    width: 8px;
    height: 8px;
    color: #64AE94;
    background: #64AE94;
    padding: 0px;
    margin: 0px 0px 8px 0px;
    border-radius: 4px;
}
#FAQ div.faq-box-list_existing ul li a:before{
    color: #2252C1;
    background: #2252C1;
}
#FAQ div.faq-box-list_existing a,
#FAQ div.faq-box-list_examining a{
    display: inline-block;
    position: relative;
    color: #64AE94;
    padding: 0px;
    margin: 0px 0px 8px 24px;
    line-height: 140%;
}
#FAQ div.faq-box-list_existing a{
    color: #2252C1;
}
#FAQ div.faq-box-detail {
	display: block;
	width: 100%;
	max-width: 950px;
	text-align: left;
	margin: 0px auto 24px auto;
	padding: 24px 24px 24px 24px;
	border: 1px solid #CCCCCC;
}
#FAQ div.faq-box-detail:last-of-type {
	margin: 0px auto 64px auto;
}
#FAQ h1 {
	display: block;
	color: #2252C1;
	font-size: 150%;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
	padding: 24px 0px 36px 0px;
}
#FAQ h2 {
	display: block;
	color: #333333;
	font-size: 125%;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 12px 0px;
}
#Manual {
	display: block;
    padding: 32px 12px 64px 12px;
}
#Manual div.manual-box {
	display: block;
	width: 100%;
	max-width: 1000px;
	text-align: left;
	margin: 16px auto 0px auto;
	padding: 12px 0px;
}
#Manual div.manual-box-detail {
	display: block;
	width: 100%;
	max-width: 950px;
	text-align: left;
	margin: 0px auto 24px auto;
	padding: 24px 24px 24px 24px;
	border: 1px solid #CCCCCC;
}
#Manual div.manual-box-detail-child {
	display: block;
	width: 100%;
	max-width: 950px;
	text-align: left;
	margin: 0px auto 24px auto;
	padding: 24px 24px 24px 24px;
	background: #DEEAF8;
	word-break: break-all;
}
#Manual div.manual-box-detail div.manual-box-detail-child:last-of-type {
	margin: 0px auto 0px auto;
}
#Manual h1 {
	display: block;
	color: #2252C1;
	font-size: 150%;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
	padding: 24px 0px 36px 0px;
}
#Manual h2 {
	display: block;
	color: #2252C1;
	font-size: 125%;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 12px 0px;
	margin:  64px 0px 12px 0px;
}
#Manual h3 {
	display: block;
	color: #333333;
	font-size: 112.5%;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 12px 0px;
}
#Manual h4 {
	display: block;
	color: #2252C1;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 12px 0px;
	margin: 16px 0px 0px 0px;
}
#Manual h5 {
	display: block;
	color: #333333;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 12px 0px;
}
#Manual img {
	display: block;
	width: 100%;
	margin: 0px auto 16px auto;
	border: 1px solid #2252C1;
}
#Manual img:last-of-type {
	margin: 0px auto 64px auto;
}
@media screen and (max-width: 880px) {
	.Ninja{
		display: block;
		text-align: center;
	}
	.Ninja h1{
		display: block;
		text-align: center;
		padding: 0px 12px;
	}
	.Ninja h2{
		display: block;
		text-align: center;
		padding: 12px 12px;
	}
	.Ninja h2 span{
		display: none;
	}
	.Ninja img{
		display: block;
		max-width: 320px;
		margin: 16px auto;
	}
	.Ninja a.campaign-link{
		display: block;
		position:static;
		margin: 32px auto;
	}
}
@media screen and (max-width: 768px) {
	/*br{
		display: none;
	}*/
	article {
		padding: 16px 12px;
	}
	h1{
		font-size: 125% !important;
		/*text-align: left !important;*/
	}
    #Header img{
        width: 80%;
    }
	h2{
		font-size: 112.5% !important;
		text-align: left !important;
	}
	table  {
		/*display: block;*/
		width: 100%;
		margin: auto;
	}
	#Detail table th ,
	#Detail table td {
		display: block;
		width: 100%;
		border: 1px solid #E3578C;
	}
}