#info #contents{background:none; margin:.5em auto 3em; position: relative; box-shadow:none; border-radius:0; padding:0; border:none;}
#info article {margin:0 auto 3em; background-color:rgba(255,255,255,0.6); padding:2em 2em 3em; box-shadow:8px 8px 18px rgba(126,100,64,0.3); }
#info article h2{width:100%; padding:0 0 .2em !important; line-height:140%; font-weight:800; font-size:160%; position: relative; color:#003686; border-bottom:1px solid #003686;}
#info article h3{font-size:130%; line-height:140%; font-weight:bold; padding:.5em 0 0; color:#003686;}
#info article h4{padding:.5em 0 0; font-weight:bold; line-height:140%;}
#info article h5{padding:1em 0 .5em; font-weight:bold; font-size:110%; line-height:140%;}

h2 + p {padding:1.5em 0 1em !important;}
h3 + p {padding:.5em 0 1em !important;}
h4 + p {padding:.5em 0 1em !important;}
h5 + p {padding:.5em 0 1em !important;}
h2 + h3 {padding:.5em 0;}
#info span.f85{line-height:140% !important; padding:.3em 0;}

#info article p{word-break: break-all; padding:1em 0 .5em; line-height:1.7;}
#info article p a{text-decoration:none; color:#ca0915; transition: 0.3s; text-decoration:underline;}
#info article h3 span.line {background: linear-gradient(transparent 75%, rgba(238,204,160,0.5) 75%); padding:0 0 .2em;}

#info article span.date {padding:.1em .25em .1em; display:inline-block; font-size:120%; margin:0 0 .4em 0; letter-spacing:.05em; position:relative; padding:0 0 0 1.3em; color:#eb5522;}
#info article span.date:before{
content: "";
width:20px;
height:1px;
background-color:#eb5522;
position: absolute;
left: 0;
top:45%;
}

#info .bdr{padding:1em 1.2em; margin:2.5em 0 .5em; border:1px solid #6a3906;}
#info .bdr p{padding:0 0 .5em; font-size:100%;}
#info .bdr h3{padding:.3em 0 .3em; font-size:150%; font-weight:600; color:#7d4189; background-color:rgba(255,255,255,0.5); margin:.5em 0;}

.ph2line{display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.ph2line > .ph_cut{width:48%; height:auto; padding:31.98% 0 0; margin:1.5em auto 1em;}

a.btn_info {font-size:150%; font-weight:700; display: block; width:40%; text-align:center; margin:1.5em auto 1.5em; color:#003686; padding:1.2em 0; transition:.5s ease-in-out; box-shadow:8px 6px  rgba(235,85,34,0.15); border-radius:50px; border:1px solid #003686;}
a.btn_info:hover{color:#fff; background-color:#003686;}
p + a.btn_info{margin:.6em auto 1em;}

.cap,.cap2{padding:0 0 .8em !important; line-height:1; margin:-.8em 0 0; text-align:center; font-size:85%;}
.cap2{margin:-1.2em 0 0; line-height:135% !important;}
.cap3{margin:2em 0 0; padding:0 !important; line-height:135% !important; text-align:center; color:#eb6100; }
.cap3 + .btn_df{margin:.5em auto 1.8em !important;}
.btn_df + .cap{margin:-1.5em 0 .5em !important;}

#news20230409 table{width:100%; pading:0;}
#news20230409 table td{text-align:left; padding:0 0; line-height:150%;}
#news20230409 table td.naka{vertical-align:top; width:2%;}
#news20230409 table td.post{vertical-align:top; width:15%;}

@media all and (min-width: 768px) {
#info .ph_cut_l{width:450px; height:600px; margin:1.5em auto 1em;}
#info .emb{width:800px; height:450px; margin:1.5em auto .5em !important;}
#info .emb iframe {width:100%; height:450px;}
/*#info article:first-child{margin:1em auto 3em;}
#info article:last-child{margin:0 auto 2em;}*/
.square{width:500px; height:500px; margin:1.5em auto !important;}
.ytbthum{height:393px; margin:.5em auto 0;}
}

@media all and (max-width: 767px) {
#info #contents {margin:0 auto 6%;}
#info article{margin:0 auto 6%; padding:4% 5% 5%;}
#info article:last-child{margin:0 auto 4%;}
#info article h2{line-height:120%; font-size:5vw; background-size:150%;}
#info article h3{font-size:4.4vw; line-height:140%;}
#info article h4{padding:.5em 1em 0; font-size:3.6vw;}
#info article h5{padding:.5em 0 0 1em; font-size:120%;}
#info article p {padding:1em 0 .5em !important;}
#info .bdr h3{padding:.3em 0; font-size:4.5vw; margin:2% 0;}
#info article h2 span.line {padding:0 0 .1em;}

h2 + p {padding:.5em 0 1em !important;}
#info article h3 + p {padding:.5em 0 !important;}
#info article h4 + p {padding:.2em 1em 1em !important;}
h2 + h3 {padding:.2em 0 0;}
.cap,.cap2{margin:-1em 0 0; line-height:150% !important;}
.btn_info + .cap{margin:-1.5em 0 0;}
.cap3{margin:2% 0 0;}
.cap3 + .btn_df{margin:1% auto 6% !important;}
.btn_df + .cap{margin:-2.5em 0 1em !important;}
#info .ph_cut_l{width:80%; height:0; padding:106.7% 0 0; margin:1em auto .5em;}
#info .ph_cut {margin:1em auto .5em;}
.ytbthum{padding:56.25% 0 0; margin:1% auto 0 !important;}
a.btn_info{width:75%; margin:5% auto 5%; padding:5.5% 0; font-size:4.8vw;}

#info .emb {width:100%; position: relative; padding:56.25% 0 0; height: 0; overflow: hidden; height:auto; margin:1em auto .5em;}
#info .emb iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

#info .bdr{width:100%; margin:5% auto 4%; padding:2.5% 3% !important;}
#info .bdr + p{padding:0 0 1em !important;}
#info article span.date{margin:0 0 .3em; padding:.5% 1% .3% 5%;}
#info article span.date:before{
width:3.7vw;
height:1px;
}
.square{width:90%; padding:90% 0 0 !important; margin:1em auto 1em !important;}

#news20230409 table td{font-size:3.5vw; padding:.5% 0;}
#news20230409 table td.post{width:28vw;}
}

@media all and (max-width: 320px) {
}