@charset "UTF-8";

html{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #fafafa;
	font-family: "ＭＳ ゴシック", "MS Gothic", Osaka-mono, monospace;
	font-size: 13px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.title1 {
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 15pt;
	font-weight: bold;
    margin: 1em 0px;
}


/*ヘッダー*/

header{
    background-color: #B53F41;
    margin: 0px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}

header h1{
    text-align: center;
    padding: 0px;
    margin: 0px;
    font-size: 35px;
    color: #fff;
    letter-spacing: 2px;
}

header .flex-header{
    display:flex;
     justify-content: flex-start;
    align-items: flex-end;
    width: 780px;
    margin: 0px auto;
}

header .flex-header p{
    font-size: 20px;
    margin: 0px;
    padding: 5px 0px 0px 15px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
    color: #FFF;
}

/*フッター*/

footer{
    background-color: #172028;
    padding: 20px 0px;
}

footer p,footer a{
    color: #fff;
}

footer a:hover{
    color: #CCC;
    transition-duration: 500ms;
}



/*幅と背景*/
#wrapper {
	text-align: left;
	padding: 0px;
	width: 780px;
	background: #fafafa;
	margin: 0px auto auto auto;
}
.error {
	background-color: #FFEDF3;
	color: #C00;
	font-family: sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.error400 {
	background-color: #FFEDF3;
	color: #C00;
	font-family: "ＭＳ ゴシック", "MS Gothic", Osaka-mono, monospace;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 400px;
}
table.base1 {
	border-collapse: collapse;
	font-family: sans-serif;
	font-size: 13px;
	padding: 0px;
	text-align: left;
    margin: 0px auto;
  word-break: break-all;
    box-sizing: border-box;
}
table.base1 th {
	padding: 3px;
	background-color: #ADB4C8;
    border: #0B2C89 solid 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: normal;
    box-sizing: border-box;
}
table.base1 td {
	padding: 3px 3px 3px 8px;
    border: solid 1px #5B676B;
	margin: 0px;
    box-sizing: border-box;
}


table.base1.mem td{
    padding: 3px 2px;
    box-sizing: border-box;
}

table.base1 td.komoku {
	background-color: #EDE7E1;
	font-family: sans-serif;
	font-size: 13px;
	text-align: left;
    padding-left: 5px;
    box-sizing: border-box;
    font-weight: 600;
}
table.base1 td.midashi1 {
	font-family: sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	height: 20px;
	padding: 10px 0px 5px 3px;
    border: none;
    box-sizing: border-box;
}

table.base1 td ul{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 2em;
    text-indent: -1em;
    list-style: none;
    box-sizing: border-box;
}


ul.check-list li:before{
    content: "□ ";
}






td a{
    color: #004484;
}

td a:hover{
    opacity: 0.5;
    transition-duration: 500ms;
}


table.base1.td-noborder td{
    border: none;
}



/*ログイン画面の設定*/

.login{
    width: 400px;
}

div.login-div{
    width: 400px;
    margin: 10px auto;
}


.setsumei {
	font-family: sans-serif;
	font-size: 13px;
	text-align: left;
	margin: 3px 3px 15px 3px;
	padding: 3px;
	width: auto;
    border: 1px dashed #8195A3;
    border-radius: 5px;
}

.setsumei_kanki{
	font-family: sans-serif;
	font-size: 13px;
	text-align: left;
	margin: 3px 3px 15px 3px;
	padding: 3px;
	width: auto;
    border: 1px dashed red;
    border-radius: 5px;
    font-weight: bold;
}


.setsumei p{
    padding: 0px 30px;
    box-sizing: border-box;
}

.setsumei_kanki p{
    padding: 5px;
    box-sizing: border-box;
    color: red;
}

hr.setsumei_dash{
    height: 1px;
    background-color: #8195A3;
    width: 90%;
    border: none;
}


.setsumei ul a{
    color:  #004484;
}

.setsumei ul a:hover{
    opacity: 0.5;
    transition-duration: 500ms;
}

.center {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
hr {
	background-color: #000000;
	border-width: 0px;
	height: 1px;
	width: 780px;
}

a{
    color: #004484;
}

a:hover{
    opacity: 0.5;
    transition-duration: 500ms;
}
/*span設定*/
.eg {
	color:#930;
	font-size: 9pt;
    font-weight: 500;
    word-break: normal;
}

.eg.tonari{
    line-height: 3;
    padding-left: 8px;
}
.red {
	color: #F00;
    margin-left: 5px;
}
.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0B2C89;
}

.space_tb2{
    padding: 20px 0px;
    box-sizing: border-box;
    font-size: 14px;
}
.info {
	font-size: 14px;
	border: 1px solid #83585E;
	padding: 20px;
	text-align: left;
	width: 740px;
	margin: auto;
	background-color: #FFECEF;
}

/*幅の設定
_________________________________________________________________*/

.w5{width: 5%;}
.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}



/*input欄いろいろ
_________________________________________________________________*/


input[type="text"],textarea,input[type="password"]{
    padding: 0.4em;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 2px;
    font-size: 14px;
    margin: 3px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*inputをフォーカスした際にふわっと色をかえる*/
input[type="text"]:focus,textarea:focus{
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
    transition-duration: 500ms;
}


/*セレクトボタンをシンプルに
_________________________________________________________________*/

select{
    margin: 3px 0px;
    background: #fafafa;
    appearance:none;
    border: 1px solid #CCC;
    height: 28px;
    font-size: 14px;
}




/*戻る・進むボタン
_________________________________________________________________*/


.btn-control{
    padding: 40px 0px;
    display: flex;
    justify-content: center;
}

button{
    
    /*ボタン要素のデフォをリセット*/
         background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
    /*新たに設定したスタイル*/
        width: 30%;
        height: 35px;
        margin: 10px;
        max-width: 350px;
        min-width: 190px;
        font-size: 15px;
        background-color:  #B53F41;
        color: #fafafa;
        border-radius: 5px;
        letter-spacing: 1px;
}

button.back{
    background-color: #777777;
}


button.next:hover{
    background-color: #ec971f;
    transition-duration: 1000ms;
}

button.back:hover{
    background-color: #1F1F1F;
    transition-duration: 1000ms;
}

.komoku2{
    background-color: #EDE7E1;
}

.privacy{
    width: 780px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-family: sans-serif;
    text-align: left;
    font-weight: 200;
}

.privacy h1{
    margin: 0px 0px 5px 0px;;
    padding: 0px ;
    font-size: 16px;
    text-align: left;
}