@charset "utf-8";

/*
---------------------------------------
# SiteName: エッグ 管理者画面
# Page: 共通箇所
# /css/style-egg.css
# Update: 2018.11.12
# Editor:
# History:
---------------------------------------
*/

/* ========================================================================== */
/* 01) 自治体・企業 会員登録画面専用 */
/* ========================================================================== */

body {
    background-color: #E5E7EB;
}

.header_frame,
header {

}
.header_nav{border-bottom:0px solid #E5E7EB;}
.member-register_area{max-width:950px; margin: auto;}

.btn.btn-primary {
    color: #fff;
    background-color: #003C7E!important;
    border-color: #003C7E!important;
}

.card .card-body {
max-width: 800px; margin: auto;
width: 100%;
}


.pagetitle h1,
.container-fluid h3{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.pagetitle h1 {
    margin: 6px 10px 0px 8px;
    padding:2px 0 2px 0.5rem;
    line-height: 0.8em;
    letter-spacing: 0.4rem;
    border-left: solid 6px #003C7E;
    color: #003C7E;

    line-height:28px;
    font-size: 26px;

}

.container-fluid h3 {
    color: #003C7E;
    line-height:28px;
    font-size: 20px;
    text-align: center;
    font-weight: 800;
    margin-bottom: 1em;
}

.container-fluid h3:after {
    content: "";
    display: block;
    width: 6rem;
    margin: 0.4rem auto 0;
    border-bottom: #003C7E 2px solid;
}

.member-register_area .column_area,
.label_name.column_area{
    background-color: #F9F9F9;
    border: 1px solid #CDD6DD;
    color: #003C7E;
}

.edit_area {
    border: 1px solid #CDD6DD;
}

.label_name.column_area label {
    color: #003C7E!important;
}



.btn.btn-primary.btn_edit_last,
.btn.btn-primary.btn_confirm,
.btn.btn-primary.btn_edit02{ width: 95%; max-width:450px; padding: 0.75em 1.5em;
    font-size: 22px;
    letter-spacing: 0.4rem;
}
.btn.btn-primary.btn_dnReceiptCertificateAddress{ width: 95%; max-width:400px; padding: 0.75em 1.5em;
    font-size: 22px;
    letter-spacing: 0.4rem;
}
.consent_area .seminar_alert{ font-size: 18px;}


.seminar_alert{
color: #842029;
background-color: #FBE8EA;
border: #f5c2c7 1px solid;
padding: 15px 15px;
text-align: center;
border-radius: 4px;
max-width: 800px;
margin: 0 auto 25px auto;
}
.seminar_alert::before {
content:'\e88e';
color: #D24A58;
margin-right:2px;
margin-top: -5px;
vertical-align: middle;
font-size:24px; line-height: 1.5em;
font-family: "Material Icons";
}

.seminar_alert02{
border-top: 4px #acacac dotted;
padding: 15px 15px;
text-align: center;
border-radius: 4px;
max-width: 860px;
width: calc(100% - 0px);
margin:40px auto 0px auto;
}

.seminar_alert02_comment{
text-align: left;
max-width: 520px;
width: calc(100% - 20px);
margin:10px auto;
font-size: 16px;
line-height: 1.75em;
padding-left:1em;
text-indent:-1em;
}



input.seminar_kigyoiu_name[type="text"]{
width: calc(100% - 150px)!important; margin-bottom:4px; margin-right:10px;
}
.muryou {
    font-size: 13px;
    line-height: 16px;
    display: inline-block;
    color: #fff;
    background: #F47162;
    border-radius: 4px;
    padding: 4px 12px;
    margin-left: 0px;
    margin-bottom: 6px;
    font-weight: 500;
    letter-spacing: 0.8px;
}















.local_page_container{
max-width: 1200px;
width: calc(100% - 30px);
margin: 0px auto 0px auto;
padding:0 0 0px 0;
}
.content_title {
    font-family: "Overpass", sans-serif;
    font-weight: 500;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    margin-bottom: 20px;
    background: url(https://cpriver.jp/wp-content/themes/river/elements/images/main.jpg.webp) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 70px;
    border-radius: 10px;
    position: relative;
}
.content_title:before {
    background: #ffffffaa;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    border-radius: 10px;
}
.content_title .label_en {
    color: #0093A5;
    letter-spacing: 1.6px;
    margin-bottom: 10px;
    position: relative;
    font-family: "Overpass", sans-serif;
    font-size: 40px;
    line-height: 1;
}
.content_title h1.label_jp {
    color: #09478A;
    font-weight: 300;
    letter-spacing: 0.12rem;
    margin: 0;
    position: relative;
    font-family: "Overpass", sans-serif;
    font-size: 18px;
    line-height: 1;
}


@media (min-width:760px) {
.btn.btn-primary.btn_edit02,
.btn.btn-primary.btn_dnReceiptCertificateAddress{
letter-spacing: 0rem;
}


.btn.btn-primary.btn_edit_last:after ,
.btn.btn-primary.btn_edit02:after {
    content:'\e1c4';  font-family: "Material Icons";
    color: #fff; vertical-align: middle;
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;

    margin: 0 0.45rem;
    opacity: 0.75;
    font-size:30px;
    line-height: 30px;
}
.btn.btn-primary.btn_confirm:after{
    content:'\e86c';  font-family: "Material Icons";
    color: #fff; vertical-align: middle;
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;

    margin: 0 0.45rem;
    opacity: 0.75;
    font-size:30px;
    line-height: 30px;
}
.btn.btn-primary.btn_dnReceiptCertificateAddresse:before{
    content:'\e038';  font-family: "Material Icons";
    color: #fff; vertical-align: middle;
    /*display: block;
    position: absolute;*/
    top: 1rem;
    right: 1rem;


    margin: 0 0.45rem;
    opacity: 0.75;
    font-size:30px;
    line-height: 30px;
}
}


@media (max-width:620px) {

input.seminar_kigyoiu_name[type="text"]{width: 100%!important; }
}
@media (max-width: 749px){
.content_title {  padding: 40px;}
.content_title .label_en { font-size: 28px;}
.content_title .label_jp { font-size: 15px; letter-spacing: 0; }
}