<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/* ボディ */
body {
margin: 0;
/* スペース */
padding: 0;
/* 余白 */
font-size: 20px;
/* 文字サイズ */
line-height: 1.618;
/* 行の高さ */
font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
background: #24f52d;
word-wrap: break-word;
}

ol,
ul {
margin: 0;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px) {

/* ボディ */
body {
font-size: 18px;
/* 文字サイズ */
}
}

/* ヘッダー */
.header {
text-align: center;
/* テキスト、画像の真ん中寄せ */
background: #24f52d;
/* 背景色(確認用) */
border-bottom: 3px solid #888;
/* 枠線 */
padding: 1em 0;
/* 上下の余白 */
margin-bottom: 1em;
/* 他のブロックとのスペース */
}

/* ロゴ画像を囲むh1 */
.logo-wrapper {
font-size: 23px;
margin: 0;
padding: 0;
line-height: 0;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px) {
.logo-wrapper {
font-size: 20px;
}
}

/* ロゴ画像 */
.logo {
width: 80px;
height: auto;
vertical-align: middle;
/* テキスト、画像の真ん中寄せ */

}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px) {

/* ロゴ画像 */
.logo {
width: 65px;
}
}


/* フッター */
.footer {
border-top: 3px solid #888;
/* 枠線 */
text-align: center;
/* テキスト、画像の真ん中寄せ */
margin-top: 2em;
/* 他のブロックとのスペース */
padding: 1em 0;
/* 上下の余白 */
background: #CEECF5;
/* 背景色(確認用) */
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper {
width: 1000px;
margin: 0 auto;
/* 左右に[auto]を指定することで、真ん中に寄る */
padding: 0;
/* 上下左右の余白を0にしておく */
}

/* スマホとタブレットに適用するCSS */
@media screen and (max-width:768px) {
.wrapper {
width: auto;
padding: 0 10px;
}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main {
width: 918px;
padding: 20px;
/* 上下左右に20pxの余白 */
border: 1px solid rgba(0, 0, 0, .1);
/* 枠線 */
background: #FFFFFF;
/* 背景色(確認用) */
border-radius: 10px;
}


/* スマホとタブレットに適用するCSS */
@media screen and (max-width:768px) {
.main {
width: auto;
padding: 10px;
/* 余白 */
border: none;
/* 枠線 */
}

}

.btnma {
width: 700px;
font-size: 20px;
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
padding: 8px 0 10px;
border-radius: 5px;
}

/* スマホとタブレットに適用するCSS */
@media screen and (max-width:768px) {
.btnma {
width: auto;
font-size: 18px;
}
}


h1 {
font-size: 20px;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px) {
h1 {
font-size: 18px;
}
}

.p1 {
padding: 0em 0em 0em .75em;
border-left: 6px solid #BDBDBD;
border-bottom: 1px solid #BDBDBD;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px) {
.p1 {
font-size: 18px;
}
}

input,
select,
textarea {
font-size: 100%;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px) {

select,
textarea {
font-size: 85%;
}
}

.btn {
background: #D8D8D8;
border: 1px solid #BDBDBD;
color: #111;
width: 50%;
padding: 10px 0;
}

.btn2 {
background: #008080;
border: 1px solid #BDBDBD;
color: #ffffff;
width: 50%;
padding: 15px 0;
}

.btn3 {
background: rgb(72, 162, 236);
border: 1px solid #BDBDBD;
color: #ffffff;
width: 50%;
padding: 15px 0;
}

.my-checkbox {
/* 色の変更※枠線の色は変更できない */
accent-color: blue;
/* 大きさ */
inline-size: 1.3rem;
block-size: 1.3rem;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px) {
.btn {
-webkit-appearance: none;
}

.btn2 {
-webkit-appearance: none;
}
}

.ChangeMsg A:visited {
color: green;
}

.ChangeMsg A:hover {
color: blue;
}

.ChangeMsg A:link {
color: green;
}

td {
height: 35px;
width: 50px;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px) {
/*
td {
width:auto;
}
*/
}

.p2 {
float: left;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px) {
.p2 {
float: none;
}
}

.p3 {
float: right;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px) {
.p3 {
float: none;
}
}

.box_sample {
border: 2px solid #da4033;
/* 囲み線の色 */
border-radius: 4px;
/* 囲み線の角を丸くする */
margin: 1em;
/* 線の外側の余白 */
padding: 2em;
/* 線の内側の余白 */
position: relative;
/* 相対位置指定（必須） */
}

.box_sample::before {
background-color: #fff;
/* 領域の背景色 */
color: #da4033;
/* コンテンツの色 */
content: "ご確認ください";
/* 領域内に置くコンテンツ */
font-weight: bold;
/* 文字のウェイト（太さ） */
left: 1em;
/* 領域の位置 */
top: -.5em;
/* 領域の位置 */
padding: 0 .5em;
/* 内側の余白 */
position: absolute;
/* 親要素を基準とした絶対位置指定 */
}

.box_sample2 {
border: 2px solid #da4033;
/* 囲み線の色 */
border-radius: 4px;
/* 囲み線の角を丸くする */
margin: 1em;
/* 線の外側の余白 */
padding: 1em;
/* 線の内側の余白 */
position: relative;
/* 相対位置指定（必須） */
}

.box_sample2::before {
background-color: #fff;
/* 領域の背景色 */
color: #da4033;
/* コンテンツの色 */
content: "ご注意ください";
/* 領域内に置くコンテンツ */
font-weight: bold;
/* 文字のウェイト（太さ） */
left: 0.5em;
/* 領域の位置 */
top: -.5em;
/* 領域の位置 */
padding: 0 .5em;
/* 内側の余白 */
position: absolute;
/* 親要素を基準とした絶対位置指定 */
}

.table_design01 {
border-collapse: collapse;
width: 100%;
max-width: 650px;
font-size: 85%;
}

.table_design01 th,
.table_design01 td {
border: 1px solid #fff;
background-color: #e6f1f6;
padding: 0px 15px;
}

.table_design01 th {
background-color: #4d9bc1;
color: #fff;
font-weight: bold;
text-align: center;
width: 30%;
}

.ql-align-center{
margin:0;
text-align:center;
}
.ql-align-right{
margin:0;
text-align:right;
}</pre></body></html>