@charset "utf-8";

/*
==================================================
Agree用フォームスタイルシート
==================================================
*/


/*デフォルト
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
*{
     padding:0px;
     margin:0px;
     }
body {
     font-size:14px;
     font-family: 'Noto Sans CJK JP' , 'Noto Sans JP' , sans-serif;
     line-height: 2.0;
     color:#333333;
     background:#fff;
     }
h1     {
     font-size:150%;}
h2     {
     font-size:120%;}
h3     {
     font-size:110%;}

/*--画像--*/
img{
     border:none;
     margin:0px;
     background-color:transparent;
     }

/*--リンク--*/
a:link,a:visited {
     color:#005890;
     text-decoration:none;
     -moz-outline-style:none;
     overflow:hidden;
     }
a:hover,a:active,a:after {
     color:#005890;
     text-decoration:underline;
     -moz-outline-style:none;
     overflow:hidden;
     }

/*--リスト--*/
ul,ol,dl,dt,dd,li{
     color:#333333;
     list-style:none;
     }

/*--clearfix--*/
.clearfix {width:100%;}
.clearfix:after{
     content: "";
     display: block;
     clear: both;
     }
	 


/*ヘッダー
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

#header{margin-top:4rem;margin-bottom:2rem;} 


/*mein
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.lead{font-size:14px;margin-bottom:4rem;}

.form_wrap{margin-bottom:1.5rem;}
label{margin-bottom:5px;font-weight:bold;}
.conf_form .form_wrap p{
     /* width:180px; */
     width: 250px;
     float:left;
}
.form-control{padding:10px 12px;height:44px;}
.form_wrap > .col-xs-6{padding-left:0;padding-right:0;}
.form_wrap > .col-xs-6:first-child{padding-right:2rem;}
.req{color:#f95272;margin-left:0.3rem;}


.well-lg{border-radius:0;}

.name_input{width:40%;margin-right:;float:left;}
.privacy{font-size:90%;color:#666;padding:0 0 5rem;}
.inline{display:inline;}
.inline li{display:inline;margin-right:2rem;}
.btn_wrap{margin:5rem auto 5rem;text-align:center;}
.btn-primary{background:#005890;width:300px;padding:1rem;font-size:140%;}
.btn-default{background:#fafafa;width:300px;padding:1rem;font-size:140%;margin-right:1rem;}
.ssl{background:#eee;padding:1rem 0;font-size:90%;color:#aaa;}


.footer-terms{color:#999;}
.complete{margin-bottom:7rem;}
.sign{margin-top:6rem;}


/*20170120 Add*/
span.req, span.opt{ display : inline-block; font-weight : bold; color : #fff; padding : 5px; line-height: 1.0; border-radius : 3px; margin-left: 10px; /*text-shadow : 0px -1px 0px #222222;*/ }
span.req{ background : rgba(255, 0, 0, 0.8); }
span.opt{ background : rgba(0, 0, 255, 0.8); }
dd span{ display : block; color : #f00; }
span.red{ color : #f00; }

.flow{ margin-bottom: 2.0em; }
.flow img{ width: 100%; height: auto; }

.text-error{ font-weight: bold; color: #f00; }
.text-danger{ text-align: center; font-weight: bold !important; color: #f00 !important; font-size: 1.2em; }
.btn-danger{ display: block; color: #fff !important; font-weight: bold !important; margin: 20px auto 40px !important; width: 300px; padding: 1rem; font-size: 140%; }

.text_large{ font-size: 1.3em; font-weight: bold; }

.radio-par{
     min-width: 250px;
}
.radio-par label{  
     display: flex;
     align-items: center;   
}
.radio-par label:hover{
     cursor: pointer;
}
.radio-btn{
     width: 20px;
     height: 20px;
     margin-top: 0!important;
     margin-right: 5px!important;
}
@media screen and (max-width:768px){
     .radio-par{
          float: unset;
          width: 100%;
          padding: 0;
     }
}