@charset "utf-8";

html {
	font-size: 15px;
    font-family: sans-serif;
  background: #fff;
}
@media only screen and (min-width: 768px) {
	html {
		font-size: 16px;
	}
}
html * {
	box-sizing: border-box;
}

body {
	margin: 0;
	 background: #fff; 
	font-family: sans-serif;
}
p {
  line-height: 1.8;
}
h2 {
  font-family: "UD新ゴ M";
  margin: 0;
  text-align: left;
  border-left: 8px solid #006666;
  padding-left: 12px;
  font-size: 1.4rem;
  color: #006666;
}
h3 {
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;
  padding: 8px;
  border-radius: 5px;
  background-color: #157599;
}
@media screen and (min-width: 768px) {
  h3 {
    margin-left: 30px;
  }
}

#fp h3 {
  width: 350px;
  margin-left: 0;
  margin-top: 40px;
  text-align: center;
  color: #fff;
}
h4 {
  margin: 10px;
  margin-left: 0;
  padding: 10px;
  padding-left: 0;
  font-size: 18px;
}
.oshirase {
  margin: -10px 0 0 10px;
}
.main-col .box {
  margin: 0 10px 30px 10px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.main-col .phone {
    margin: 0 auto;
    padding: 0 30px;
}
.main-col .phone img {
    width: 100%;
}
h5 {
  margin: 8px;
  padding: 8px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  color: #006666;
}
.small-title {
  font-weight: 600;
  color: #006666;
  text-align: center
}
.main-col .soudanin img {
  width: 90%;
  margin: 10px 20px;
}
.main-col .soudanin img:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 768px) {
  .main-col .soudanin img {
    width: 80%;
  }
}
.number {
  margin-top: -8px;
  height: 30px;
  background-color: #006666;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  line-height: 30px;
}
.number a {
  text-decoration: none;
  color: #fff;
}
.number a:hover {
  color: bisque;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .number {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
  }
}
/*.mitane .float-box {
  margin-top: 30px;
  width: 30%;
  float: right;
}
.mitane .float-box img {
  width: 100%;
}
.mitane {
    margin: 0;
    padding: 0;
}
.mitane .float-clear {
  overflow: hidden;
}
.mitane .shikaku {
    margin: 0;
    padding: 0;
}
.mitane .shikaku .flyer {
    margin: 0;
    padding: 10px;
    display: flex;
    flex-flow: row;
    border: none;
}
.mitane .shikaku .flyer .mae {
    width: 50%;
    border: none;
}
.mitane .shitaku .flyer .mae:hover {
    color: blue;
}
.mitane .shikaku .flyer .ato {
    width: 50%;
}
.mitane .shikaku .flyer img {
    width: 200px;
    padding-left: 50px;
}*/
.float-box {
  float: right;
  margin-right: 1em;
  margin-bottom: 0.5em;
  vertical-align: baseline;
}
.float-box img {
  width: 30%;
}
.float-clear {
  overflow: hidden;
}
.mitane ul {
  list-style: none;
  width: 100%;
  margin: 20px 0;
  padding: 10px 20px;
  border: solid 1px #666;
  border-radius: 5px;
}
.mitane .kiji {
  margin: 0;
}
.mitane .kiji .kiji1 {
  margin: 0;
  padding: 0;
  border: 0px none;
}
.mitane .kiji .kiji2 {
  margin: 0;
  padding: 0 0 0 8px;
  width: 40%;
  border: 0px none;
  vertical-align: top;
}
.mitane .kiji1 {
  margin: 0;
  width: 60%;
  text-align: left;
  vertical-align: top;
}
.mitane .kiji2 img {
  margin: 0;
  width: 100%;
}
.mitane .kiji2 img:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 768px) {
  .mitane {
    margin: 0 10px;
  }
}
.mitane .lisence p {
  margin: 0 ;
}
/* .mitane .float-none {
  clear: both;
} */
.mitane figure {
  float: right;
  height:auto;
  margin: 0 15px 15px 15px;
  width: 30%;
}
figure img {
  margin: 0;
  width: 100%;
}
.mitane .lisence img:hover {
  opacity: 0.7;
}
.mitane li {
  margin: 10px 0;
  padding: 5px;
  border-bottom: 1px dotted #666;
}
.mitane li:last-child {
  border-bottom: none;
}

