.gpwbase {
  width:100%;
  max-width:800px;
  margin:0 auto;
  padding:0 25px;
  box-sizing:border-box;
}
.gpwbase a {font-size:15px;line-height:1.9}
.gpwbase h1 {text-align:center;margin:50px 0 30px 0;font-size:32px;line-height:1.2}
.gpwbase p {
  color:#000000;
  line-height:190%;letter-spacing:.03em;font-size:15px;
  text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.gpwbase h2 {font:normal 22px/1.5 Meiryo, Arial}

.gpwbann {
  width:100%;
  margin:-40px auto 0px;
  /*
  height:360px;
  padding:10px;
  box-sizing:border-box;
  background:url("/img/GPX/GPW2025bann.png") no-repeat center; 
  background-size: cover;
  */
}
.gpwbann .kage {
   font-weight:bold;
   font-size:48px;
   text-shadow: 2px 2px 2px #20a003, -1px 1px 1px #20a003, 1px -1px 1px #20a003, -1px -1px 1px #20a003
}
.gpwbann .kagek {
   font-weight:bold;
   font-size:48px;
   text-shadow: 1px 1px 1px #555, -1px 1px 1px #555, 1px -1px 1px #555, -1px -1px 1px #555
}
.gpwbann h1, .gpwbann h2, .gpwbann h3 {line-height:1.2;color:white}
.gpwbann h2, .gpwbann h3 {text-align:left;margin:0;line-height:1.3}
.gpwbann h1 {text-align:center;margin:35px 0 5px;font-size:40px}
.gpwbann h2 {margin-bottom:0px;font-size:28px;
   text-shadow: 1px 1px 1px #333, -1px 1px 1px #333, 1px -1px 1px #333, -1px -1px 1px #333}
.gpwbann h3 {font-size:20px;margin:3px 0 0 100px;padding:0;
   text-shadow: 1px 1px 1px #555, -1px 1px 1px #555, 1px -1px 1px #555, -1px -1px 1px #555
}
.btnflex {
 list-style:none;
 padding:0;margin:20px 0 0 0;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 -webkit-align-items: center;
 align-items: center;
 flex-wrap:wrap
}
.btnflex li:hover {
 color:salmon;
 color:green;
 background-color:#aaa;
  opacity: 0.65;
  background-color: #005400;
  color:white;
}
.btnflex li {
 padding:8px 0;
 width:190px;
 font:bold 18px/1.8 Arial;
 text-align:center;
 border-bottom:solid 3px #005400;
 background-color:#eeeeee;
 color:#444;
}

.btnflex li.selected {
 font-weight:bold;
 color:#ff9999;
 color:white;
 background-color:#000;
 background-color:#005400;
}

/* div.word {margin:12px 0;padding-left:75px;background:url(/img/512538.gif) 8% 32% no-repeat;}
 */
div.word {margin:12px 50px;padding-left:40px;background:url(/img/icons/word_icon_24.png) 0% 32% no-repeat;}
.wscourse {font-family:Meiryo,Arial;color:#111111}
.wscourse span {color:#111111;font-size:15px}
.wscourse a h3{color:#224b73;margin:0 0 10px 50px}

.infopanel { background-color:#fcfcf7;padding:30px 30px 15px 30px;margin:30px 10px;border:solid 1px #ddf;border-radius:4px;}
.infopanel h2 {font-weight:bold;font-family:Arial;color:#224b73;font-size:22px;font-style:italic;text-align:center}
.infopanel h3 {padding:0;margin:25px 0 0 20px;color:#224b73}
.infopanel h4 {font-size:15px;line-height:200%;padding:0;margin:0;color:#224b73}
.infopanel p {padding:5px 20px}

.app_notice {max-width:720px;margin:0 auto;padding:20px 10px 25px 15px}
/*.app_notice li { font-size:15px;list-style-type:none;text-indent:-1.5em}
.app_notice li:before{content:"※ "} */
.course_notice li { font-size:15px;list-style-type:none;text-indent:-1.5em}
.course_notice li:before{content:"※ ";}

.schedule {margin:30px 0 20px 60px}
.schedule table {max-width:560px;}
.schedule td {font:normal 15px/150% Meiryo, Arial;vertical-align:top;letter-spacing:.065em}
.schedule td:first-child {width:18%}
.schedule td.right {padding-left:0px}

.introd h2 {margin:20px 0;text-align:center}
.hlt {font-weight:bold;letter-spacing:0;text-decoration:underline;}
.plink {text-align:right;margin-bottom:20px}

.wsagenda h2 {margin-top:70px}
.wsagenda h3 {margin:0px;padding:0}
.wsagenda ul li {padding-top:0;line-height:2.2;font-size:16px;font-family:"Arial"}
.wsagenda ul li {color:#888}
.wsagenda span {color:#000;font-size:16px}
.wsagenda a h3{color:#224b73;margin:0 0 10px 50px}

.ipad p,.ipad ol li {font:normal 15px/2.0 Meiryo}
.ipad p.narr {margin-left:20px;margin-right:20px}
.ipad ol li a {font-size:18px}
.ipad table {margin:20px auto;max-width:640px;border-top:solid 1px #888;border-left:solid 1px #888}
.ipad td {border-right:solid 1px #888;border-bottom:solid 1px #888;font:normal 15px/100% Meiryo}
.ipad h2 {margin:120px 0 25px 0;padding:5px;font-size:24px}
.ipad h2.bg {background-color:#e6e6fa}
.ipad h3 {font-size:22px;margin:30px 0 5px 0px;padding-bottom:0px;color:#555}
.ipad h3.b {margin:30px 0 20px 0;border-bottom:solid 1px #aaa;padding-bottom:5px}
.ipad h4 {font-size:18px;margin-bottom:10px;color:#555}
.ipad img.gazo360 {display:block;max-width:400px;margin:20px auto 60px}
.ipad img.gazo600 {display:block;width:100%;max-width:600px;margin:20px auto 60px}
.ipad img.icon {display:inline;margin:0;width:40px;vertical-align:middle}
.ipad img.bl {border:solid 1px #cacaca}
.ipad .back2menub {text-decoration:underline;text-align:right}
.ipad span.aka {color:#ff0000;font-size:18px}
.ipad span.mizu {color:#009cdd}
.ipad span.toukou {border-radius:5px;padding:5px 6px;color:white;background-color:#5179e1}
.in-page h2 {
 font-size:24px;text-align:center;font-style:italic;color:#fff;
 background-color:#333333;padding:5px 0;
}

@media (max-width: 767px) {
 ul {margin-left:20px;margin-right:0;padding-right:0px;padding-left:0px}
}