@charset "UTF-8";
.main-ttl{border-left:.6em solid #cc0000;padding: .4em 1.6em;margin:2em auto;line-height:1.3;color:#2d2d2d}
h2{font-size: 2em;font-weight:bold;margin-bottom:.2em }
em{color:#cc0000;font-weight:bold}

h3{color:#2d2d2d;font-size:1.1em}
.box-caution{background:#f2f2f2;padding:1em;margin:2em auto}
.box-caution p{font-size:.9em}

.form-control{border-radius:.4em;border:1px solid #ccc}
.form-control
{
	width:100%;box-sizing: border-box;-moz-box-sizing: border-box;
	padding: 1em;margin:0 auto;line-height:1.4;
	color:#333;
background-color:white;
background-image:none;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus
{
	border-color:#F73C91;
	outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,60,145,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,60,145,.6)
}

.form-control:placeholder-shown{color:#ccc}
.form-control:-ms-input-placeholder{color:#ccc}
.form-control::-webkit-input-placeholder{color:#ccc}
.form-control::-moz-placeholder{color:#ccc;opacity: 1}
.form-control[disabled],.form-control[readonly],fieldset[disabled]{cursor:not-allowed;background-color:#eee;opacity:1}
textarea{height:12em}


.form_box{padding:2em}
.form_box p{line-height:1.3;font-size:.9em;}


form .btn2{color:white;background:#2d2d2d;margin:1em auto;width:200px;transition: .4s}
.btn2 input{font-size: 1em;font-weight:bold}


.box-privacy{
padding: 2em 4em;
background: #f2f2f2;
margin: 3em auto;
font-size:.9em;line-height: 1.4}
.box-privacy h5{color:#2d2d2d;font-size:1.2em;margin-bottom:.5em}

.box-privacy h6{margin-top:1em}

.box-mailform{ -webkit-align-items: center;  align-items:center;margin-bottom: 1em}
.box-mailform h5{width:8em;min-width:8em}
.box-mailform .input-mail{-webkit-flex-grow:1;flex-grow:1}
.box-mailform .btn2{min-width: 200px;margin: 0 0 0 1em}


.domain{
	margin: 2em 0;
	background: #f2f2f2;
	padding: 20px;
}

.flow{border:1px solid #CCC;position:relative;padding:20px 30px 20px 130px;margin:0 0 15px 0}
.flow::before{
	position:absolute;
	content:"";display:inline-block;
	width:100px;height:100%;
;left:0;top:0;
	background:red
}
.flow.docomo{margin-top: 1em}
.flow li{
	margin-bottom:6px;position:relative;padding-left:30px;
}
.flow li span{
	position:absolute;left:0;
	display:inline-block;
	background:#CCC;border-radius:2px;font-size:12px;letter-spacing:0;
	width:20px;height:20px;line-height:18px;text-align:center;
	font-family:'Tinos'}

.docomo::before{
	background:#CE1536 url(../img/docomo.png) no-repeat center
}
.au::before{
	background:#EB6100 url(../img/au.png) no-repeat center
}
.sb::before{
	background:white url(../img/sb.png) no-repeat center
}