.mitane .paper-text {
  width: 55%;
  float: left;
}
.mitane .paper-image img {
  margin-left: 15px;
  width: 40%;
}
.mitane a {
  text-decoration: none;
}
.mitane a:hover {
  text-decoration: underline;
}
.mitane .profile-text {
  width: 70%;
  float: left;
}
.mitane .profile-image {
  width: 25%;
  margin-left: 15px;
}
@media only screen and (min-width: 768px) {
  .mitane .profile-text {
    width: 80%;
  }
  .mitane .profile-image {
    width: 15%;
    margin-bottom: 0;
  }
}

.mitane .houmu-text {
  width: 66%;
  float: left;
}
.mitane .houmu-img img {
  width: 30%;
  margin-left: 10px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .mitane .houmu-text {
    width: 45%;
  }
  .mitane .houmu-img img {
    width: 50%;
    margin-bottom: 0;
  }
}
.main-col .fb1 {
  background-color: floralwhite;
  margin: 20px 0 40px 0px;
  padding: 0;
  text-align: center;
  display: flex;
  flex-flow: column;
}
.main-col .fb1 .part1 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
}
.main-col .fb1 .tile:hover {
  opacity: 0.7;
}
.main-col .fb1 .part1 li {
  width: 35%;
}
.main-col .fb1 .part2 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row;
}
.main-col .fb1 .part2 li {
  width: 35%;
}
.main-col .fb1 ul img {
  margin: 0;
  padding: 0;
  width: 95%;
  border: 1px solid #ccc;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .main-col .fb1 {
    display: flex;
    flex-flow: row;
  }
}
.e-icon {
  margin: 10px;
  margin-bottom: 20px;
  width: 97%;
}
.e-icon ul {
  list-style: none;
  margin: 15px 0;
  padding: 5px;
  padding-left: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f8f1e6;
}
.e-icon .icon {
  margin-top: 10px;
}
.e-icon .icon:hover {
  opacity: 0.7;
}
.e-icon .title {
  text-align: left;
  font-size: 16px;
}
.e-icon .title a {
  text-decoration: none;
  color: #006666;
}
.e-icon .title a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .e-icon {
    display: flex;
    flex-flow: row wrap;
    margin: 10px auto;
  }
  .e-icon ul {
    flex: 0 0 48%;
    margin: 10px 7px;
  }
}
.toi {
  margin-top: 0;
}
.toi a {
  text-decoration: none;
  color: #000;
  font-weight: 600;
}
.toi a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
.toi10 {
  width: 200px;
  margin: 10px 30px;
  margin-left: 20px;
  padding: 10px;
  border: 1px solid #157599;
  border-radius: 20px;
  text-align: center;
  background-color: #dbe8f0; 
}
.toi10 a {
  text-decoration: none;
  color: #006666;
  font-weight: 600;
}
.toi1 {
  list-style: none;
  padding: 5px;
}
.toi1 li {
  padding-bottom: 10px;  
}
.toi1 a {
  text-decoration: none;
  color: #006666;
}
.toi1 a:hover {
  text-decoration: underline;
}
.form {
  width: 95%;
  margin: 0 auto;
}
.main-contents .time {
  margin-top: 15px;
  list-style: circle;
  color: #006666;
}

.coution {
  margin-bottom: 30px;
  text-decoration: underline;
}
.fp1 {
  margin-bottom: 20px;
  margin-left: 0;
  width: 320px;
  padding: 8px 20px;
  border-top: 1px solid #157599;
  border-bottom: 1px solid #157599;
  font-size: 16px;
  font-weight: bold;
  background-color: #dbe8f0;
  color: #157599;
}
.point-fp3 {
  width: 130px;
}
.point-waku {
  margin: 8px;
  padding: 18px;
  border: 1px solid #CCC;
  border-radius: 5px;
}
.fp3 {
  margin-left: 0;
  border-radius: 5px;
  background-color: #990000;
  color: #fff;
}
.as1 {
  display: inline;
  padding: 8px 20px;
  border-top: 1px solid #006666;
  border-bottom: 1px solid #006666;
  background-color: azure;
  font-size: 16px;
  font-weight: bold;
  color: #006666;
  text-align: center;
}
#syukatsu .s-shiten ul {
  margin: 10px;
  margin-top: 20px;
  padding-left: 0;
  padding-bottom: 10px;
  display: flex;
  flex-flow: row;
  list-style: none;
  border-bottom: 1px solid #ccc;
}
#syukatsu .s-shiten .mae {
  width: 25%;
}
#syukatsu .s-shiten .ushiro {
  width: 75%;
}
#syukatsu .arasoi {
  margin: 0 auto;
  margin-bottom: 30px;
  width: 95%;
}
.as2 {
  width: 120px;
  padding: 20px o;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  background-color: #006666;
  color: #fff;
}
.as3 {
  margin-top: 30px;
  text-align: left;
  font-size: 18px;
  padding: 0 0 0 10px;
  border-left: 4px solid #006666;
  border-bottom: none;
}
.as5 {
  width: 140px;
  padding: 20px o;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  background-color: #006666;
  color: #fff;
}
.as4 {
  width: 140px;
  padding: 20px o;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  background-color: #006666;
  color: #fff;
}

