@charset "utf-8";

/* common
-------------------------------------------------------------*/
#article h1#type {
    margin: 50px 0 -30px;
    padding: 10px;
}
.form dt.option {
    background: url(../../certificate/img/icon-option.png) no-repeat 0 6px;
}
.form dd select{
	margin-right:0.3em;
}

dd.certificate span{
	float:right;
}
dd.fee,
dd.email,
dd.privacy{
	border-bottom:none;
}



/* outline
-------------------------------------------------------------*/
#article div.outline h1{
	margin-top:0;
}
div.outline p{
	margin:10px auto;
}
div.outline p strong{
	color:red;
	font-weight:bold;
}
div.outline span,
span.blue{
	color:#4678e1;
	font-size:24px;
	line-height:1.4;
}
div.outline ul.btn{
	margin-top:60px;
}
div.outline ul.btn li{
	width:47%;
	margin-right:6%;
	text-align:center;
}
div.outline ul.btn li:nth-child(2){
	margin-right:0;
}
div.outline ul.btn li a,
div.outline ul.btn li span{
	width:auto;
	display:block;
	padding:16px 0 14px;
	text-align:center;
	border:1px #48636b solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	background-color:white;
}
div.outline ul.btn li a:hover{
	color:white;
	border:1px #ff6400 solid;
	background-color:#ff6400;
}
div.outline ul.btn li span{
	color:white;
	font-size:14px;
	line-height:1.6;
	cursor:default;
	background-color:#48636b;
}
	
@media only screen and (max-width: 640px){
.faq-img{display: none;}
}

/* certificate
------------------------------------------------------------*/
dt.certificate,
dd.certificate{
	border:none;
}
div.confirm dd.certificate ul{
	margin-top:-6px;
}
dd.certificate ul li{
	clear:both;
	line-height:2.9;
}
dd.certificate ul li:first-child{
	clear:none;
}
#article dd.certificate ul li input[type="text"]{
	width:30%;
	margin-left:5px;
}
dd.certificate ul li span{
	float:right;
}

/* purpose
------------------------------------------------------------*/

div.confirm dd.purpose ul{
	margin:-6px auto 6px;
}
#article dd.purpose ul li{
	padding-top:0.5em;
	color:#4678e1;
}
#article dd.purpose ul li:before{
	content:"■";
	font-size:24px;
	line-height:16px;
}
#article dd.purpose ul li span{
	color:#646464;
}
/* receive
------------------------------------------------------------*/
#article dd.receive,
#article dd.fee{
	padding-top:0.5em;
}

/* name
------------------------------------------------------------*/
#article dd.name p,
#article dd.name2 p{
	width:8em;
	float:left;
	line-height:2.5;
}
div.confirm #article dd.name p,
div.confirm #article dd.name2 p{
	width:auto;
	float:none;
	line-height:1.4;
}
#article dd.name input[type="text"],
#article dd.name2 input[type="text"]{
	width:47%;
	min-width:6em;
	margin-right:2%;
	-webkit-width:calc(49% - 4em - 4px);
	width:calc(49% - 4em - 4px);
}
#article dd.name input.mei,
#article dd.name2 input.mei{
	margin-right:0;
}
#article dd.name input.roma,
#article dd.name2 input.roma{
	width:100%;
	-webkit-width:calc(100% - 8em - 8px);
	width:calc(100% - 8em - 8px);
	margin-right:0;
}

#article dd.name p.note,
#article dd.name2 p.note{
	clear:both;
	width:100%;
	float:none;
	line-height:1.8;
}

/* sex
------------------------------------------------------------*/
#article dd.sex{
	padding-top:0.35em;
}
/* class
------------------------------------------------------------*/
#article dd.class input[type="text"]{
	width:100%;
	-webkit-width:calc(100% - 3.3em);
	width:calc(100% - 3.3em);
	margin-right:0.3em;
}

/* privacy
------------------------------------------------------------*/
dd.privacy p a.arr{
	margin-left:30px;
}



/* confirm
------------------------------------------------------------*/
#article div#contents.confirm dd.name p,
#article div#contents.confirm dd.name2 p{
	width:auto;
	float:none;
}

/* thanks
------------------------------------------------------------*/
span.thanks{
	min-height:0;
	display:block;
	margin:20px auto;
	color:red;
}