@charset "UTF-8";
.pages img {
      width: 100%;
      height: auto;
}
.bg_light-orange {
     background: #ffac5a;
}

.mv {
   position: relative;
   display: block;
   width: 100%;
   margin: 0 auto;
}
.mv .image {
   position: relative;
   display: block;
   width: 100%;
}
.mv .image img {
     width: 100%;
     height: auto;
}


.mv .page-tit {
     position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0 auto;
  display: table;
  text-align: center;
}
.mv .logo2 {
     position: absolute;
  top: 20px;
  left: 3%;
      width: 150px;
      position: fixed;
      z-index: 2000;
}
.mv .logo2 img {
      width: 100%;
     height: auto;
}
@media screen and (max-width: 945px) {
.mv .logo2 {
  top: 5px;
  left: 5px;
      width: 130px;
}
}@media screen and (max-width: 768px) {
.mv .logo2 {
  top: 3px;
  left: 5px;
      width: 100px;
}
}



.pages-box {
    position: relative;
   display: block;
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
    padding: 100px 0 1px;
}

.pages-box h2.img-tit {
      display: block;
      width: 80%;
      max-width: 500px;
     margin: 0 auto 40px;
}
.pages-box h3 {
      text-align: center;
      padding: 0 20px;
}
.pages-box .memo {
     width: 100%;
     max-width: 800px;
     margin: 30px auto;
     padding: 0 20px;
}
.pages-box .image {
      display: block;
      width: 100%;
     margin: 60px auto 0;
}

.boxs-btn {
      position: relative;
   display: block;
   width: 80%;
   max-width: 400px;
   margin: 70px auto;
   background: #ffac5a;
    padding: 30px 10px;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
}

.boxs-btn a {
       font-family: "M PLUS 1p", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Arial, sans-serif;
       color: #fff;
       font-size: 30px;
       font-size: 3.0rem;
       line-height: 1.0;
       letter-spacing: 0.1rem; 
       font-weight: 500;
}
.boxs-btn a span{
       display: block;
       font-size: 15px;
       font-size: 1.5rem;
       line-height: 1;
       letter-spacing: 0;
       padding-bottom: 10px;
}

.three-boxs {
      position: relative;
   display: block;
   width: 100%;
   margin: 0 auto;
   background: #ffac5a;
    padding: 50px 0 80px;
}

.three-boxs .titles {
      display: block;
      width: 60%;
      max-width: 531px;
      margin: 0 auto;
}

.three-boxs ul {
       display: block;
      width: 94%;
      max-width: 1200px;
      margin: 50px auto;
      padding: 30px;
      background: #fff;
}

.three-boxs ul li {
      width: 30.3%;
      margin: 1.5%;
      float: left;
}

.page-memo {
        display: block;
        margin: 30px auto;
        text-align: center;
}

.three-boxs ul li h6 {
          margin: 10px auto;
}

.end-boxs {
     position: relative;
   display: block;
   width: 100%;
   max-width: 1200px;
   background: #fae6dc;
   margin: 0 auto;
    padding: 50px 0 1px;
}

.end-boxs table {
    width: 90%;
    max-width: 900px;
    margin: 50px auto 0;
}
 
.end-boxs table th,
.end-boxs table td {
    padding: 20px;
}
 
.end-boxs table th {
    background: #ffc15e;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    width: 200px;
    overflow: visible;
    position: relative;
    font-weight: bold;
}
 