#oya .oya1 {
  list-style: none;
  padding-left: 10px;
}
#oya .oya1 .dai {
  font-size: 18px;
  font-weight: 600;
  color: #006666;
}
#oya .renkei img {
  width: 300px;
  margin-left: 40px;
}
#kouken .main-col {
  margin: 3px;
}
#kouken .news li {
  padding-bottom: 5px;
}
#kouken .kouken1 img {
  margin: 0 20px 20px 0 ;
  width: 30%;
  display: flex;
  float: left;
}
@media only screen and (min-width: 768px) {
  #kouken .kouken1 img {
  margin: 0 20px 0 0 ;
  width: 18%;
  display: flex;
  float: left;
}
}
#kouken .koukenpic img {
  width: 40%;
  display: flex;
  float: right;
}
@media screen and (min-width: 768px) {
  #kouken .koukenpic img {
    width: 30%;
  }
}
#kouken .kou1 {
  margin-left: o;
  padding-left: 0;
  text-align: left;
  font-size: 16px;
  border-bottom: none;
}
#kouken .syurui {
  list-style: none;
  padding-left: 10px;
}
#kouken .syurui li {
  padding-left: 10px;
  padding-bottom: 10px;
}
#kouken .nini {
  margin: 0 auto;
  width: 90%;
}
#kouken .nini img {
  margin: 20px 10px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #kouken .nini {
    margin: 20px 0;
    width: 70%;
  }
}
#oya .main-col {
  margin: 5px;
}
#oya .oya2 img {
  display: flex;
  float: left;
  margin: 0 20px 20px 0;
  width: 30%;
}
@media only screen and (min-width: 768px){
  #oya .oya2 img {
  display: flex;
  float: left;
  margin: 0 20px 20px 0;
  width: 20%;
}
}
#oya .ninchi {
  list-style: none;
  padding-left: 20px;
}
#oya .kazoku4 {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 30px;
}
#oya .shintaku {
  width: 70%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}
#oya .shintaku:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #oya .shintaku {
  width: 50%;
  text-align: center;
  }
}
#oya .shintaku10 {
  margin: 0;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#oya .shintaku101 {
  margin: 0;
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  #oya .main-col {
    margin: 0 50px;
  }
}

.select {
  margin-left: -30px;
  margin-right: -30px;
  display: flex;
  flex-flow: column;
}
.select ul {
  list-style: none;
  padding-left: 0;
  margin: 40px;
  display: flex;
  flex-flow: column;
}
.select .pic {
  margin: 0 10px;
  text-align: center;
}
.select li {
  margin: 0 10px;
}
.select a {
  text-decoration: none;
}
.select a:hover {
  text-decoration: underline;
}
.select img {
  margin: 20px;
  width: 120px
}
.select img:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .select {
    margin: 0 10px;
    display: flex;
    flex-flow: row;
  }
  .select ul {
    margin: 10px;
    width: 33%;
  }
  .select li {
  margin: 0;
  text-align: left;
}
}
.consul {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .consul {
    width: 90%;
    margin: 0 auto;
  }
}

.news .pics2 img {
  width: 85%;
  margin-left: 30px;
}
@media only screen and (min-width: 768px) {
  .news .pics2 img {
    width: 70%;
    margin-left: 40px;
  }
}

