body,body *{margin:0;padding:0;box-sizing:border-box;font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */'Segoe UI',/* Windowsの欧文 */ 'YuGothicM', /* Windows8.1以上は游ゴシック */ YuGothic,/* Macの游ゴシック */'Hiragino Kaku Gothic ProN', 'Meiryo', /* 游ゴシックが入っていないWindows */'sans-serif';}
.fLeft{float:left;}
.fRight{float:right;}
h1{margin-top:5px;}
h2,h3{font-weight:normal;}
h2{font-size:36px;color:#333;}
h3{color:#023894;line-height:1.2;font-size:20px;}
p,ol{font-size:16px;color:#333;}
#Contents{background:url(../img/bg.gif) repeat center center;padding-bottom:100px;}
footer{text-align:center;background:#023894;line-height:6em;color:#fff;}
.w100p{width:100%;text-align:center;}
header{border-bottom:1px solid #e5e5e5;text-align:center;}
h1+p{font-size:14px;color:#999;text-align:right;}
nav ul{display:flex;list-style:none;margin:10px 0;}
nav ul a{display:inline-block;padding:5px 10px;border:1px solid #023894;color:#023894;text-decoration:none;height:100%;}
nav ul li{margin-right:5px;}
nav ul a i{margin:0 0 0 5px;}
#Top{display:flex;}
section h2{margin:20px 0 0 0;white-space: nowrap;}
section h2 + p{margin:0 0 15px;}
section > h2:first-child{display:inline-block;background:url(../img/title_bg.gif) repeat center center;margin:100px 20px 20px;padding:10px 30px ;}
.flexbox{display:flex;flex-wrap: wrap;}
.flexbox div{background:#fff;padding:20px 10px;text-align:center;}
.flexbox div p,.flexbox div ol,.flexbox div h3{text-align:left;}
.flexbox div p{margin:15px 0 0 0;}
.block{display:flex;flex-wrap: wrap;background:#fff;text-align:left;}
.block div p{margin: 0 0 10px;}
.block div h3{margin:5px 0;}
.block div.img img{width:100%;}
ol{margin: 15px 0 0 1.5em; /* サイトに合せて調整 */color:#333;}
ol li {list-style-type: none;counter-increment: cnt;}
ol li::before {content: counter(cnt) "）";display:inline-block;margin-left:-1.5em; /* サイトに合せて調整 */width: 1.5em; /* サイトに合せて調整 */}
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 0;
  background: #666666;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.fixed {position: fixed;top: 0;left: 0;width: 100%;background:#fff;border-bottom:1px solid #ccc;}

/*min-width:731px*/
@media screen and (min-width:731px){
.spv{display:none;}
.pcv{display:block;overflow:hidden;}
header{position: fixed;width: 100%;height: 80px;background:#fff;}
#Contents{padding-top: 0px;}
.logo{width:55px;margin:5px;float:left;}
nav {float:right;width:60%;}
nav ul{justify-content: flex-end;margin:20px 0 0 0;}
#Top{float:left;width:38%;margin:5px 0;}
.flexbox div{width:32%;margin:0 0 15px 1.2%;}
.flexbox div img{width:60%;}
.block{padding:20px 10px;margin:0 0.5% 0 1.2%;}
.block div.img{width:25%;float:left;}
.block div{width:73%;float:right;}
section > h2:first-child{margin:100px 20px 20px;}
}
/*min-width:1000px*/
@media screen and (min-width:1000px){
#HeaderInner,section{width:1000px;margin:auto;}
}
/*max-width:730px*/
@media screen and (max-width:730px){
.spv{display:block;}
.pcv{display:none;}
nav ul a{text-align:center;}
#Top{flex-wrap: no-wrap; justify-content: center;}
.logo{width:50px;margin:5px;}
.page_title{width:60%;}
section > h2:first-child{font-size:34px;}
nav ul li{width:22.3%;}
nav ul li:first-child{width:calc(35% - 5px);margin-left:5px;}
nav ul li a{width:100%;}
.flexbox div{width:48%;margin:0 0 15px 1.2%;}
.flexbox div img{width:60%;}
.block div.img{width:30%;}
.block div{width:68%;float:right;}
.block{padding:20px 10px;margin:1.2%;}
section > h2:first-child{margin:30px 20px 20px;}
#c02,#c03,#c04{padding-top:50px;}
}
@media screen and (max-width:500px){
.flexbox div{width:100%;margin:0 0 15px 0;padding:10px 5px;}
.flexbox div img{width:30%;float:left;}
.flexbox div h3,.flexbox div p{width:68%;float:right;}
.flexbox div ol{width:calc(68% - 2em);float:right;}
.block{padding:10px 5px;margin:0;}
}