@charset "utf-8";
/*-- 共通部分上書き --*/
.tss_wrap {
  background: #ffffff;
background: linear-gradient(to bottom,  #f2f6f8 0%,#f9fdff 42%,#ffffff 81%,#ffffff 81%,#eaf9fc 94%,#effcff 100%);
}

.s86_dcmt .PRS_imgflex{
  width:80%;
  justify-content: space-around;
  margin: 0 auto;
}
.s86_dcmt .PRS_imgflex > div{
  width: 48%;
}


.PRS_imgflex{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2vw 0;
}

.PRS_imgflex + .PRS_imgflex{
  padding-top: 0;
}

.PRS_img{
  padding: calc(120px - 3vw) 0 80px;
}



.PRS_img img{
display: block;
  width:80%;
  max-width: 480px;
  margin: 0 auto;
}

.PRS_sepbox_photo {
  margin: 2.5em 0;
}


.PRS_body{
background: #ffffff;
background: linear-gradient(to bottom,  #effcff 0%,#eaeaea 10%,#ffffff 32%,#ffffff 85%, #effcff 100%);
    margin:0 auto 1vw !important;
}

.PRS_sepbox_photo > div:not([class]){
  width:55%;
}

.PRS_sepbox_photo > div[class="PRS_photo"]{
  width:45%;
}

/*-- 個別部分 --*/
.s86_head {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  transform: rotate(0.03deg);
  font-weight: 700;
  line-height: 1.25;
  padding: 40px 0;
}
.s86_head h1 {
  width:100%;
  text-align: center;
}
.s86_head img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
  
  .s86_head p{
    text-indent: 0;
  padding: 0.5em 0 0.375em;  
}

.s86_head p:not([class]) {
  font-size: 2em;
  color: #ffffff;
  text-align: center;
  background: #003778;
	background: linear-gradient(to right, #780000 0%,#A04141 10%,#BF3333 20%,#BF3333 80%,#A04141 90%,#780000 100%);
  margin: 4px  0 1px !important;
  text-shadow: 0 0 8px rgba(0,0,0,0.4);
}

.s86_nrrd{
	display:flex;
	justify-content: center;
	font-size:1.25rem;
}

.s86_body {
  background: linear-gradient(to bottom,  #fff 0%,#ffffff 85%, #effcff 100%);
  margin: 0;
  padding: 0.5em;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: bold;
font-size:1.125rem;

}

.s86_body > p{
  padding: calc(80px - 4vw) 1.5em 1em;
}

.PRS_photo figcaption{
	text-align: center;
	line-height:1.75;
	font-size:1rem;
}

.s86_body div[class^="s86_phbtmbox"]  ul{
	display:flex;
	padding:12px 24px ;
}

.s86_body div.s86_phbtmbox_l ul{
	justify-content: flex-start;
}
.s86_body div.s86_phbtmbox_r ul{
	justify-content: flex-end;
}

.s86_body div[class^="s86_phbtmbox"] li{
	width:30%;
    display: block;
  position: relative;
}

.s86_body div[class^="s86_phbtmbox"] li::after{
  content: "";
  display: block;
  width:100%;
  height: auto;
  position: absolute;
  top:0;
  right:0;
  bottom: 0;
  left:0;
  box-shadow: inset 0 0 6px 12px rgba(255,255,255,1);
}

.s86_body div[class^="s86_phbtmbox"] li::before{
  content: "";
  display: block;
  width:100%;
  height: auto;
  position: absolute;
  top:0;
  right:0;
  bottom: 0;
  left:0;
box-shadow: inset 0 0 8px 12px rgba(255,255,255,.5);
  transform: rotate(-0.01turn) scale(0.88);
}


.s86_body .s86_phbtmbox_l li::after{
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 70%,rgba(255,255,255,1) 98%);
  box-shadow: inset 0 0 8px 12px rgba(255,255,255,1);
}

.s86_phbtmbox_r li::after{
    background: linear-gradient(to right,  rgba(255,255,255,1) 2%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 90%, rgba(255,255,255,1) 100%);
}

div[class^="s86_phbtmbox"] ul li img{
	width:100%;
}


.s86_splinkbox{
  margin: 0.5em auto;
  text-align: center;
  border:solid 1px #51a8ef;
  width:88%;
  padding-bottom: 1em;
  background: #b2e7f4;
  background: linear-gradient(135deg,  #b2e7f4 0%,#d3fffb 5%,#ffffff 10%,#ffffff 90%,#e8f4ff 95%,#bff7ff 100%);
}

.s86_splinkbox p:first-of-type{
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  transform: rotate(0.03deg);
  font-weight: 700;
  line-height: 1.5;
    font-size: 1.25em;
    padding: 1em;
}

.s86_splinkbox a{
  color:#1e5799;
}

.s86_dcmt{
	border-top:solid 1px #CCC;
	padding:24px 0;
}

.sds_foot ul{
  display: flex;
  justify-content: space-around;
}


.sds_foot li{
  list-style: none;
  width:32%;
}


/*-- 8/5追加 --*/

.PRS_oa{
    width:100%;
    margin:0 auto;
}

.PRS_oa h3{
  background: linear-gradient(to bottom,  #fff 0%,#effcff 40%,#effcff 60%, #ffffff 100%);
}

.PRS_oa h3 + p{
  padding: 0.5em 0 1em;

}

.PRS_oa ul{
    width:92%;
    margin:0 auto;
  font-size: 0.875em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.PRS_oa li{
  width:49%;
    margin-bottom: 16px;
   border-bottom: #D7E6F1 solid 1px;
}

.PRS_oa dl{
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
    margin-bottom: 8px;
}

.PRS_oa dt{
    width:20em;
    font-weight: bold;
}

.PRS_oa dd:first-of-type{
    width:7em;
}

.PRS_oa dd:last-of-type{
    width:12em;
}

.s86_oalistlink{
  text-align: center;  
}
.s86_oalistlink a{
  display: inline-block;
  color:#002DA8;
  font-size: 1.125em;
  padding: 0 0.35em;
}


@media screen and (max-width:768px) {
	.PRS_body{
		font-size:1rem;
	}
	
	.s86_head p:not([class]){
		font-size:1.35rem;
	}
	
	.s86_head p{
		font-size:1rem;
	}

  .s86_head p span{
    display: inline-block;
    white-space: nowrap;
  }
	
	.PRS_photo figcaption{
		font-size:0.875rem;
	}
	
	.s86_nrrd{
		font-size:0.875rem;
	}
  
  
  .PRS_sepbox_photo > div:not(class) {
    width: 100% !important;
  }
  .PRS_sepbox_photo > div[class="PRS_photo"] {
    width: 70%;
    margin: 0 auto;
  }
	
	.s86_phbtmbox ul{
		display:block;
	}
	
	.s86_phbtmbox ul li{
		width:70%;
		margin:8px auto;
	}
	
.sds_foot ul{
  flex-wrap:wrap;
}
.sds_foot li{
  width:44%;
  margin: 4px auto;
}

.s86_splinkbox a{
  display:block;
  text-align:center;
}

.s86_splinkbox p:first-of-type span:first-of-type{
  display:block;
  white-space:nowrap;
}
  
  .s86_body div[class^="s86_phbtmbox"] li{
	width:45%;
  }
  .s86_body > p{
  padding: 0;
}

  .PRS_oa li{
    width: 100%;
    }
  
}