@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

body {
  position: relative; /* 親要素に指定 */
}

.box-15 {
  margin: 20px auto;
}
.box-15-ttl {
  background-color: #faad76;
  color: #fff;
  padding: 0.5em 20px;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}
.box-15-txt {
  padding: 10px 20px;
  border: 2px solid #faad76;
}


.box-16 {
  margin: 10px auto;
}
.box-16-ttl {
  background-color: #faad76;
  color: #fff;
  padding: 0.5em 20px;
  width: fit-content;
  border-radius: 10px 10px 0 0;
  margin: 0;
  font-size: 17px;
  font-weight: bold;
}
.box-16-ttl a {
  color:#ffffff;
}
.box-16-txt {
  padding: 10px 20px;
  border: 2px solid #faad76;
}



.question1 {
    position: relative;
    color: #ee6500;
    font-weight:bold; font-size:120%;
    line-height:2em;
}
.question1::before {
    content: attr(data-number);
    display: inline-block;
    margin-right: 1em;
    background-color:#ee6500;
    border-radius:4px;
    color: #ffffff;
    font-size: 120%; text-align:center;
    width:2.5em;
}

.answer1 {
  margin: 0.5em 0 1.5em 0; padding:0 0 0.5em 0;
  border-bottom: 1px dotted #999;
}



@media all and (min-width: 1081px) {
    .btnContact {
	right:0; top:35%;
	position:fixed;
	z-index:100;
	padding:0em;
	width:210px; height:120px;
    }
}
@media all and (max-width: 1080px) {
    .btnContact {
	right:0px; top:0;
	position:fixed;
	z-index:100;
	padding:0 1em 0 0;
	width:150px; height:85px;
    }
}


.clsMarkerP {
    padding:1em 0em 0.5em 0.5em;
}
.clsMarker { 
    background: linear-gradient(transparent 30%,rgba(255, 253, 127, 0.2) 30%,rgb(255, 253, 127) 65%,rgba(255, 253, 127, 0.2));
    //background: linear-gradient(transparent 50%,rgba(255, 253, 127, 0.2) 50%,rgb(255, 253, 127) 75%,rgba(255, 253, 1274, 0.2));
    font-weight: bold; font-size:160%;
}
.clsMarker img {
    vertical-align:middle;
}


.clsPointP {
    padding:0.5em 0em 0.5em 0em; margin:2em 0 1em 0;
}
.clsPoint {
    background-color:#ffc000; border-radius:4px;
    font-weight: bold; font-size:130%;
    padding:0.5em;
}
.clsPointText {
    color:#ff0b0b;
    font-weight: bold; font-size:100%;
    padding:0.5em; margin-left:1.5em;
}
@media all and (max-width: 1080px) {
    .clsPointText {
  display        : inline-block;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */
    }
}





p.picFrame img, video {padding:10px; border:1px #dcb89f solid; box-sizing: border-box;}
p{
	max-width:100%;
	margin:0 auto;
	position: relative;
}
p.picFrame::before,
p.picFrame::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	z-index: 1;
}
p.picFrame::before {
	border-top: 30px solid #ffa500;
	border-right: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #ffa500;
	top:-10px;
	left:-10px;
}
p.picFrame::after {
	border-top: 30px solid transparent;
	border-right: 30px solid #ffa500;
	border-bottom: 30px solid #ffa500;
	border-left: 30px solid transparent;
	bottom:-10px;
	right:-10px;
}

.clsWaku1 {
	border: solid 4px #ffa500;
	border-radius: 8px;
	padding: 1em;
	font-size:120%; color:#ff8c00; font-weight:bold;
}