.pics img {
  display: block;
  width: 80%;
  margin: 0 auto;
}
.pics p {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pics {
    width: 80%;
    margin: 0 auto;
  }
}
.line-1 {
  margin: 20px;
  text-align: center;
}
.fp-info {
  padding: 20px;
  border: 1px solid #157599;
  border-radius: 5px;
}
.fp-point {
  margin: 0 10px;
  color: #990000;
}
.fp-point li {
  list-style:disc
}
#oya .hukushi-title {
  margin-left: 20px;
}
#about .line img {
  margin:0 20px 0 20px;
  width: 100px;
}
#about .office {
  margin: 0 0 10px 0;
  text-align: center;
}
#about .office img {
  width: 80%;
}
#about .fp-rogo2 {
  width: 100%;
  margin: 5px 0;
  padding-top: 0;
  border-top: 1px solid #666;
}
#about .fp-rogo2 img {
  margin: 5px 15px;
  width: 75%;
  float: left;
}
#president .main-col .president {
  margin: 20px 30px;
  text-align: center；
}
#president .note {
  margin: 10px 20px;
  width: 30%;
  float: right;
}
#president .haikei {
  margin: 10px 0 10px 20px;
}
#president .keigu {
  margin: 0 30px 0 0;
  text-align: right;
}
#president .note img {
  width: 100%;
}
#president .tuchida {
  margin: 20px;
  float: right;
}
#president .kitijitsu {
  margin-left: 30px;
}
#president .tuchida p {
  text-align: center;
}
#fp .yuigon1 img {
  display: flex;
  float: left;
  margin: 15px 20px 20px 0;
  width: 30%;
}
@media only screen and (min-width: 768px) {
  #fp .yuigon1 img {
  display: flex;
  float: left;
  margin: 15px 20px 20px 0;
  width: 20%;
}
}
#fp .chui3 {
  display: flex;
  flex-flow: column;
} 
@media only screen and (min-width: 768px) {
  #fp .chui3 {
  display: flex;
  flex-flow: row;
} 
}
#fp .rei img {
  margin: 0;
}
#fp .news a:hover {
  text-decoration: underline;
}

#fp .news .fp-pic {
  margin: 0;
  width: 45%;
  float: right;
}
#fp .news .fp-pic2 {
  margin-left: 15px;
  margin-top: 10px;
  padding: 0;
  width: 30%;
  float: right;
}
#fp .yuigon10 {
  margin: 0 auto;
  width: 80%;
}
#fp .yuigon10 img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #fp .yuigon10 {
    margin: 0 auto;
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
#fp .news .top-list {
  display: flex;
  flex-flow: column
}
}
@media only screen and (min-width: 768px) {
  #fp .news .haka2 {
    display: flex;
    flex-flow: column;
  }
}
#fp .news ul {
  padding-left: 10px;
}
#fp .news li {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  #fp .news ul {
    display: flex;
    flex-flow: row;
  }
  #fp .news ul .mae {
  width: 20%;
  }
  #fp .news ul .ato {
  width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #fp .news .hoken2 {
    display: flex;
    flex-flow: column;
  }
}

#fp .news .bunkatsu {
  list-style: decimal;
  display: flex;
  flex-flow: column;
}
#fp .news .bunkatsu li {
  padding-bottom: 10px;
}
#fp .zei img {
  margin: 0 0 10px 18px;
  width: 40%;
  float: right;
}
@media only screen and (min-width: 768px) {
  #fp .zei img {
    width: 30%;
  }
}
#fp .news .kane {
  margin: 0 0 10px 20px;
  width: 35%;
  float: right;
}
@media only screen and (min-width: 768px) {
  #fp .news .kane {
    margin-left: 30px;
    width: 30%;
  }
}
#fp .news .musuko {
  margin-top: 20px;
  margin-left: 30px;
  width: 60%;
}
#fp .office-fp ul {
  list-style: none;
  display: flex;
  flex-flow: column;
  padding-left: 0;
  width: 90%;
  margin: 0 auto;
}
#fp .office-fp .ue {
  margin-top: 30px;
  width: 100%;
  text-align: center;
}
#fp .office-fp .ue img {
  width: 150px;
  margin-top: 6px;
  margin-left: 0px;
  margin-bottom: 0;
  }
#fp .office-fp .sita {
  text-align: center;
  margin-bottom: 30px;
  width: 100%;
}
#fp .office-fp .sita img {
  width: 200px;
  margin: 0;
}
@media screen and(min-width: 768px) {
  #fp .office-fp ul {
    display: flex;
    flex-flow: row;
  }
  #fp .office-fp ue {
    width: 70%;
  }
  #fp .office-fp sita {
    width: 30%;
  }
}

