@charset "utf-8";
/*
============================================================
page setting
============================================================
*/

/* bar */
h2[id^="p"]{
   margin-top:3.5vh;
}
div[id^="p"]{
   padding:1em;
   margin-bottom:10vh;
}


/* Top Images */
#topimage .SliderTYPE4 {
   margin-bottom:4em;
   position:relative
   overflow:hidden;
   max-height:800px;
}
#topimage .TW_WB_JS_SLIDE ul,
#topimage .TW_WB_JS_SLIDE li{
   padding:0;
   border:none;
   line-height:1px;
}
.on__{
   display:none;
}
.off__{
   display:block;
}



#p1-container iframe{
   margin:auto;
   max-width:500px;
   max-height:600px;
   display:block;
}


.TW_WB_preset1 {}
.TW_WB_preset1 ul{}
.TW_WB_preset1 li{
   clear:both;
   display:block;
   min-height:72px;
   width:100%;
   
   padding-bottom:5px;
   margin-bottom:6px;
   border-style:none none dotted none;
   border-width:1px;
   border-color:#eee;
}

.TW_WB_preset1 .TW_WB_image,
.TW_WB_preset1 .TW_WB_image_small,
.TW_WB_preset1 .TW_WB_image_medium,
.TW_WB_preset1 .TW_WB_image_large,
.TW_WB_preset1 .TW_WB_image_overlarge {
   display:block;
   width:72px;
   height:72px;
   float:left;
}
.TW_WB_preset1 .TW_WB_date {
   margin-left:78px;
   display:block;
}
.TW_WB_preset1 .TW_WB_link {}
.TW_WB_preset1 .TW_WB_title {
   margin-left:78px;
   display:block;
}
#p1-container .newsList {
   margin-bottom:2.2em;
}


#p2-container ul {
   padding:0 2em;
}
#p2-container li {
   width:calc( 100% * 1/3 );
   display:inline-block;
   vertical-align:top;
   padding:1.2em;
}
#p2-container li h3 {
   margin-left:1.8em;
   padding:2px 5px;
   width:130px;
   background-color:#af951b;
   color:#fff;
   font-weight:bold;
}
#p2-container li p {
   padding:1em;
   min-height:25vh;
   border-width:5px;
   border-style:solid;
   border-color:#af951b;
   background-color:#f0eccf;
   border-radius:15px;
   line-height:160%;
}
@media only screen and (max-width:900px) {
   #p2-container li {
      width:calc( 100% * 1/2 );
   }
}
@media only screen and (max-width:700px) {
   #p2-container ul {
   padding:0 0.2em;
   }
   #p2-container li {
      width:calc(100%);
   }
}




#p3-container ul {}
#p3-container li {
   width:calc( 100% * 1/2 );
   display:inline-block;
   vertical-align:top;
   padding:1em;
}
#p3-container dl {
   padding:1.2em 1.2em 0 1.2em;
   border-width:5px;
   border-style:solid;
   border-color:#ce7a23;
   border-radius:15px;
   background-color:#f3efd1;
   min-height:63vh;
}
#p3-container li:nth-child(2) dl {
   border-color:#164e7a;
}
#p3-container dt {
   width:60px;
   display:inline-block;
   vertical-align:top;
}
#p3-container dd {
   width:calc( 100% - 60px );
   display:inline-block;
   padding-bottom:1.2em;
   vertical-align:top;
}
#p3-container figcaption {
   margin-left:2em;
   padding-bottom:-10px;
   background-color:#ce7a23;
   display:inline-block;
}
#p3-container li:nth-child(2) figcaption {
   background-color:#164e7a;
}
#p3-container figcaption img {}
@media only screen and (max-width:700px) {
   #p3-container li {
      width:calc( 100%);
   }
}



#p4-container iframe{
   margin:auto;
   max-width:800px;
   max-height:600px;
   display:block;
}
#p4-container p{
   margin:auto;
   max-width:800px;
   margin-bottom:1em;
}

@media only screen and (max-width:900px) {
   iframe {
      width:100%;
      height:40vh;
   }
   #p4-container p{
      width:100%;
   }
}

#p5-container {
   margin-bottom:10vh;
}
#p5-container a[class^="num"] {
   margin:auto;
   display:block;
   max-width:500px;
}
#p5-container a.num1{
   margin-bottom:1em;
}
#p5-container img {
   margin:auto;
   display:inline-block;
   max-width:500px;
}
#p5-container .num1 {
   margin-bottom:1em;
}
@media only screen and (max-width:500px) {
   #p5-container img {
      max-width:100%;
      max-height:auto;
   }
}



/* Page Top */
.pageTop,
.newsList {
   text-align:right;
   padding:0 0.8em;
}
.pageTop a,
.newsList a {
   display:inline-block;
   color:#18598a;
   font-weight:bold;
}
.pageTop a:before{
   content:"▲";
   transform:rotate(90deg);
   -webkit-transform:rotate(90deg);
}

.newsList a img {
   padding-right:3px;
}