@charset "UTF-8";

html{
        scroll-behavior: smooth;
}

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

.title1 {
	text-align: center;
	font-family: "ＭＳ ゴシック", "MS Gothic",  Osaka-mono, monospace;
	font-size: 15pt;
	font-weight: bold;
	margin: 1em;
}
.title1_red {
	font-family: "ＭＳ ゴシック", "MS Gothic",  Osaka-mono, monospace;
	font-size: 15pt;
	font-weight: bold;
	margin: 0em;
	color: #F00;
	padding: 0px;
}

h1{
    font-size: 25px;
}

header{
    background-color: #004484;
    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;
}

/*幅と背景*/
#wrapper {
	text-align: center;
	padding: 0px;
	width: 780px;
	background: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.error {
	background-color: #FFEDF3;
	color: #C00;
	font-family: "ＭＳ ゴシック", "MS Gothic",  Osaka-mono, monospace;
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.error400 {
	background-color: #FFEDF3;
	color: #C00;
	font-family: "ＭＳ ゴシック", "MS Gothic",  Osaka-mono, monospace;
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 400px;
}
table {
	border-collapse: collapse;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;;
	padding: 0px;
	text-align: left;
    margin: 0px auto;
}
table.tips {
	background-color: #FFFFCC;
    border: none;
	}


table.base1 table.tips td{
    border: none;
}

table.tips td{
    padding: 3px ;
    box-sizing: border-box;
}

table.tips td a:hover{
    color: #000;
    transition: 500ms;
}
.bg_red {
	background-color: #09C;
	}
table.base1 {
	border-collapse: collapse;
	border: 1px solid #0B2C89;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	padding: 0px;
	text-align: left;
    margin: 0px auto;
}
table.base1 th {
	padding: 3px;
	background-color: #ADB4C8;
    border: 1px solid #0B2C89;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	text-align: center;
	font-weight: normal;
}
table.base1 td {
	padding: 3px 20px 3px 20px;
    border: 1px solid #0B2C89;
	margin: 0px;
    box-sizing: border-box;
    letter-spacing: 0.2px;
}

.base2 {
    width: 780px;
	border-collapse: collapse;
	border: 1px dotted #000;
    background-color: #FFFBED;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;;
	margin: 0px auto 15px auto;
}

.base2 td{
    padding: 15px;
    box-sizing: border-box;
}




table td.bg_orange {
	background-color: #FFCC99;
}

table td.bg_yellow {
	background-color: #FFFFCC;
	font-size: 8pt;
}
table td.bg_green {
	background-color: #DEFFFA;
	font-size: 8pt;
}
table td.bg_white {
	font-size: 12px;
	border: 1px solid #6B2A2B;
	height: 100px;
	width: 80px;
	text-align: center;
}
table td.width100 {
	text-align: center;
	width: 100px;
}
table td.width30 {
	text-align: center;
	width: 30px;
}
.komoku {
	background-color: #ADB4C8;
	font-family: "ＭＳ ゴシック", "MS Gothic",  Osaka-mono, monospace;
	font-size: 11pt;
	font-weight: 300;
	text-align: left;
}
.komoku1 {
	text-align: left;
	vertical-align: top;
	width: 30px;
}
.komoku2 {
	background-color: #CDDBDE;;
	font-family: "ＭＳ ゴシック", "MS Gothic",  Osaka-mono, monospace;
	font-size: 11pt;
	font-weight: 300;
	text-align: left;
	width: 500px;
}

/*.komoku2:hover{
    background-color: #FBFAED;
    transition-duration: 500ms;
}*/

.komoku2 a{
    font-weight: 400;
    color: #004679;
/*    display: block;*/
}

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

/*.komoku2 a:before{
    content: "■";
}
*/
.faq-table td.komoku2{
    background-color: #FBFAED;
}

.faq-table td.komoku2 a{
   color: #423D39;
}

.midashi1 {
	background-color: #EBEBEB;
	font-family: "ＭＳ ゴシック", "MS Gothic",  Osaka-mono, monospace;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	height: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}
.midashi2 {
	background-color: #0B2C89;
	font-family: "ＭＳ ゴシック", "MS Gothic",  Osaka-mono, monospace;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	height: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	color: #FFF;
}
.setsumei {
	font-family: "ＭＳ ゴシック", "MS Gothic",  Osaka-mono, monospace;
	font-size: 11pt;
	text-align: center;
	margin: 3px;
	padding: 3px;
	width: auto;
}
.center {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.right {
	text-align: right;
	margin: 0px;
	padding: 0px;
}


.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;
}
hr {
	background-color: #000000;
	border-width: 0px;
	height: 1px;
	width: 780px;
}

/*span設定*/
.eg {
	color: #930;
	font-size: 9pt;
}
.red {
	color: #FF0000;
}
.bule {
	color: #0000FF;
}
.underline {
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #0B2C89;
	text-decoration: underline;
}

/*スペース*/
.space_tb1 { /* 使い方   class="space_tb1" */
	/*上下に各1文字分のマージン（スペース）*/
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0em;
	margin-right: 0em;
}
.space_tb2 { /* 使い方   class="space_tb2" */
	/*上下に各2文字分のマージン（スペース）*/
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 0em;
	margin-right: 0em;
}
.space_tb3 { /* 使い方   class="space_tb3" */
	/*上下に各3文字分のマージン（スペース）*/
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: 0em;
	margin-right: 0em;
}
.space_lr1 { /* 使い方   class="space_lr1" */
	/*左右に各1文字分のマージン（スペース）*/
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1em;
	margin-right: 1em;
}.space_lr2 { /* 使い方   class="space_lr2" */
	/*左右に各2文字分のマージン（スペース）*/
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 2em;
	margin-right: 2em;
}
.clear { clear:both; } 
.clear hr { display:none; } 



/*よくある質問*/

ul a{
    color: #004679;
    text-decoration: none;
}

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


table.faq-intable{
    border: none;
    width: 80%;
}

table.faq-intable td{
    border: none;
}

table.faq-intable td p{
    margin: 0px;
    padding: 0px;
}


#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #3f98ef;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #3f98ef;
}
.info {
	font-size: 14px;
	border: 1px solid #83585E;
	padding: 20px;
	text-align: left;
	width: 740px;
	margin: auto;
	background-color: #FFECEF;
}

/*フッター*/

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

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

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


/*アップロードする際の諸注意*/

ul.notice-upload li{
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
}

ul.notice-upload li:before{
    content:"□";
    margin-right: 5px;
}

h2.notice-upload-h2{
    font-size: 20px;
    text-align: center;
}