@charset "UTF-8";
/*=====================================
*
* 01.タグ設定
*======================================*/
/*-------------------------------------
*
* 01-01.for RESET
*--------------------------------------*/
html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background-color: #ffffff; text-align: center; }

body, div, h1, h2, h3, h4, h5, h6, pre, fieldset, textarea, p, dl, dt, dd, ins, blockquote, th, td, hgroup, header, footer, nav, article, section, aside, figure　 { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; font-size: 0.875rem; }

fieldset, img { border: none; }

img:not([width]) { /* Retinaディスプレイ対応のためimg要素は半分の大きさに */ /*zoom: 0.5;*/ }

/*-------------------------------------
*
* 01-02.リンク設定
*--------------------------------------*/
a { color: #568fea; text-decoration: underline; }
a:hover, a:active, a:focus { color: #ff3e3e; text-decoration: none; }

/*-------------------------------------
*
* 01-03.基本フォント設定
*--------------------------------------*/
body { font-size: 14px; font-size: 0.875rem; line-height: 1.6; font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, sans-serif; color: #333; -webkit-text-size-adjust: none; /* フォントサイズ自動調整 */ }

/*--- 他要素 ---*/
p { font-size: inherit; margin: 0 0 1rem; }
p:last-child { margin-bottom: 0; }

figcaption { font-size: inherit; margin: 0 0 1rem; }

ins { /* 追記 */ font-style: italic; }

em { font-weight: bold; }

strong { font-style: normal; font-weight: bold; }

abbr { /* 略語 */ border-bottom: 1px dotted #666; cursor: help; }

table, th, td { font-size: 1rem; }

pre, code, kbd, samp, tt { font-family: inherit; }

/*-------------------------------------
*
* 01-04.リスト設定
*--------------------------------------*/
/*--- 通常リスト設定 ---*/
ul, ol { margin: 0 0 1rem; padding: 0 0 0 1.5rem; line-height: 1.6; }

ul { list-style: disc outside; }

ol { list-style: decimal outside; }

/*--- リストのネスト設定 ---*/
ul ul, ul ol, ol ul, ol ol { margin: 0 0 1rem 2rem; }

ul ul { list-style-type: circle; }

li { margin: 0 0 0.5rem; padding: 0; line-height: 1.6; }

/*--- 定義リスト設定 ---*/
dl { margin: 0 0 1rem; padding: 0; }

dt { margin: 0; padding: 0; font-weight: bold; }

dd { margin: 0 0 0.7rem; padding: 0 0 0 1.5rem; line-height: 1.6; }

/*-------------------------------------
*
* 01-05.テーブル設定
*--------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; border: 1px solid #ccc; }

td, th { border-collapse: collapse; border-spacing: 0; font-size: inherit; border: 1px solid #ccc; padding: 0.2rem 0.5rem; font-weight: normal; }

/*-------------------------------------
*
* 01-06.フォーム設定
*--------------------------------------*/
form, fieldset { margin: 0; padding: 0; display: inline; }

input, textarea, select { vertical-align: middle; margin-top: 0.2rem; margin-bottom: 0.2rem; }

input[type="checkbox"], input[type="radio"] { vertical-align: top; margin-right: 0.5rem; cursor: pointer; }

input[type="text"], input[type="password"] { padding: 5px; border: 1px solid #aaaaaa; }

textarea { padding: 1%; border: 1px solid #aaaaaa; }

/*=====================================
*
* 02.基本スタイル
*======================================*/
/*-------------------------------------
*
* 02-01.枠
*-------------------------------------- */
html, body { height: 100%; }

#wrapper { position: relative; width: 100%; height: auto !important; /*IE6対策*/ height: 100%; /*IE6対策*/ min-height: 100%; margin: 0 auto; padding-bottom: 100px; overflow: hidden; text-align: left; border-top: 3px solid #568fea; }

#main { width: 90%; margin: 0 auto; }

/*-------------------------------------
*
* 02-02.テキスト装飾
*-------------------------------------- */
/* ご注意系 */
.attention { font-size: 12px; font-size: 0.75rem; margin-left: 0.5em; color: #EA2E2E; }

/* 注釈系 */
.annotation { font-size: 14px; font-size: 0.875rem; display: block; margin-top: 0.5rem; background-color: #F2F2F2; padding: 5px 10px; line-height: 1.4; }

/*-------------------------------------
*
* 02-03.ヘッダー
*-------------------------------------- */
header { margin-bottom: 2rem; line-height: 1.3; }
header #logo { margin: 10px 0 0 20px; vertical-align: top; }
header #title { width: 217px; height: 29px; margin: 0 auto 8px; text-align: center; }
header h2 { font-size: 22px; font-size: 1.375rem; text-align: center; }
header h3 { width: 90%; margin: 45px auto 40px; padding: 4px 0 4px 20px; border-left: 5px solid #568fea; background-color: #4d4d4d; text-align: left; }
header h3 img { vertical-align: middle; }

/*-------------------------------------
*
* 02-04.フッター
*-------------------------------------- */
footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background-color: #eeeeee; color: #666; text-align: center; font-family: Arial, Helvetica, sans-serif; }

#copyright { font-size: 10px; font-size: 0.625rem; padding-top: 15px; }

.pageTop { display: block; cursor: pointer; position: absolute; top: -1.5rem; right: 5%; width: 59px; height: 11px; }

/*-------------------------------------
*
* 03-01.本文
*-------------------------------------- */
#main section { margin-bottom: 2.5rem; }
#main h3 { font-size: 20px; font-size: 1.25rem; margin-bottom: 1rem; padding: 0.2rem 0; border-bottom: 1px solid #cecece; color: #000; font-weight: bold; }
#main .time { font-size: 16px; font-size: 1rem; color: #568fea; }
#main .formBox { padding: 20px; background-color: #eeeeee; }
#main .formBox table { width: 100%; border: 5px solid #a3a3a3; background-color: #fff; }
#main .formBox th, #main .formBox td { border: 1px solid #a3a3a3; padding: 0.5rem 1rem; }
#main .formBox th { width: 15rem; background-color: #DFDFDF; white-space: nowrap; }
#main .formBox input[type="text"] { font-size: 14px; font-size: 0.875rem; }
#main .formBox .buttonBox { margin-top: 20px; padding-bottom: 5px; text-align: center; }
#main .formBox .button { font-size: 18px; font-size: 1.125rem; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #568fea; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlMjMyMyIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZDcwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9ab0f3), color-stop(60%, #568fea)); background-image: -webkit-linear-gradient(top, #9ab0f3 0%, #568fea 60%); background-image: -moz-linear-gradient(top, #9ab0f3 0%, #568fea 60%); background-image: -o-linear-gradient(top, #9ab0f3 0%, #568fea 60%); background-image: linear-gradient(top, #9ab0f3 0%, #568fea 60%); display: inline-block; vertical-align: middle; border: 1px solid #568fea; padding: 5px 40px; margin: 0 20px; text-decoration: none; cursor: pointer; color: #fff; font-weight: bold; }
#main .formBox .button.backpage { font-size: 18px; font-size: 1.125rem; background-color: #696969; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjNjk2OTY5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #959595), color-stop(60%, #696969)); background-image: -webkit-linear-gradient(top, #959595 0%, #696969 60%); background-image: -moz-linear-gradient(top, #959595 0%, #696969 60%); background-image: -o-linear-gradient(top, #959595 0%, #696969 60%); background-image: linear-gradient(top, #959595 0%, #696969 60%); border: 1px solid #535353; }
#main .errors { margin: 0 0 1rem; padding: 0; color: #EA2E2E; font-weight: bold; }
#main .errors li { margin: 0; padding: 0; list-style: none; }
#main .buttonBox { text-align: center; }
#main dl.flowBox { margin: 0; padding: 0; }
#main dl.flowBox dt { float: left; width: 90px; }
#main dl.flowBox dt img { vertical-align: top; }
#main dl.flowBox dd { padding-left: 90px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #cecece; }
#main dl.flowBox dd:last-child { padding-bottom: 0; margin-bottom: 0; border: none; }
#main .flowBox_annotationList { margin: 0; padding: 0; }
#main .flowBox_annotationList li { margin: 20px 0 0; padding: 0; list-style: none; }
dl.flowBox #main .flowBox_annotationList li { padding: 20px; background-color: #eeeeee; }
#main .flowBox_annotationList .flowBox_annotationList_title { border-left: 3px solid #568fea; padding: 0 0 0 0.5em; margin-bottom: 0.5rem; font-weight: bold; line-height: 1.1; color: #568fea; }
#main .flowBox_annotationList .annotationList_Number { -webkit-border-radius: 12px 12px; -moz-border-radius: 12px / 12px; border-radius: 12px / 12px; display: inline-block; width: 24px; height: 24px; text-align: center; vertical-align: middle; background-color: #568fea; margin-right: 0.2em; font-size: 14px; line-height: 1; padding-top: 5px; color: #fff; }
#main .complete_annotationList { margin: 0; padding: 10px 0 0; border-top: 1px dotted #cecece; }
#main .complete_annotationList dt { position: relative; font-weight: bold; padding-left: 27px; }
#main .complete_annotationList dt::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; content: attr(name); display: block; width: 22px; height: 22px; background-color: #568fea; text-align: center; font-size: 16px; line-height: 1; padding-top: 3px; color: #fff; font-weight: bold; }
#main .complete_annotationList dd { border-bottom: 1px dotted #cecece; padding: 0; margin-top: 0.5em; margin-bottom: 10px; padding-bottom: 10px; }