.main-contents {
  padding:  0 0 20px 0;
  background: #fff;
  display: flex;
  flex-flow: column;
}
.sidebar {
  margin: 30px 20px;
}
.banner {
  display: block;
  width: 95%;
  margin: 0 auto;
  margin-bottom: 7px;
  padding: 10px;
  border: 1px dotted #ccc;
}
.banner img {
  width: 100%;
}
.banner a {
  text-decoration: none;
}
.banner a:hover {
  opacity: 0.7;
}
.banner .title {
  text-align: center;
}
.banner p {
  padding: 0;
  color: #000;
}
.subnav {
  margin: 20px 20px;
  padding: 0;
  list-style: none;
}
.subnav li {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #dadada;
  text-align: center;
}

.subnav li a {
  margin-left: 20px;
  text-decoration: none;
}
.subnav li a:hover {
  text-decoration: underline;
}
.main-col {
  margin: 10px;
}
@media screen and (min-width: 768px) {
  .main-contents .main-col {
    margin: 0 20px;
  }
}
.main-col .set {
  margin: 20px 0 0 0;
  text-align: center;
}
.main-col .set img {
  width: 100%;  
}
/** .main-col p {
  margin: 0;
} **/
@media screen and (min-width: 768px) {
  .main-col .set img {
    width: 90%;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .main-contents {
    display: flex;
    flex-flow: row;
  }
  .main-col {
  margin: 0;
  padding: 30px 0 30px 0;
  flex: 1 1 auto;
  order: 2;
}
 .sidebar {
  display: block;
  margin: 10px 20px;
  padding: 24px 0 30px 0;
  flex: 0 0 300px;
  border-right: 1px solid #ccc;
  }
}

.news {
  padding: 10px;
}
.news ul {
  margin: 24px 0;
}
.news li {
  margin: 10px;
}
.news img {
  margin: 20px 10px;
  width: 95%;
}
.news .top {
  
}
p a:hover{
  text-decoration: underline;
  color: cadetblue;
}
#topbutton {
    position: fixed;
      bottom: 18px;
      right: 18px;
      width: 2em;
      height: 38px;
      display: none;
      background-color: #7bae34;
      opacity: 0.75;
      border-radius: 24px;
      text-align: center;
      font-size: 120%;
      font-weight: bold;
      margin: 0px;
      padding: 10px;
   }
#topbutton a {
      color: white;
      text-decoration: none;
   }
#topbutton a:hover {
     opacity: 0.5;
   }

/* ヘッダー */
header {
  position: relative;
  height: 60px;
  border-bottom: 1px solid #ddbc9b;
  /*
    background-image: url(../images/bg-mob.png); */
  background-position: right top;
}
/*
@media screen and (min-width: 768px) {
  header {
    background-image: url(../images/bg.png);
  }
} */

 .header-img img {
  width: 300px;
  margin-left: 30px;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  header {
  height: 80px;  
  }
  .header-img img {
  width: 400px;
  margin-left: 60px;
  margin-top: 20px;
}
}

.header-navbtn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 30;
	width: 60px;
	height: 60px;
	background: url(../images/navbtn.png) no-repeat;
	background-size: 60px 60px;
}
.header-navbtn:hover {
  background: url(../images/navbtnhover.png) no-repeat;
  background-size: 60px 60px;
}
.header-navbtn:hover, .header-navbtn:active {
	background-color: #f5e4da;
}
@media only screen and (min-width: 768px) {
	.header-navbtn {
		display: none;
	}
}
/* ヘッダー終わり */

/* ナビゲーション */
nav {
	font-size: 0.78rem;
	background: #000000;
}
@media only screen and (min-width: 768px) {
	nav {
		font-size: 1rem;
	}
}
.nav-container {
	position: absolute;
	top: 62px;
	right: 0;
	z-index: 20;
	margin: 0;
	padding: 0;
	width: 200px;
	background: #006666;
	box-shadow: 0px 5px 5px  rgba(0,0,0,0.4);
}
.globalnav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.globalnav li a {
	display: block;
	padding: 15px 20px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	line-height: 100%;
	color: #ffffff;
}
.globalnav li a:hover,
.globalnav li a.current {
	border-bottom: 8px solid #fff;
	color: #f5e4da;
}
@media only screen and (min-width: 768px) {
	.nav-container {
		position: relative;
		top: 0;
		left: 0;
		padding: 0px;
		width: 100%;
		background: none;
		box-shadow: none;
	}
	.globalnav {
		display: flex;
	}
	.globalnav li {
		flex: 0 0 20%;
	}
	.globalnav li a {
		padding: 10px 0;
		border-bottom: 8px solid #ffffff;
		text-align: center;
	}
	.globalnav li a:hover,
	.globalnav li a.current {
		border-bottom: 8px solid #006666;
      }
}
/* ナビ終わり */

