@charset "utf-8";
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

/*禁則処理*/
.contents_zone {
  word-break: normal;
  line-break: strict;
}

/*申請link・ダウンロード　ボタン*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.btn,
a.btn,
button.btn {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  display: inline-block;
  padding: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.btn-wrap {
  margin: 0;
}
a.btn-c {
  font-size: 1.5rem;
  position: relative;
  padding: 0 0 1rem 1rem;
  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
}
a.btn-c span {
  font-size: 0.8rem;
  position: absolute;
  top: -0.8rem;
  left: calc(264px - 55%);
  display: block;
  width: 200px;
  padding: 0.2rem 0;
  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.btn-c span:before,
a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);
  content: "";
}
a.btn-c span:before {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}
a.btn-c span:after {
  bottom: -7px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
a.btn-c i {
  margin-left: 1rem;
}
a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}

















a.btn-d {
  font-size: 1.5rem;
  position: relative;
  padding: 0 0 1rem 1rem;
  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
}
a.btn-d span {
  font-size: 0.8rem;
  position: absolute;
  top: -0.8rem;
  left: calc(264px - 55%);
  display: block;
  width: 200px;
  padding: 0.2rem 0;
  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.btn-d span:before,
a.btn-d span:after {
  position: absolute;
  left: calc(50% - 10px);
  content: "";
}
a.btn-d span:before {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}
a.btn-d span:after {
  bottom: -7px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
a.btn-d i {
  margin-right: 1rem;
}
a.btn-d:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}

/*下線*/
.under {
  display: inline-block;
  border-bottom: dotted 3px #87CEFA;
  line-height: 1;
}
/*蛍光ペン風マーカー　パステル*/
.marker-P-red {
  background: linear-gradient(transparent 60%, #ffcccc 0%);
}
.marker-P-pink {
  background: linear-gradient(transparent 60%, #FFE2EF 0%);
}
.marker-P-orange {
  background: linear-gradient(transparent 60%, #ffddbc 0%);
}
.marker-P-blue {
  background: linear-gradient(transparent 60%, #ccffff 0%);
}
.marker-P-green {
  background: linear-gradient(transparent 60%, #ccffcc 0%);
}
.marker-P-yellow {
  background: linear-gradient(transparent 60%, #ffffa8 0%);
}
.marker-P-Purple {
  background: linear-gradient(transparent 60%, #ead6ff 0%);
}
/*級対応　ボタン*/
 .l-button {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	margin: 0 auto;
 	padding: 0.2em 2em;
 	border: 2px solid #0f2350;
 	border-radius: 25px;
 	background-color: #fff;
 	color: #0f2350;
 	font-size: 1em;
 	font-weight: bold;
 }
 .l-button:hover {
 	border: none;
 	color: #fff;
 	font-weight: bold;
 }
 .l-button.level01:hover {
 	background-color: #afb4db;
 }
 .l-button.level02:hover {
 	background-color: #8ee53f;
 }
.l-button.level03:hover {
 	background-color: #65bbe9;
 }
.l-button.level04:hover {
 	background-color: #ffc800;
 }
.l-button.level05:hover {
 	background-color: #ff8243;
 }
.l-button.level06:hover {
 	background-color: #f16682;
 }
.l-button.level07:hover {
 	background-color: #bb8b38;
 }
 .l-button::after {
 	transform: rotate(45deg);
 	width: 0.5em;
 	height: 0.5em;
 	margin-left: 10px;
 	content: '';
	border-top: 2px solid #0f2350;
 	border-right: 2px solid #0f2350;
 }

/*テキストリンクの位置*/
.textlink{
  text-align: right;
}

/*飛び出す矢印のリンク*/
.linkb01 a {
    background: #eee;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 1em auto;
    max-width: 60%;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.linkb01 a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.linkb01 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 60px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.linkb01 a:hover:before, .linkb01 a:hover:after {
    right: -2.5em;
}
.linkb01 a:hover {
    background: #edf6ff;
    color: #6bb6ff;
}