
/*  タイトル　 */

.page_archivebox-ttl-img{
 margin-top: 135px;
 position: relative;
}
.page_archivebox-ttl-img img{
 object-fit: cover;
 width: 100%;
 height: 380px;
}
.page_archivebox-ttl-img::after{
 width: 100%;
 height: 17px;
 bottom:0;
 background: rgba(255,255,255,0.4);
 content: "";
 display: block;
 position: absolute;
}

.page_archivebox-ttl{
 font-weight: bold;
 position: absolute;
 width: 100%;
 text-align: center;
 top: 50%;
 left: 50%;
 letter-spacing: 30px;
 text-indent: 30px;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 font-size: 42px;
 color:#fff;
 text-shadow: 0px 2px 20px #000;
 font-family: "fot-tsukuardgothic-std", sans-serif;
 font-weight: 700;
 font-style: normal;
}
.page_archivebox-ttl span{
  display: inline-block;
  letter-spacing: 15px;
  text-indent: 15px;
}
.page_archivebox-ttl02{
 font-weight: bold;
 position: absolute;
 width: 100%;
 text-align: center;
 top: 50%;
 left: 50%;
 letter-spacing: 15px;
 text-indent: 15px;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 font-size: 42px;
 color:#fff;
 text-shadow: 0px 2px 20px #000;
 font-family: "fot-tsukuardgothic-std", sans-serif;
 font-weight: 700;
 font-style: normal;
}
@media only screen and (max-width: 769px) {
	.page_archivebox-ttl-img {

					margin-top: 80px;
					position: relative;
				}

        .page_archivebox-ttl span{
          display: inline-block;
          line-height: 50px;
          letter-spacing: 12px;
          text-indent: -18px;
        }
        .page_archivebox-ttl span:nth-child(2){
          display: inline-block;
          line-height: 50px;
          letter-spacing: 12px;
          text-indent: 12px;
        }
			}


/* サブタイトル　　*/
.page-subttl{
    font-size: 28px;
    margin: 15px auto 20px;
    padding: 4px 5px;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-weight: 700;
    font-style: normal;
    border-bottom: solid 4px #F4C202;
    text-align: center;
    width: fit-content;
}

.page-subttl02{
    width: 100%;
    color: #2CA9E1;
    border-bottom: solid 1px #2CA9E1;
    padding: 0 0 3px 0;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.page-subttl02 span{
  font-size: 16px;
  padding: 3px;
}
@media only screen and (max-width: 769px) {

	.page-subttl{
		 margin: 15px auto 20px;
	}
}


/*  ボックス　*/
.pages__aria{
 		margin: 80px 0 140px;
}
.pages__box01{
  margin: 60px 0 60px;
}
.pages__box01-2{
  margin: 40px 0 60px;
}
@media only screen and (max-width: 769px) {
	.pages__aria{
	 		margin: 80px 0 100px;
	}
  .pages__box01{
    margin: 60px 0 60px;
  }
}

/* 画像 */

.page__img {
  　max-width: 100%;
    width: 100%;
    margin: 60px auto 40px;
}

.page__img img {
    border-radius: 20px;
}
/*  テキスト　*/

.page__center-text{
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}
.page__center-text{
  width: 100%;
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
}
.template__text02 {
    margin: 0px 0 0 0;
    font-size: 16px;
    line-height: 1.4;
}
.template__text02 span {
    display: inline-block;
    padding-bottom: 5px;
}
.page-right-text-small{
  display: block;
  margin: 0 0 0 auto;
  text-align: left;
  width: fit-content;
}


.sinro__table01{
 max-width: 938px;
 width: 100%;
 margin: 70px auto 100px;
}
.sinro__table01 table{
 vertical-align: middle;
 width: 100%;
 line-height: 25px;
}
.sinro__table01 th{
 font-size: 16px;
 padding: 5px 0;
 text-align: center;
 font-weight: bold;
 background: rgba(222,243,249,0.5) ;
 vertical-align: middle;
 border: solid 1px #BEBEBE;
 box-sizing: border-box;
 text-align: center;
 padding: 25px 10px;
}
.sinro__table01 td{
 font-size: 16px;
 font-weight: bold;
 padding: 10px 0 10px 0;
 text-align: left;
 vertical-align: top;
 border: solid 1px #BEBEBE;
 box-sizing: border-box;
 padding: 15px 10px;
}

.sinro__table01 .sinro__table01-content01{
	width: 26%;
}
.sinro__table01-ttl02,
.sinro__table01 .sinro__table01-content02{
	width: 37%;
	flex-shrink: 0;
}
.sinro__table01 .sinro__table01-content03{
	width: 10%;
	text-align: center;
}
.sinro__table01 .sinro__table01-content04{
	width: 27%;
}
.page_tel{
	text-align: center;
	margin: 25px auto;
	font-size: 16px
}
.page-subttl03{
    width: 100%;
    color: #2CA9E1;
    line-height: 1.2;
    font-size: 20px;
    padding-bottom: 3px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.page-subttl03 span{
    font-size: 16px;
    padding: 3px;
}
@media only screen and (max-width: 769px) {
	.sinro__table01 {
	    overflow-x: scroll;
			 -webkit-overflow-scrolling: touch;
	}
	.sinro__table01 table{
	 vertical-align: middle;
	 width: 940px;
	 line-height: 25px;
	}
}