/* メインコンテンツ　*/

#oya .main-col .nenkin {
  margin: 10px;
}
#oya .main-col .nenkin img {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
}

#as .main-col .top {
  margin: 0;
  border-collapse: collapse;
}

#as .top td {
  padding: 20px 10px;
  border: none;
  text-align: left;
  vertical-align: top;
}
#as .top .syu-td {
  width: 170px;
}
#as .top a {
  text-decoration: none;
  color: #000;
}
#as .top a:hover {
  text-decoration: underline;
  color: brown;
}
#as .ending-note img {
    float:right;
    width: 30%;
    margin: 10px;
}
.stuff .info {
  padding-left: 0;
  width: 95%;
  list-style: none;
  border-bottom: 1px dotted #a2a2a2
}
.stuff .info:last-child {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .stuff .info {
    margin-left: 20px;
    width: 80%;
  }
}
.stuff .info .ue {
  padding-left: 10px;
}
.stuff .info .shita {
  padding-left: 30px;
}
.comment {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #666666;
}
.main-col .huka {
  margin: 0 20px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .stuff table {
    margin: 0 20px;
    margin-bottom: 10px;
  }
}

.stuff img {
  width: 120px;
}
#oya .lank {
  list-style: none;
  margin: 10px 0 0 0;
  padding-left: 10px;
}
#oya .mae {
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  #oya .stage {
    width: 90%;
    margin: 0 auto;
  }
  #oya .lank {
    display: flex;
    flex-flow: row;
  }
  #oya .mae {
    width: 15%;
  }
  #oya .ato {
    width: 85%;
  }
}

#oya h4 {
  font-size: 17px;
  color: #006666;
}
#oya .kinshi {
  list-style: none;
  margin: 0;
  margin-left: 20px;
  padding: 10px 10px 10px 20px;
  border: 1px solid #ccc;
  width: 80%;
}
@media only screen and (min-width: 768px) {
  #oya .kinshi {
    width: 60%;
  }
}

#oya .zaisan {
  margin: 0;
  width: 90%;
  margin: 0 auto
}
@media only screen and (min-width: 768px) {
  #oya .zaisan {
    width: 80%;
    margin: 0 auto;
  }
}

#oya .tokucho {
  list-style: decimal
}
#oya .rei {
  margin: 20px 0;
  padding: 0 18px;
  border: 1px solid #ccc;
}
#oya .rei {
  border-radius: 5px;
}
#oya .shien {
  margin: 0 auto;
  width:  95%;
}
@media only screen and (min-width: 768px) {
  #oya .shien {
    width: 80%;
  }
}
#oya .skime ul {
  list-style: decimal;
}
.guide {
  list-style: none;
  display: flex;
  flex-flow: row;
  padding: 0;
}
.title {
  display: block;
  width: 100%;
  margin: 5px;
  padding: 10px;
}
.keyvisual img {
    margin-top: 30px;
}
#as .as-keyvisual {
  display: block;
}
#as .as-keyvisual img {
  width: 95%;
  margin-left: 20px
}
#as .mokuji li {
  margin-bottom: 10px;
}
#as .mokuji li a {
  text-decoration: none;
}
#as .mokuji li a:hover {
  text-decoration: underline;
}

