@charset "utf-8";

#main_content * {
  box-sizing: content-box !important;
}

@media screen and (min-width:768px){/*パソコン*/

/*
.y_navi {
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 15px 0;
  padding: 10px 0;
  background-color: #f5f5f5;
  border-top: #999 solid 1px;
  border-bottom: #999 solid 1px;
}

.y_navi li {
  display: block;
  float: left;
  width: 160px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
}

.y_navi li:before {
  content:">　";
}

.y_navi a {
  color: #033;
  text-decoration: none;
}
*/

.navi_title {
  position: relative;
  top: -320px;
  left: 50px;
  width: 250px;
  height: 100px;
  margin: 0;
  padding: 0;
  font-size: 45px;
  font-weight: bold;
  font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.kamoku_nav {
  display: block;
  position: relative;
  top: -80px;
  width: 100%;
  height: 150px;
  /* background-color:#066; */
}

.kamoku_nav li {
  display:block;
  float: left;
  width: 130px;
  height: 30px;
  margin: 6px 0 0 6px;
}

.kamoku_nav li a {
  display: block;
  width: 130px;
  height: 25px;
  padding-top: 6px;
  border: #000 solid 1px;
  border-radius: 7px;
  background-color: #f9f3c6;
  color: #666;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}

.kamoku_nav li a:before {
  content:"▼";
}

.kamoku_nav li a:hover {
  background-color:#f6f6f6;
  color:#666;
}

.mainbox {
  margin: 0;
  background-color: #f2f8f9;
}

.mainbox > p {
  width: 90%;
  margin: 20px auto;
  /* padding-left: 15px; */
  /* padding-right: 10px; */
  font-size: 16px;
  letter-spacing: 2px;
}

.mainbox p:before {
  content: "　";
}

.main_title {
  width: 950px;
  height: 30px;
  padding: 10px;
  background-color: #333;
  color: #fff;
  font-size: 22px;
}

.sub_title {
  margin: 30px 0 10px 50px;
  font-weight: bold;
  font-size: 19px;
}

.sub_title_l {
  font-size: 19px;
  font-weight: bold;
  margin: 30px 0 10px 50px;
}/*スマホ用*/

.mainbox table {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
}

.mainbox td {
  padding: 3px;
  border-collapse: collapse;
  border: #666 1px solid;
  font-size: 80%;
}



/*acc_Note*/

.acc_note {
  display: block;
  width: 850px;
  margin: 30px auto;
}

.n_acd-check {
  display: none;
}

.n_acd-label {
  display: block;
  position: relative;
  margin-bottom: 0;
  padding: 30px;
  /* border: #ccc 1px solid; */
  /* background-color:#66cc66; */
  /* color: #c00; */
  font-size: 20px;
  text-align: center;
}

.n_acd-content {
  display: none;
  visibility: hidden;
  height: 0;
  padding: 0;
  /* border: 1px solid #ccc; */
  /* background: #fff; */
  opacity: 0;
  transition: .5s;
}

.n_acd-content ul {
  margin-bottom: 0;
}

.n_acd-check:checked + .n_acd-label + .n_acd-content{
  display: block;
  position: relative;
  top: -90px;
  left: -47px;
  width: 950px;
  height: auto;
  opacity: 1;
  /* background-color:#0000cc; */
  padding: 0px;
  visibility: visible;
}

.n_acd-content > p {
  width: 90%;
  margin: 50px auto;
  font-size: 16px;
  letter-spacing: 2px;
}

.n_acd-label:after {
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px 20px 35px 0;
  font-size: 16px;
  /* font-family: "こぶりなゴシック W6 JIS2004","Koburina Gothic W6 JIS2004",Sans-Serif; */
  content: '続きをよむ>>>';
}

.n_acd-check:checked + .n_acd-label:after {
  padding:25px 20px 25px 0;
  font-family: "こぶりなゴシック W6 JIS2004","Koburina Gothic W6 JIS2004",Sans-Serif;
  content: '';
}

.n_acd-content > .abox a {
  display: block;
  width: 835px;
  height: auto;
  margin: 10px 5px 5px 5px;
  padding: 15px 0 15px 25px;
  background-color: #d5d5d5;
  color:#09f;
  font-size:20px;
}

.top_lk {
  margin-right: 30px;
  padding: 10px 0;
  color: #666;
  font-size: 12px;
  text-align: right;
}

.top_lk a {
  text-decoration: none;
}

.tb {display:none;}
.sp {display:none;}

}

/*
@media screen and (max-width:896px){/*タブレット*
.kyotsu_main_contents {
  width: 100%;
  margin: 0;
  padding:0;
  background-color: #fcc;
}

.header {
  width:100%;
  height:auto;
  background-color:#900;
}

.logo img {
  width: 70%;
  padding: 3% 0 3% 3%;
}

.navi_title {
  position: relative;
  top: -120px;
  left: 40px;
  width: 250px;
  height: 100px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 130%;
  font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}

.pc {display:none;}
.sp {display:none;}

}
*/


@media screen and (orientation: portrait) and (max-width: 767px){/*スマホ*/
.kyotsu_main_contents {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.header {
  width: 100%;
  height: auto;
  background-color: #036eb8;/*230202坂根変更*/
  margin-top: 0;
  padding-top: 0;
}

.logo img {
  width: 80%;
  margin: 3%;
}

.navi_title {
  display: block;
  font-size: 140%;
  text-align: center;
}

/*
.y_navi {
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 3% 0;
  padding-top: 5px;
  border-top: #ccc solid 1px;
  border-bottom: #ccc solid 1px;
  background-color: #fefded;
}

.y_navi ul {
  margin: 0;
  padding-left: 0;
}

.y_navi li {
  display: block;
  float: left;
  width: 33%;
  height: 27px;
  margin-left: 0;
  background-color: #fff;
  font-size: 80%;
  text-align: center;
  list-style: none;
}

.y_navi li:before {
  content:"> ";
}
*/

.kamoku_nav {
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 3%;
  /* background-color:#c66; */
}

.kamoku_nav ul {
  margin: 0;
  padding-left: 0;
}

.kamoku_nav li {
  display: block;
  float: left;
  width: 33.3%;
  list-style: none;
}

.kamoku_nav li a {
  display: block;
  width: 100%;
  padding: 2px 0;
  border: #999 solid 1px;
  background-color: #066;
  color: #fff;
  font-size: 70%;
  text-align: center;
  text-decoration: none;
}

.kamoku_nav li a:before {
  content: "▼";
}

.mainbox {
  width:98%;
  margin:5% auto;
  background-color:#f3f3f3;
}

.main_title {
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 1% 0;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
}

.sub_title {/*　中央に配置　*/
  margin: 4% 0;
  font-weight: bold;
  font-size: 100%;
  text-align: center;
}

.sub_title_l {/*　左よせ　*/
  margin: 4% 0 4% 2%;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
}

.mainbox p {
  width: 98%;
  margin: 0 1%;
  font-size: 90%;
  letter-spacing: 1px;
}

.mainbox p:before {
  content: "　";
}

.mainbox table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
}

.mainbox td {
  padding: 2px;
  border-collapse: collapse;
  border: #666 1px solid;
  font-size: 80%;
}

/*acc_Note*/

.acc_note {
  display: block;
  width: 100%;
  margin: 0px auto;
}

.n_acd-check {
    display: none;
}

.n_acd-label {
  display: block;
  position: relative;
  margin-bottom: 0;
  padding: 30px;
  font-size: 90%;
  text-align: center;
}

.n_acd-content {
  display: none;
  visibility: hidden;
  height: 0;
  padding: 0;
  opacity: 0;
  transition: .5s;
}

.n_acd-content ul {
  margin-bottom: 0;
}

.n_acd-check:checked + .n_acd-label + .n_acd-content {
  display: block;
  position: relative;
  top: -35px;
  left: 0px;
  visibility: visible;
  width: 98%;
  height: auto;
  padding: 0px;
  opacity: 1;
}

.n_acd-content > p {
  display: block;
  width: 100%;
  margin: 0 1% 5% 1%;
  font-size: 90%;
}

.n_acd-label:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0px;
  box-sizing: border-box;
  padding: 20px 20px 35px 0;
  font-size: 90%;
  /* font-family: "こぶりなゴシック W6 JIS2004","Koburina Gothic W6 JIS2004",Sans-Serif; */
  content: '続きをよむ>>>';
}

.n_acd-check:checked + .n_acd-label:after {
  padding: 25px 20px 25px 0;
  font-family: "こぶりなゴシック W6 JIS2004","Koburina Gothic W6 JIS2004",Sans-Serif;
  content: '';
}

.n_acd-content > .abox a {
  display: block;
  width: 100%;
  height: auto;
  margin: 10px 5px 5px 5px;
  padding: 15px 0 15px 25px;
  background-color: #d5d5d5;
  color: #09f;
  font-size: 20px;
}


.sp_footer {
  overflow: hidden;
  width :100%;
  height: auto;
  padding: 2% 0;
  background-color: #036eb8;/*230202坂根変更*/
  color: #fff;
  font-size: 60%;
  text-align: center;
}

.top_lk a {
  display: block;
  margin-right: 2%;
  padding: 2% 0;
  color: #666;
  font-size: 60%;
  text-align: right;
  text-decoration: none;
}

.pc {display:none;}
.tb {display:none;}

}