.end-boxs table td {
    background: #f9f9f9;
    padding-left: 50px;
    text-align: left;
}

    
@media screen and (max-width: 768px) {
.pages-box {
    position: relative;
   display: block;
   width: 100%;
   margin: 0 auto;
    padding: 30px 0 1px;
}

.pages-box h2.img-tit {
      display: block;
      width: 80%;
      max-width: 500px;
     margin: 0 auto 20px;
}
.pages-box h3 {
      text-align: center;
      padding: 0 20px;
}
.pages-box .memo {
     width: 100%;
     max-width: 800px;
     margin: 20px auto;
     padding: 0 20px;
}
.pages-box .image {
     margin: 0 auto 0;
}

.boxs-btn {
      position: relative;
   display: block;
   width: 90%;
   max-width: initial;
   margin: 40px auto;
    padding: 25px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
}

.boxs-btn a {
       font-size: 30px;
       font-size: 3.0rem;
       line-height: 1.0;
       letter-spacing: 0.1rem; 
       font-weight: 500;
}
.boxs-btn a span{
       display: block;
       font-size: 15px;
       font-size: 1.5rem;
       line-height: 1;
       letter-spacing: 0;
       padding-bottom: 6px;
}

.three-boxs {
    padding: 20px 0 30px
}

.three-boxs .titles {
      display: block;
      width: 80%;
      max-width: initial;
      margin: 0 auto;
}

.three-boxs ul {
       display: block;
      width: 94%;
      margin: 20px auto;
      padding: 15px;
}

.three-boxs ul li {
      width: 100%;
      margin: 0 auto 25px;
      float: none;
}

.three-boxs ul li:last-child {
     margin: 0 auto;
}

.page-memo {
        display: block;
        margin: 20px auto;
        text-align: left;
        padding: 0 10px;
}

.three-boxs ul li h6 {
          margin: 10px auto;
}

.end-boxs {
     position: relative;
   display: block;
   width: 100%;
   max-width: initial;
   background: #fae6dc;
   margin: 0 auto;
    padding: 20px 10px 1px;
}

.end-boxs table {
    width: 100%;
    margin: 20px auto 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.end-boxs table th, .end-boxs table td {
   display: block;
   width: 100%;
}


.end-boxs table th {
    padding: 10px 20px;
    text-align: left;
}

.end-boxs table td {
    background: #fff;
    padding: 20px;
    text-align: left;
}
}


footers {
  position: relative;
  display: block;
  background: #392424;
  padding: 10px 0;
  text-align: center;
}
footers small {
  font-family: 'Quicksand', sans-serif;
   font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.1rem; 
       letter-spacing: 0;
      color: #fff;
}


#page-top2 {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index:1000;
}

#page-top2 a {
    background-color: rgba(42,42,42,0.3);
    text-decoration: none;
    color: #fff;
    width: 40px;
   height: 40px;
    line-height: 40px;
    font-size: 2rem;
    text-align: center;
    display: block;
    
}

#page-top2 a:hover {
    text-decoration: none;
    background-color: rgba(42,42,42,0.6);
}

@media screen and (max-width: 768px) {
  footers small {
 font-size: 11px;
        font-size: 1.1rem;
   }
#page-top2 {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index:1000;
}

#page-top2 a {
    background-color: rgba(42,42,42,0.3);
    text-decoration: none;
    color: #fff;
    width: 30px;
   height: 30px;
    line-height: 30px;
    font-size: 2rem;
    text-align: center;
    display: block;
    
}
}

/*-----------news------------*/

.newsBox {
background: #fff;
width: 90%;
max-width: 1024px;
margin: 40px auto;
border-radius: 30px;
padding: 40px;
box-sizing: border-box;
}
.indList,
.indListS {
	margin-bottom:15px;
}
.indList li,
.indListS li {
	line-height:170%;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:5px;
}
.indListS li {
	font-size: 1.1rem !important;
	line-height:130%;
}
.indList li::before,
.indListS li::before {
	content: '・';
	font-size: 50%;
	margin-right: 5px;
	vertical-align: middle;
}
.titleArea {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 40px;
}

.titleArea h2 {
  padding: 0.5em;
  background: #fffaf4;
  border-left: solid 5px #e78913;
  font-size: 28px;
  font-size: 2.8rem;
  letter-spacing: 0;
  margin-bottom: 10px;
  line-height: 1.7;
}

.titleArea .date {
font-weight: bold;
text-align: right;
}

.newsBox h3 {
color: #e78913;
font-size: 20px;
font-size: 2.0rem;
margin-bottom: 20px;
padding: 0;
}

.newsBox span.red {
color: #CF060A;
font-weight: bold;
}

.backBtn {
padding: 60px 0 30px;
}

.bscBtn a {
background: #e78913;
display: block;
color: #fff;
padding: 30px 0;
width: 300px;
border-radius: 5px;
text-align: center;
margin: 0 auto;
font-weight: bold;
}

.bscBtn a:hover {
background: #d47c0d;
}

@media screen and (max-width: 900px) {
.titleArea h2 {
  font-size: 18px;
  font-size: 1.8rem;
}
.newsBox h3 {
font-size: 16px;
font-size: 1.6rem;
}

.bscBtn a {
width: 100%;
}
}


/* indent
-------------------*/

.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.top25{margin-top:25px !important;}
.top30{margin-top:30px !important;}
.top35{margin-top:35px !important;}
.top40{margin-top:40px !important;}
.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:90px !important;}