#as .fee {
  border-collapse: collapse;
}
#as .syurui {
  background-color: aliceblue;
}
#as .tani {
  background-color: aliceblue;
}
#as .housyu {
  background-color: aliceblue;
}
#as .biko {
  background-color: aliceblue;
}
#about .mail-form {
  margin-left: 20px;
  color: #006666;
  font-weight: 600;
}
#about .mail-form a {
  text-decoration: none;
  color: #006666;
}
#about .mail-form a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
#about .room {
    margin: 0;
  list-style: none;
  display: flex;
  flex-flow: column;
  padding-left: 10px;
}
#about .room .line {
    margin: 0;
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px sold #ccc;
}
#about .room .dai {
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px) {
  #about .room {
    flex-flow: column;
  }
}
#about figure {
  margin: 0;
  margin-left: 20px;
  float: right;
  width: 30%;
}
#about figure img {
  margin: 0;
}
@media screen and (min-width: 768px) {
}
#about .contact {
  margin: 0;
  width: auto;
  background-color: #fff;
  color: #006666;
}
.main-col .denwa a {
  margin-left: 30px;
  color: #006666;
  font-weight: 600;
  font-size: 20px;
  text-decoration: none;
}
.main-col .denwa a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
.main-col .denwa2 {
  margin: 0 auto;
  width: 95%;
}
.main-col .denwa2 img {
  padding-top: 40px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .main-col .denwa2 {
    width: 80%;
  }
}
.main-col .denwa .one li {
  padding-bottom: 10px;
}
.main-col .shitsumon {
  margin: 20px 0 30px 0;
}
.main-col .shitsumon a {
  text-decoration: none;
  color: brown
}
.main-col .help img {
    display: flex;
    float: right;
    margin: 10px 0 15px 15px;
    width: 40%;    
}
.main-col .shitsumon a:hover {
  text-decoration: underline;
  color: #006666;
}
.main-col .top-line {
  margin: 30px 0;
}
.point {
  margin: 20px 0 10px;
  width: 200px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.syukatsu-visual img {
  margin: 0;
  width: 100%;
}
.syukatsu li {
}
.lititle {
  padding-bottom: 10px;
  font-weight: bold;
}

#fp .main-col {
  margin: 5px;
}
@media screen and (min-width: 768px) {
  #fp .main-col {
    margin: 0 50px;
    padding: 30px 0 30px 0;
  }
}

#fp .main-col .fp-pic img {
  width: 93%;
  margin: 20px;
}
#fp table {
  border-collapse: collapse;
  margin: 20px 10px;
}
#fp table td {
  padding: 10px 20px;
}
#fp .main-col li {
  margin-bottom: 10px;
}
#fp .hoken2 {
    margin-left: 20px;
}
#fp .hoken {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: column;
}
#fp .hoken .left {
  font-weight: 700;
}
#fp .hoken .right {
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  #fp .hoken {
    display: flex;
    flex-flow: row;
  }
  #fp .hoken .left {
    width: 20%;
  }
  #fp .hoken .right {
    width: 80%;
  }
}
summary:hover {
  font-weight: 600;
}
#as .biko {
  width: 100px;
}

.keyvisual img {
    margin-top: 30px;
	width: 100%;    
}
@media screen and (min-width: 768px) {
    .keyvisual img {
        margin-top: 40px;
        width: 70%;
    }
}
.ending .familly img {
  margin: 0 10px 18px 20px;
  width: 30%;
  float: right;
}
.ending-pic {
  max-width: 95%;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 20px;
}
.ending-pic img {
  width: 90%;
  margin-left: 30px;
  margin-bottom: 20px;
}
#as .ending-note img {
  display: flex;
    float: right;
    margin: 20px　10px 10px 20px;
    width: 40%;
}
#as .end-top {
  margin-left: -20px;
  width: 40%;
  text-align: left;
}

#access .access {
  list-style: none;
  display: flex;
  flex-flow: column;
  border-bottom: 1px solid #ccc;
}
#access .access .bun {
  margin-left: -20px;
}
@media screen and (min-width: 768px) {
  #access .access {
  list-style: none;
  display: flex;
  flex-flow: row;
    border-bottom: 1px solid #ccc;
 }
  #access .access .bun {
    width: 60%;
  }
}

#access .map {
  margin-left: -20px;
  width: 250px;
}
@media screen and (min-width: 768px) {
  #access .map {
    padding-left: 20px;
    width: 250px;
  }
}

#access .news table {
  margin: 20px 0 20px 10px;;
}
#access table td {
  margin: 10px;
  padding: 8px;
  border: none;
  text-align: left;
  vertical-align: top
}
#access td img {
  margin: 10px 0;
  width: 250px;
}

