/* style.css */
/* 共通 */
/* iPhone SE3のSafariブラウザに勝手に文字サイズを大きくさせない */
body {-webkit-text-size-adjust: 100%;}
a {text-decoration:none; color: #6666FF;}
body {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 50; line-height: 0;  padding:0; margin:0; margin-bottom: 0;}
m {font-family: "Source Han Serif", "ヒラギノ明朝ProN";}
/* t {font-size: 18px; font-weight: 400; line-height: 0.10; vertical-align:middle; padding:0; margin:0; margin-bottom: 0;} */
t {font-size: 18px; font-weight: 50; line-height: 0.10; padding:0; margin:0; margin-bottom: 0;}
cn {font-family: "Courier New"; white-space:pre; font-size: 20px; font-weight: 50; line-height:0.40;}
/* フォントの種類やサイズなどをまとめて設定 */
h12 {font-family: "ヒラギノ明朝ProN"; font-size: 6px; font-weight: 50; line-height: 0.32;  padding:0; margin:0; margin-bottom: 0;}
h18 {font-family: "ヒラギノ明朝ProN"; font-size: 9px; font-weight: 50; line-height: 0.80;  padding:0; margin:0; margin-bottom: 0;}
k {font-family: "ヒラギノ明朝ProN"; font-size: 9px; font-weight: 50; line-height: 0.80;  padding:0; margin:0; margin-bottom: 0;}
e {font-family: "ヒラギノ明朝ProN"; font-size: 13.5px; font-weight: 50; line-height: 0.40;}
h24 {font-family: "ヒラギノ明朝ProN"; font-size: 12px; font-weight: 50; line-height: 1.0;  padding:0; margin:0; margin-bottom: 0;}
h36 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 50; line-height: 0.20;  padding:0; margin:0; margin-bottom: 0;}
b15 {font-family: "Courier New"; white-space:pre; font-size: 7.0px; font-weight: 50; line-height: 0.10;}
c15 {font-family: "Courier New"; white-space:pre; font-size: 7.5px; font-weight: 50; line-height: 0.20;}
c20 {font-family: "Courier New"; white-space:pre; font-size: 10px; font-weight: 50; line-height:0.10;}
c24 {font-family: "Courier New"; white-space:pre; font-size: 12px; font-weight: 50; line-height:0.10;}
c28 {font-family: "Courier New"; white-space:pre; font-size: 14px; font-weight: 50; line-height:0.10;}
c30 {font-family: "Courier New","Courier"; white-space:pre; font-size: 15.00px; font-weight: 50; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
c40 {font-family: "Courier New"; white-space:pre; font-size: 20px; font-weight: 50; line-height:0.10;}
c48 {font-family: "Courier New"; white-space:pre; font-size: 24px; font-weight: 50; line-height:0.40;}
m15 {font-family: "Menlo"; white-space:pre; font-size: 7.5px; font-weight: 50; line-height: 0.05;}
/* 15.00px→14.95pxとするとMenloでも罫線素片がずれない。0.05pxの誤差を調整で直した。 */
/* 14.95pxでもわずかにずれる。 */
m30 {font-family: "Menlo"; white-space:pre; font-size: 14.95px; font-weight: 50; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
m40 {font-family: "Menlo"; white-space:pre; font-size: 20px; font-weight: 50; line-height:0.10;}
m48 {font-family: "Menlo"; white-space:pre; font-size: 24px; font-weight: 50; line-height:0.40;}
tg {font-family: "Menlo"; white-space:pre; font-size: 20px; font-weight: 50; line-height:0.40;}

p {font-family: "Source Han Code JP", "Helvetica Neue"; font-size: 18px; font-weight: 400; line-height: 1; padding:0; margin:0; margin-bottom: 0;}

s9 {font-size: 9px;}
s10 {font-size: 10px;}
s11 {font-size: 11px;}
s12 {font-size: 12px;}
s13 {font-size: 13px;}
s14 {font-size: 14px;}
s15 {font-size: 15px;}
s16 {font-size: 16px;}
s17 {font-size: 17px;}
s18 {font-size: 18px;}
s19 {font-size: 19px;}
s20 {font-size: 20px;}
s21 {font-size: 21px;}
s22 {font-size: 22px;}
s23 {font-size: 23px;}
s24 {font-size: 24px;}
s25 {font-size: 25px;}
s26 {font-size: 26px;}
s27 {font-size: 27px;}
s28 {font-size: 28px;}
s30 {font-size: 30px;}
s32 {font-size: 32px;}
s33 {font-size: 33px;}
s34 {font-size: 34px;}
s36 {font-size: 36px;}
s38 {font-size: 38px;}
s40 {font-size: 40px;}
s42 {font-size: 42px;}
s43 {font-size: 43px;}
s44 {font-size: 44px;}
s45 {font-size: 45px;}
s46 {font-size: 46px;}
s47 {font-size: 47px;}
s48 {font-size: 48px;}
s49 {font-size: 49px;}
s50 {font-size: 50px;}
s52 {font-size: 52px;}
s54 {font-size: 54px;}
s56 {font-size: 56px;}
s58 {font-size: 58px;}
s60 {font-size: 60px;}
s60 {font-size: 60px;}
s63 {font-size: 63px;}
s64 {font-size: 64px;}
s66 {font-size: 66px;}
s68 {font-size: 68px;}
s69 {font-size: 69px;}
s72 {font-size: 72px;}
s80 {font-size: 80px;}
s96 {font-size: 96px;}
s128 {font-size: 128px;}
/* 4k+α＝4096+2＝1366×3＝4098 */
.d4k{flex; text-align:left; width:4098px; background: #F0F0F0;}
.flex-wrap{padding: 0px 0px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.flex-wrap-center{padding: 0px 0px; display: flex; flex-wrap: wrap; justify-content: center;}
.flex-just{padding: 0px 0px; display: flex; flex-wrap: no-wrap; justify-content: center;}
.flex-just-left{padding: 0px 0px; display: flex; flex-wrap: no-wrap; justify-content: left;}

g {font-family: "Courier New"; white-space:pre;  font-size: 15px; font-weight: 50; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;} 

hg12 {font-family: "ヒラギノ角ゴシック"; font-size: 12px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg15 {font-family: "ヒラギノ角ゴシック"; font-size: 15px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg18 {font-family: "ヒラギノ角ゴシック"; font-size: 18px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg21 {font-family: "ヒラギノ角ゴシック"; font-size: 21px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg24 {font-family: "ヒラギノ角ゴシック"; font-size: 24px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg27 {font-family: "ヒラギノ角ゴシック"; font-size: 27px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg30 {font-family: "ヒラギノ角ゴシック"; font-size: 30px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg36 {font-family: "ヒラギノ角ゴシック"; font-size: 36px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg42 {font-family: "ヒラギノ角ゴシック"; font-size: 42px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg48 {font-family: "ヒラギノ角ゴシック"; font-size: 48px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg54 {font-family: "ヒラギノ角ゴシック"; font-size: 54px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg60 {font-family: "ヒラギノ角ゴシック"; font-size: 60px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg72 {font-family: "ヒラギノ角ゴシック"; font-size: 72px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg84 {font-family: "ヒラギノ角ゴシック"; font-size: 84px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
hg96 {font-family: "ヒラギノ角ゴシック"; font-size: 96px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}

hn12 {font-family: "Helvetica Neue"; font-size: 12px; font-weight: 300; line-height: 1.00;  padding:0; margin:0}
hn15 {font-family: "Helvetica Neue"; font-size: 15px; font-weight: 300; line-height: 1.00;  padding:0; margin:0}
hn16 {font-family: "Helvetica Neue"; font-size: 15px; font-weight: 300; line-height: 1.00;  padding:0; margin:0}
hn17 {font-family: "Helvetica Neue"; font-size: 15px; font-weight: 300; line-height: 1.00;  padding:0; margin:0}
hn18 {font-family: "Helvetica Neue"; font-size: 18px; font-weight: 250; line-height: 1.00;  padding:0; margin:0}
hn20 {font-family: "Helvetica Neue"; font-size: 18px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn21 {font-family: "Helvetica Neue"; font-size: 21px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn24 {font-family: "Helvetica Neue"; font-size: 24px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn25 {font-family: "Helvetica Neue"; font-size: 24px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn27 {font-family: "Helvetica Neue"; font-size: 27px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn30 {font-family: "Helvetica Neue"; font-size: 30px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn36 {font-family: "Helvetica Neue"; font-size: 36px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn40 {font-family: "Helvetica Neue"; font-size: 36px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn42 {font-family: "Helvetica Neue"; font-size: 42px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn48 {font-family: "Helvetica Neue"; font-size: 48px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn50 {font-family: "Helvetica Neue"; font-size: 48px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn54 {font-family: "Helvetica Neue"; font-size: 54px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn60 {font-family: "Helvetica Neue"; font-size: 60px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn63 {font-family: "Helvetica Neue"; font-size: 60px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn64 {font-family: "Helvetica Neue"; font-size: 60px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn72 {font-family: "Helvetica Neue"; font-size: 72px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn80 {font-family: "Helvetica Neue"; font-size: 72px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn84 {font-family: "Helvetica Neue"; font-size: 84px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn90 {font-family: "Helvetica Neue"; font-size: 84px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}
hn96 {font-family: "Helvetica Neue"; font-size: 96px; font-weight: 100; line-height: 1.00;  padding:0; margin:0}

ruby-red { color: rgb(185, 30, 104); }
color-red-violet {color: rgb(255, 0, 255);}
color-ruby-red {color: rgb(222, 36, 125);}
color-white-green {color: rgb(202, 219, 207);}

um9 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 4.5px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
k9 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 4.5px; font-weight: 400; line-height: 0;  padding:0; margin:0; margin-bottom: 0;}
um12 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 6px; font-weight: 400; line-height: 0.75;  padding:0; margin:0; margin-bottom: 0;}
k12 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 6px; font-weight: 400; line-height: 0.50;  padding:0; margin:0; margin-bottom: 0;}
um18 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 9px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
k18 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 9px; font-weight: 400; line-height: 0.90;  padding:0; margin:0; margin-bottom: 0;}
k36 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 18px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
um48 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 24px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
gg48 {font-family: "Source Han Code JP"; white-space:pre;  font-size: 18px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
el {font-weight: 100;}
pre {line-height: 1.00;}
b { font-family: "Ume Mincho S3", "ヒラギノ角ゴシック W3"; line-height:1.5;}
pg {font-family: "Ume P Gothic S5", "ヒラギノ角ゴシック W5";}
hm{font-family: "ヒラギノ明朝ProN";}
cica{font-family: "Cica";}
gm{font-family: "Source Han Serif";}
gg{font-family: "Source Han Code JP";}
tm {font-family: "梅明朝S3"; padding:0; margin:0; line-height:0.75; font-weight: normal; style="margin-bottom: 0;"}
tm2 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 48px;  font-weight: normal; style="margin-bottom: 0;"}
tm3 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 34px;  font-weight: normal; style="margin-bottom: 0;"}
hl { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.5; font-weight: normal; style="margin-bottom: 0;"}
hm { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0;  font-weight: normal; style="margin-bottom: 0;"}
m { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0;  font-weight: normal; style="margin-bottom: 0;"}
m24
hs { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75;  font-weight: normal; style="margin-bottom: 0;"}
h { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75;  font-weight: normal; style="margin-bottom: 0;"}
v {writing-mode: vertical-rl; line-height: 0.2; height: 480px;}
lh {line-height: 1.0;}
lh120 {line-height: 1.2;}
lh150 {line-height: 1.5;}
color_red { color: red; }
color_gray { color: gray; }
.green{ width: 100%; height: 100px; background-color: green;}

/*um36 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 18px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
/*um36 {font-family: "Menlo"; white-space:pre;  font-size: 14.95px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}*/
/*um36 {font-family: "Courier New"; white-space:pre;  font-size: 15px; font-weight: 800; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}*/ 

um36 {font-family: "Menlo"; white-space:pre;  font-size: 14.95px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
o {font-family: "Menlo"; white-space:pre;  font-size: 14.95px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}

um48 {font-family: "Courier New"; white-space:pre;  font-size: 20px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
ug18 {font-family: "ヒラギノ角ゴ ProN W3"; white-space:pre; font-size: 9px; font-weight: 100; line-height: 0.10;  padding:0; margin:0; margin-bottom: 0;}
ug24 {font-family: "ヒラギノ角ゴ ProN W3"; white-space:pre; font-size: 12px; font-weight: 100; line-height: 0.20;  padding:0; margin:0; margin-bottom: 0;}
ug36 {font-family: "ヒラギノ角ゴ ProN W3"; white-space:pre; font-size: 18px; font-weight: 100; line-height: 0.20;  padding:0; margin:0; margin-bottom: 0;}

hn48 {font-family: "Helvetica Neue"; font-size: 48px; font-weight: 100; line-height: 1;  padding:0; margin:0; margin-bottom: 0;}


/* for 2048csspx */
@media screen and (min-width:2048px)
{
.hako{width:100%; border: 0.5px solid #333; text-align:left; justify-content: space-between;}
#page0001{width:100%; background: #E0F0FF;}
#page0002{width:100%; background: #FFF0E0;}
#page0003{width:100%; background: #E0F0FF;}
#page0004{width:100%; background: #FFF0E0;}
#page0005{width:100%; background: #E0F0FF;}
#page0006{width:100%; background: #FFF0E0;}
#page0007{width:100%; background: #E0F0FF;}
#page0008{width:100%; background: #FFF0E0;}
#page0009{width:100%; background: #E0F0FF;}
#page0010{width:100%; background: #FFF0E0;}
#page0011{width:100%; background: #E0F0FF;}
#page0012{width:100%; background: #FFF0E0;}
.waku1{width: 60px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku2{width: 48px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku3{width: 36px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku4{width: 30px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku5{width: 24px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku6{width: 18px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku-h1{padding:3px 3px; border: 0.5px solid #333; text-align:left;}
.waku{padding:0px 18px; text-align:left;  border: 0.5px solid #333; text-align:left;}
.column{width:100%;}
.column2{width:50%;}
.column3{width:33.333%;}
.columns{width:50%;}
h1 {font-family: "Source Han Code JP", "Helvetica Neue"; font-size: 48px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h2 {font-family: "Helvetica Neue"; font-size: 30px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h3 {font-family: "ヒラギノ角ゴシック"; font-size: 36px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
h4 {font-family: "ヒラギノ角ゴシック"; font-size: 30px; font-weight: 600; line-height: 2.00;  padding:0; margin:0}
h5 {font-family: "ヒラギノ角ゴシック"; font-size: 24px; font-weight: 600; line-height: 1.62;  padding:0; margin:0}
h6 {font-family: "ヒラギノ角ゴシック"; font-size: 18px; font-weight: 600; line-height: 1.62;  padding:0; margin:0}
p1 {font-family: "ヒラギノ明朝ProN"; font-size: 60px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p2 {font-family: "ヒラギノ明朝ProN"; font-size: 48px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p3 {font-family: "ヒラギノ明朝ProN"; font-size: 36px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p4 {font-family: "ヒラギノ明朝ProN"; font-size: 30px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p5 {font-family: "ヒラギノ明朝ProN"; font-size: 24px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p6 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 100; line-height: 1;  padding:0; margin:0}
}


/* for 1024 to 2048csspx */
@media screen and (min-width:1024px) and ( max-width:2048px)
{
.hako{width:200%; border: 0.5px solid #333; text-align:left; justify-content: space-between;}
#page0001{width:50%; background: #E0F0FF;}
#page0002{width:50%; background: #FFF0E0;}
#page0003{width:50%; background: #E0F0FF;}
#page0004{width:50%; background: #FFF0E0;}
#page0005{width:50%; background: #E0F0FF;}
#page0006{width:50%; background: #FFF0E0;}
#page0007{width:50%; background: #E0F0FF;}
#page0008{width:50%; background: #FFF0E0;}
#page0009{width:50%; background: #E0F0FF;}
#page0010{width:50%; background: #FFF0E0;}
#page0011{width:50%; background: #E0F0FF;}
#page0012{width:50%; background: #FFF0E0;}
.waku1{width: 60px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku2{width: 48px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku3{width: 36px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku4{width: 30px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku5{width: 24px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku6{width: 18px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku-h1{padding:3px 3px; border: 0.5px solid #333; text-align:left;}
.waku{padding:0px 18px; text-align:left;  border: 0.5px solid #333; text-align:left;}
.column{width:100%;}
.column2{width:50%;}
.column3{width:33.333%;}
.columns{width:50%;}
h1 {font-family: "Source Han Code JP", "Helvetica Neue"; font-size: 48px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h2 {font-family: "Helvetica Neue"; font-size: 30px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h3 {font-family: "Source Han Serif"; font-size: 36px; font-weight: 400; line-height: 1;  padding:0; margin:0}
h4 {font-family: "Source Han Serif"; font-size: 24px; font-weight: 600; line-height: 2;  padding:0; margin:0}
h5 {font-family: "Source Han Serif"; font-size: 21px; font-weight: 600; line-height: 1;  padding:0; margin:0}
h6 {font-family: "Source Han Serif"; font-size: 18px; font-weight: 600; line-height: 1;  padding:0; margin:0}
p1 {font-family: "Source Han Serif"; font-size: 48px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p2 {font-family: "Source Han Serif"; font-size: 30px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p3 {font-family: "Source Han Serif"; font-size: 36px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p4 {font-family: "Source Han Serif"; font-size: 24px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p5 {font-family: "Source Han Serif"; font-size: 21px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p6 {font-family: "Source Han Serif"; font-size: 18px; font-weight: 400; line-height: 1;  padding:0; margin:0}
}


/* for 682.667 to 1024csspx */
@media screen and (min-width:682.667px) and ( max-width:1024px)
{
.hako{width:300%; border: 0.5px solid #333; text-align:left; justify-content: space-between;}
#page0001{width:33.333%; background: #E0F0FF;}
#page0002{width:33.333%; background: #FFF0E0;}
#page0003{width:33.333%; background: #E0F0FF;}
#page0004{width:33.333%; background: #FFF0E0;}
#page0005{width:33.333%; background: #E0F0FF;}
#page0006{width:33.333%; background: #FFF0E0;}
#page0007{width:33.333%; background: #E0F0FF;}
#page0008{width:33.333%; background: #FFF0E0;}
#page0009{width:33.333%; background: #E0F0FF;}
#page0010{width:33.333%; background: #FFF0E0;}
#page0011{width:33.333%; background: #E0F0FF;}
#page0012{width:33.333%; background: #FFF0E0;}
.waku1{width: 60px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku2{width: 48px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku3{width: 36px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku4{width: 30px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku5{width: 24px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku6{width: 18px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku-h1{padding:3px 3px; border: 0.5px solid #333; text-align:left;}
.waku{padding:0px 18px; text-align:left;  border: 0.5px solid #333; text-align:left;}
.column{width:100%;}
.column2{width:50%;}
.column3{width:33.333%;}
.columns{width:50%;}
h1 {font-family: "Source Han Code JP", "Helvetica Neue"; font-size: 48px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h2 {font-family: "Helvetica Neue"; font-size: 30px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h3 {font-family: "ヒラギノ角ゴシック"; font-size: 30px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
h4 {font-family: "ヒラギノ角ゴシック"; font-size: 36px; font-weight: 600; line-height: 2.00;  padding:0; margin:0}
h5 {font-family: "ヒラギノ角ゴシック"; font-size: 24px; font-weight: 600; line-height: 1.62;  padding:0; margin:0}
h6 {font-family: "ヒラギノ角ゴシック"; font-size: 18px; font-weight: 600; line-height: 1.62;  padding:0; margin:0}
p1 {font-family: "ヒラギノ明朝ProN"; font-size: 60px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p2 {font-family: "ヒラギノ明朝ProN"; font-size: 48px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p3 {font-family: "ヒラギノ明朝ProN"; font-size: 36px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p4 {font-family: "ヒラギノ明朝ProN"; font-size: 30px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p5 {font-family: "ヒラギノ明朝ProN"; font-size: 24px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p6 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 100; line-height: 1;  padding:0; margin:0}
}

/* for 512 to 682.667 csspx */
@media screen and (min-width:512px) and ( max-width:682.667px)
{
.hako{width:400%; border: 0.5px solid #333; text-align:left; justify-content: space-between;}
#page0001{width:25%; background: #E0F0FF;}
#page0002{width:25%; background: #FFF0E0;}
#page0003{width:25%; background: #E0F0FF;}
#page0004{width:25%; background: #FFF0E0;}
#page0005{width:25%; background: #E0F0FF;}
#page0006{width:25%; background: #FFF0E0;}
#page0007{width:25%; background: #E0F0FF;}
#page0008{width:25%; background: #FFF0E0;}
#page0009{width:25%; background: #E0F0FF;}
#page0010{width:25%; background: #FFF0E0;}
#page0011{width:25%; background: #E0F0FF;}
#page0012{width:25%; background: #FFF0E0;}
.waku1{width: 60px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku2{width: 48px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku3{width: 36px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku4{width: 30px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku5{width: 24px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku6{width: 18px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku-h1{padding:3px 3px; border: 0.5px solid #333; text-align:left;}
.waku{padding:0px 18px; text-align:left;  border: 0.5px solid #333; text-align:left;}
.column{width:100%;}
.column2{width:50%;}
.column3{width:33.333%;}
.columns{width:100%;}
h1 {font-family: "Helvetica Neue"; font-size: 48px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h2 {font-family: "Helvetica Neue"; font-size: 30px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h3 {font-family: "ヒラギノ角ゴシック"; font-size: 30px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
h4 {font-family: "ヒラギノ角ゴシック"; font-size: 24px; font-weight: 600; line-height: 2.00;  padding:0; margin:0}
h5 {font-family: "ヒラギノ角ゴシック"; font-size: 18px; font-weight: 600; line-height: 1.62;  padding:0; margin:0}
h6 {font-family: "ヒラギノ角ゴシック"; font-size: 18px; font-weight: 600; line-height: 1.62;  padding:0; margin:0}
p1 {font-family: "ヒラギノ明朝ProN"; font-size: 48px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p2 {font-family: "ヒラギノ明朝ProN"; font-size: 36px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p3 {font-family: "ヒラギノ明朝ProN"; font-size: 30px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p4 {font-family: "ヒラギノ明朝ProN"; font-size: 24px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p5 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p6 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 100; line-height: 1;  padding:0; margin:0}
}

/* for 409.6 to 512 csspx */
@media screen and (min-width:409.6px) and ( max-width:512px)
{
.hako{width:500%; border: 0.5px solid #333; text-align:left; justify-content: space-between;}
#page0001{width:20%; background: #E0F0FF;}
#page0002{width:20%; background: #FFF0E0;}
#page0003{width:20%; background: #E0F0FF;}
#page0004{width:20%; background: #FFF0E0;}
#page0005{width:20%; background: #E0F0FF;}
#page0006{width:20%; background: #FFF0E0;}
#page0007{width:20%; background: #E0F0FF;}
#page0008{width:20%; background: #FFF0E0;}
#page0009{width:20%; background: #E0F0FF;}
#page0010{width:20%; background: #FFF0E0;}
#page0011{width:20%; background: #E0F0FF;}
#page0012{width:20%; background: #FFF0E0;}
.waku1{width: 60px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku2{width: 48px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku3{width: 36px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku4{width: 30px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku5{width: 24px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku6{width: 18px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku-h1{padding:3px 3px; border: 0.5px solid #333; text-align:left;}
.waku{padding:0px 18px; text-align:left;  border: 0.5px solid #333; text-align:left;}
.column{width:100%;}
.column2{width:50%;}
.column3{width:33.333%;}
.columns{width:100%;}
h1 {font-family: "Helvetica Neue"; font-size: 48px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h2 {font-family: "Helvetica Neue"; font-size: 30px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h3 {font-family: "ヒラギノ角ゴシック"; font-size: 30px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
h4 {font-family: "ヒラギノ角ゴシック"; font-size: 24px; font-weight: 600; line-height: 2.00;  padding:0; margin:0}
h5 {font-family: "ヒラギノ角ゴシック"; font-size: 18px; font-weight: 600; line-height: 1.62;  padding:0; margin:0}
h6 {font-family: "ヒラギノ角ゴシック"; font-size: 18px; font-weight: 600; line-height: 1.62;  padding:0; margin:0}
p1 {font-family: "ヒラギノ明朝ProN"; font-size: 48px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p2 {font-family: "ヒラギノ明朝ProN"; font-size: 36px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p3 {font-family: "ヒラギノ明朝ProN"; font-size: 30px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p4 {font-family: "ヒラギノ明朝ProN"; font-size: 24px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p5 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p6 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 100; line-height: 1;  padding:0; margin:0}
}

/* for 0〜409.6csspx */
@media screen and ( max-width:409.6px)
{
.hako{width:600%; border: 0.5px solid #333; text-align:left; justify-content: space-between;}
#page0001{width:16.666%; background: #E0F0FF;}
#page0002{width:16.666%; background: #FFF0E0;}
#page0003{width:16.666%; background: #E0F0FF;}
#page0004{width:16.666%; background: #FFF0E0;}
#page0005{width:16.666%; background: #E0F0FF;}
#page0006{width:16.666%; background: #FFF0E0;}
#page0007{width:16.666%; background: #E0F0FF;}
#page0008{width:16.666%; background: #FFF0E0;}
#page0009{width:16.666%; background: #E0F0FF;}
#page0010{width:16.666%; background: #FFF0E0;}
#page0011{width:16.666%; background: #E0F0FF;}
#page0012{width:16.666%; background: #FFF0E0;}
.waku-h1{padding:3px 3px; border: 0.5px solid #333; text-align:left;}
.waku{padding:0px 9px; text-align:left;  border: 0.5px solid #333; text-align:left;}
.column{width:100%;}
.column2{width:50%;}
.column3{width:33.333%;}
.columns{width:100%;}
.waku1{width: 48px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku2{width: 36px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku3{width: 30px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku4{width: 24px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku5{width: 18px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
.waku6{width: 18px; padding:3px 0px; border: 0.0px solid #333; text-align:left;}
h1 {font-family: "Helvetica Neue"; font-size: 48px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h2 {font-family: "Helvetica Neue"; font-size: 30px; font-weight: 300; line-height: 1;  padding:0; margin:0}
h3 {font-family: "ヒラギノ角ゴシック"; font-size: 26px; font-weight: 600; line-height: 1.00;  padding:0; margin:0}
h4 {font-family: "ヒラギノ角ゴシック"; font-size: 20px; font-weight: 600; line-height: 2.00;  padding:0; margin:0}
h5 {font-family: "ヒラギノ角ゴシック"; font-size: 18px; font-weight: 600; line-height: 1.62;  padding:0; margin:0}
h6 {font-family: "ヒラギノ角ゴシック"; font-size: 18px; font-weight: 600; line-height: 1.62;  padding:0; margin:0}
p1 {font-family: "ヒラギノ明朝ProN"; font-size: 42px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p2 {font-family: "ヒラギノ明朝ProN"; font-size: 33.6px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p3 {font-family: "ヒラギノ明朝ProN"; font-size: 26px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p4 {font-family: "ヒラギノ明朝ProN"; font-size: 20px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p5 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 100; line-height: 1;  padding:0; margin:0}
p6 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 100; line-height: 1;  padding:0; margin:0}
}