@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; */
     width: 410px;
     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;
}

.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: 35px 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;
}

.font-normal {
     font-weight: normal;
}

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

.radio-par {
     min-width: 250px;
}

.radio-par label,
.check-par label {
     display: flex;
     align-items: center;
}

.radio-par label:hover,
.check-par label:hover {
     cursor: pointer;
}

.radio-btn {
     width: 20px;
     height: 20px;
     margin-top: 0 !important;
     margin-right: 5px !important;
}

.check-btn {
     width: 20px;
     height: 20px;
     margin-top: 0 !important;
     margin-right: 5px !important;
}

label.error {
     color: red;
     font-weight: normal;
}

.inq-check label.error {
     position: absolute;
     margin-top: -32px;
     left: 340px;
}

.siteseal-wrap {
     display: flex;
     row-gap: 8px;
     justify-content: center;
     flex-wrap: wrap;
}

@media (max-width: 991px) {
     .siteseal-wrap {
          margin-top: 32px;
     }
}

@media screen and (max-width:768px) {
     .radio-par {
          float: unset;
          width: 100%;
          padding: 0;
     }
}