.top-qa {
  margin-bottom: 40px;
}
.top-qa .qa a {
  text-decoration: none;
}
.top-qa .qa a:hover {
  text-decoration: underline;
}
.top-qa ul {
  list-style: none;
  padding-left: 0;
  width: 95%;
}
.top-qa .q {
  margin: 40px 10px 20px 10px;
  padding: 8px 18px;
  background-color: aliceblue;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.top-qa .a {
  margin: 0 26px;
}
@media screen and (min-width: 768px) {
  .top-qa ul {
    width: 80%;
  }
}
.top-qa .qa {
  margin: 30px 50px 40px 50px;
  width: 80%;
  list-style:circle;
}
.top-qa .qa li {
  margin: 10px;
}
#sozoku .kaiwa {
  list-style: none;
}
#sozoku .kaiwa li {
  margin-bottom: 20px;
}
#sozoku .zu {
  margin: 30px auto;
  margin-top: 0;
  width: 90%;
}
@media screen and (min-width: 768px) {
  #sozoku .zu {
    width: 75%;
  }
}

#sozoku .wariai {
  margin: 0 auto;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #sozoku .wariai {
    width: 70%;
  }
}
#seizen .main-col {
  margin: 2px;
}
#seizen .douga {
  margin: 0 auto;
  width: 70%;
  padding: 30px 0;
}
#seizen .douga video {
  width: 100%;
}
#seizen .miyori img {
  margin-right: 30px;
  width: 30%;
  display: flex;
  float: left;
}
@media only screen and (min-width: 768px) {
  #seizen .miyori img {
  margin-right: 30px;
  width: 20%;
  display: flex;
  float: left;
}
}
#seizen .miyori2 {
  list-style: none;
  color: #006666;
}
#seizen .rouhuuhu {
  width: 80%;
  margin: 0 auto;
}
#seizen .mimamori1 img {
    margin-left: 20px;
    width: 100%;
}
@media screen and (min-width: 768px) {
  #seizen .mimamori1 {
    width: 80%;
  }
}
#seizen .mimamori {
  margin: 0;
  padding-left: 20px
}
#seizen .mimamori li {
  margin-bottom: 4px;
}
@media screen and (min-width: 768px) {
  #seizen .mimamori {
    width: 70%;
  }
}

#seizen .ninchisho {
  margin-bottom: 0;
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 768px) {
  #seizen .ninchisho {
    display: flex;
    flex-flow: row;
  }
  #seizen .ninchisho1 {
    width: 70%;
  }
  #seizen .ninchisyo2 {
    width: 30%;
  }
  #seizen .ninchisyo2 img {
    margin: 0 10px;
  }
}
#seizen .rougo {
  margin: 0 auto;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #seizen .rougo {
    margin: 0 auto;
    padding: 30px 0;
    width: 70%;
}
}
.akiya-pic {
  margin-bottom: 20px;
}
.akiya-pic img {
  width: 90%:
}
@media screen and (min-width: 768px) {
  .news .akiya-pic {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.fp-color {
  color: #006666;
}
.sodan  td {
  text-align: left;
  vertical-align: middle;
}
.sodan .dai {
  background-color: aliceblue;
}
#about #form {
  margin-left: 20px;
  margin-top: -10px;
  width: 200px;
}
#about #form:hover {
  opacity: 0.7;
}
#seizen #form {
  margin-left: 20px;
  margin-top: -10px;
  width: 200px;
}
#seizen #form:hover {
  opacity: 0.7;
}
#vieu {
    display: block;
}
#vieu .kensaku {
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
#vieu .kensaku table{
    border-collapse: collapse;
}
#vieu .kensaku td {
    border: 1px solid #000;
    padding: 20px;
}
#vieu .kensaku {
    font-size: 20px;
    font-weight: 100;
}
#vieu .kensaku .modoru img {
    width: 100px;
    margin: 0;
}
@media screen and (min-width: 768px) {
  #vieu .kensaku {
    width: 50%;
    margin: 0 auto;
  }
}

/* メインコンテンツレイアウト部分終わり */

/* フッター */
footer { }
.footer-container {
	padding: 20px;
	background: #CFE0DC;	
}
.footer-container a {
    text-decoration: none;
}
.copyright {
	margin: 0;
	font-size: 0.9rem;
	color: #000000;
}
.copyright a {
  color: #000;
}
.copyright a:hover {
  text-decoration: underline;
}
/* フッター終わり */


/* ナビゲーションを最初は非表示。 */
#js-slidemenu {
	display: none;
}
/* パソコン向けではナビゲーションを常に表示 */
@media only screen and (min-width: 768px) {
	#js-slidemenu {
		display: block !important; 
	}
}
/* ナビゲーションが開いたときに画面を暗くする処理のためのCSS */
.js-slidemenu-effect {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}