/* --------------------------　メインスライダー　-------------------------- */

.top_main {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff;
	box-sizing: border-box;
}


.pcimg {
	display: block;
}
.spimg {
	display: none;
}

.top_main .fv {
	width: 100%;
	height: 800px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	background: url("../../images/fv.jpg");
	background-position: center top;
	
}
.top_main .fv .title  {
	width: 50%;
	 display: flex;
  justify-content: center;
  align-items: center;
}
.top_main .fv .mov  {
	width: 50%;
}
.wrap-960 {
	max-width: 960px;
	margin: auto;
}

.wrap-870 {
	max-width: 870px;
	margin: auto;
}

.fullIMG {
	margin-bottom: 20px;
}
.fullIMG img {
	border-radius: 10px;
}
 
@media screen and (max-width: 834px) {
	
.top_main {
  overflow: hidden;
  position: relative;
  width: 100%;
  height:auto;
  background: #fff;
	background: url("../../images/fvbg.jpg");
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
}
	
.wrap-960 {
	max-width: 960px;
	margin: auto 15px;
	box-sizing: border-box;
}

.wrap-870 {
	max-width: 870px;
	margin: auto 15px;
	box-sizing: border-box;
}

	
	
.pcimg {
	display: none;
}
.spimg {
	display: block;
}
	
.fullIMG {
	margin-bottom: 10px;
}
.fullIMG img {
	border-radius: 10px;
}

}

/* -------------------------- Content00　-------------------------- */
.Content00 {
	background: #041326;
	padding: 60px 0;
}

.firstMOV {
	position: relative;
	margin-top: -90px;
}
.firstMOV .vid_contents02 {
	position: absolute;
	width: 65%;
	left: 17.5%;
	top:40px;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.introBOX {
	display: flex;
	justify-content: space-between;
}

.introL {
	width: 70%;
}
.introR {
	width: 25%;
}

.introL h2 {
	
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	color:#fff;
	line-height: 1.5;
	margin-bottom: 20px;
}
.introL p {
	font-size: clamp(1.6rem, 2vw, 2rem); 
	color:#fff;
	line-height: 1.5;
	margin-bottom: 20px;
}
.introR img {
	position: relative;
	top:-80px;
}
ul.introbullet {
	margin-bottom: 40px;
}
ul.introbullet li {
  position:relative;
  line-height: 1.5;
	background: #fff;
	padding: 15px 15px 15px 40px;
	box-sizing: border-box;
	margin-bottom: 8px;
	font-size: clamp(1.7rem, 2.5vw, 2.1rem); 
	font-weight: 500;
	border-radius: 6px;
	
}
ul.introbullet li:before{
  position: absolute;
  left: 15px;
  color: #e74c3c;
  font-family: FontAwesome;
  content: "\f041";
}

@media screen and (max-width: 834px) {
	
/* -------------------------- Content00　-------------------------- */
.Content00 {
	padding: 30px 0 10px 0;
}
	

.firstMOV {
	position: relative;
	margin-top: -40px;
}
.firstMOV .vid_contents02 {
	position: absolute;
	width: 65%;
	left: 17.6%;
	top:10%;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


.introBOX {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
}

.introL {
	width: auto;
}
.introR {
	width: 40%;
	margin: auto;

	position: relative;
}

.introL h2 {
	
	font-size: clamp(2.1rem, 3.7vw, 3.6rem); 
	color:#fff;
	line-height: 1.5;
	margin-bottom: 15px;
}
.introL p {
	font-size: clamp(1.5rem, 2vw, 2rem); 
	color:#fff;
	line-height: 1.5;
	margin-bottom: 20px;
}
.introR img {
	position: relative;
	top:0px;
	margin-top: -20px;
	margin-bottom: 20px;
	
}
ul.introbullet {
	margin-bottom: 40px;
}
ul.introbullet li {
  position:relative;
  line-height: 1.5;
	background: #fff;
	padding: 12px 12px 12px 40px;
	box-sizing: border-box;
	margin-bottom: 8px;
	font-size: clamp(1.5rem, 2.5vw, 2.1rem); 
	font-weight: 500;
	border-radius: 6px;
	
}
ul.introbullet li:before{
  position: absolute;
  left: 15px;
  color: #e74c3c;
  font-family: FontAwesome;
  content: "\f041";
}
	
}









/* --------------------------　top-01　-------------------------- */

.Content01 {
	background: #fff;
	padding: 40px 0 60px 0;
	box-sizing: border-box;
	
}
.checkBLOCK {
	position: relative;
	background: #046a7f;
	padding: 30px 30px 20px 30px;
	box-sizing: border-box;
	margin-top: -70px;
	z-index: 1;
}
.checkBLOCK h2 {
	color:#fff;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.4;
	margin-bottom: 15px;
	font-family: "Noto Serif JP", serif;
}
ul.checkbullet li {
  position:relative;
  line-height: 1.5;
	background: #f3f4f4;
	padding: 15px 15px 15px 50px;
	box-sizing: border-box;
	margin-bottom: 8px;
	font-size: clamp(1.6rem, 2.1vw, 2.2rem); 
	font-weight: 600;
}
ul.checkbullet li:before{
  position: absolute;
	top:12px;
  left: 15px;
  color: #af0004;
  font-family: FontAwesome;
  content: "\f00c";
	font-size: clamp(1.8rem, 2.5vw, 2.4rem); 
}

.kaiketu {
	background: #e3f4f7;
	background-size: cover;
	background-position: center;
	max-width: 800px;
	margin: auto;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 30px;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 51% 100%, 0 80%);
}
.kaiketu  p {
	
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	line-height: 1.4;
	font-weight: bold;
	padding: 80px 0 100px 0;
}
.kaiketu  p span {
	color: #00afcb;
}

.Content01 h3 {
	font-size: clamp(2rem, 3.1vw, 3rem); 
	text-align: center;
	line-height: 1.6;
	margin: 50px 0;
}

.marker {
  background:linear-gradient(transparent 50%, rgba(255, 234, 0) 50%);
  display: inline;

  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;

  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;

  /* マーカーが引かれる速度を指定 */
  transition:background-size 1.5s;
}
/* マーカーが引かれる際に付与するクラス */
.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}


.StrengthsLIST {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	
}
.StrengthsLIST li {
	background: #15a192;
	width: 32.5%;
	margin: 0 0;
	border-radius: 10px;
	text-align: center;
	color:#fff;
	line-height: 1.3;
	font-size: clamp(1.5rem, 2vw, 2rem); 
	font-weight: bold;
	display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 12px;
}



/* --------------------------　Content02　-------------------------- */

.Content02 {
	background: #f6f6f6;
	padding: 60px 0 30px 0;
	box-sizing: border-box;
	
}

.Content02 h2 {
	padding: 0;
	margin: 0;
	 position: relative;
  display: inline-block;
	font-size: 4rem;
	font-family: "Noto Serif JP", serif;
	font-weight: bold;margin-bottom: 50px;
}
.Content02 h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #a68262;
  border-radius: 2px;
}

.Content02 h2 span {
	color:#15a192;
}
.Content02 h3 {
	font-size: clamp(2rem, 3.1vw, 3rem); 
	text-align: center;
	line-height: 1.6;
	margin: 40px 0;
	letter-spacing: 0;
	
}

.Content02 p {
	font-size: clamp(1.6rem, 2vw, 2rem); 
	margin-bottom: 20px;
}


.stepLIST {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.stepLIST li {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	width: 31.5%;
}

.stepLIST .num{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #15a192;
  text-align:center;
  line-height: 60px;
	color:#fff;
	font-size: clamp(2rem, 3.1vw, 3rem); 
	margin: auto;
	position: relative;
	top:-40px;
}

.stepLIST li figure {
	margin-bottom: 10px;
	margin-top: -20px;
}
.stepLIST h4 {
	font-size: clamp(1.6rem, 2vw, 2rem); 
	line-height: 1.4;
	margin-bottom: 10px;
	color:#15a192
}
.stepLIST p {
	font-size: clamp(1.4rem, 1.7vw, 1.7rem); 
	line-height: 1.5;
}
ul.kinou {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 50px;
}

ul.kinou li {
	width: 32.5%;
  position:relative;
  line-height: 1.5;
	background: #fff;
	padding: 15px 35px;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-size: clamp(1.5rem, 1.9vw, 1.9rem); 
}
ul.kinou li:before{
  position: absolute;
  left: 10px;
  color: #15a192;
  font-family: FontAwesome;
  content: "\f00c";
}

.hikaku {
	background: #fff;
	padding:0px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-top: 35px;
	margin-bottom: 100px;
	
	
}


.imglogo  {
	width: 80%;
	margin: auto;
}



/* --------------------------　Content03　-------------------------- */

.Content03 {
	background: #fff;
	padding: 30px 0 30px 0;
	box-sizing: border-box;
	position: relative;
}


.ctaBOX {
	background: #041326;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	margin: 40px 0;
}
.ctaBOX .inner p {
text-align: center;
	color:#fff;
	padding: 15px 0 0 ;
}

.ctaBOX .inner {
	border: 2px solid #fff;
	padding: 30px 30px 30px 30px;
	box-sizing: border-box;
}
.ctaBOX .title {
	color:#fff;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 10px;
	font-family: "Noto Serif JP", serif;
	font-weight: bold;
}
.ctaBOX h3 {
	color:#ffea00;
	font-size: clamp(2.4rem, 4.1vw, 4rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 10px;
	border: 2px solid  #fff;
	box-sizing: border-box;
	padding: 15px;
	position: relative;
	margin-bottom: 40px;
	max-width: 80%;
}
.ctaBOX h3:before {
	position: absolute;
  top: 5px;
  left: 5px;
  width: 100%;
  height: 100%;
  content: '';
  border: 2px solid  #fff;
}

.ctaBOX h4 {
	color:#fff;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.4;
	margin-bottom: 20px;
}



/* 019 */
.cta01 a {
    background: #046a7f;
    border-radius: 60px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
   max-width: 90%;
    padding: 15px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size: clamp(2rem, 3.1vw, 3rem); 
	font-weight: bold;
	box-sizing: border-box;
	
}
.cta01 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.cta01 a:hover {
  background: #6bb6ff;
  color: #FFF;
}
.cta01 a:hover:after {
  right: 1.4rem;
}

.dlbox {
	margin-top: 50px;
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
	max-width: 80%;
	margin: auto;
	margin-top: 50px;
}
.dlbox h5 {
	font-size: clamp(1.7rem, 2.5vw, 2.4rem); 
	text-align: center;
	line-height: 1.5;
	margin-bottom: 20px;
}


/* 019 */
.cta02 a {
    background: #2ea956;
    border-radius: 60px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
   max-width: 90%;
    padding: 15px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size: clamp(2rem, 3.1vw, 3rem); 
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 15px;
	
}
.cta02 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.cta02 a:hover {
  background: #6bb6ff;
  color: #FFF;
}
.cta02 a:hover:after {
  right: 1.4rem;
}



/* --------------------------　Content04　-------------------------- */

.Content04 {
	background: #f6f6f6;
	padding: 60px 0 60px 0;
	box-sizing: border-box;
	
}

.Content04 h2 {
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 30px;
	color:#15a192;
}
.Content04 h2 span {
	color:#222;
}

.grn {
	color:#15a192;
}
.profileBOX {
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
}
.profileBOX .box {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e7e6e6;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.profileBOX .box .prL {
	width: 65%;
}
.profileBOX .box .prR {
	width: 30%;
}
.profileBOX .box .kata {
	background: #15a192;
	color:#fff;
	font-size: clamp(1.4rem, 1.8vw, 1.8rem); 
	text-align: center;
	padding: 5px 20px;
	display: inline-block;
	box-sizing: border-box;
	line-height: 1.6;
	
}
.profileBOX .box .name {
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	font-weight: bold;
}
.profileBOX .box .name span {
	font-size: clamp(1.4rem, 1.8vw, 1.8rem); 
}
.profileBOX  p {
	font-size: clamp(1.4rem, 1.7vw, 1.7rem); 
	line-height: 1.6;
}


/* --------------------------　Content05　-------------------------- */

.Content05 {
	background: #fff;
	padding: 50px 0 60px 0;
	box-sizing: border-box;
	
}

.Content05 h2 {
	padding: 0;
	margin: 0;
	 position: relative;
  display: inline-block;
	font-size: 4rem;
	font-family: "Noto Serif JP", serif;
	font-weight: bold;
	margin-bottom: 50px;
}
.Content05 h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #a68262;
  border-radius: 2px;
}

.Content05 h3 {
	font-size: clamp(1.5rem, 2vw, 2rem); 
	text-align: center;
	line-height: 1.8;
	margin-bottom: 30px;
}
.Content05 h4 {
	font-size: clamp(1.5rem, 2vw, 3rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 30px;
}

.voiceBOX {
	margin-bottom: 30px;
}
.voiceBOX .head {
	background: #15a192;
	padding: 40px 40px 30px 40px;
	box-sizing: border-box;
	color:#fff;
	position: relative;
}
.voiceBOX .head figure {
	position: absolute;
	width: 200px;
	right:20px;
	top:20px;
}
.voiceBOX .head .company {
	font-size: clamp(1.6rem, 2vw, 2rem); 
	line-height: 1.4;
}
.voiceBOX .head .name {
	font-size: clamp(2rem, 3.3vw, 3.2rem); 
	font-weight: bold;
}
.voiceBOX .name span {
	font-size: clamp(1.5rem, 2.5vw, 2.4rem); 
}
.comment {
	background: #f4f4f4;
	padding: 40px 40px 40px 40px;
}
.comment .title {
	font-size: clamp(1.7rem, 2.5vw, 2.4rem); 
	border-bottom: 2px dotted #222;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 1.5;
}
.comment p {
	font-size: clamp(1.4rem, 1.5vw, 1.6rem); 
}


/* --------------------------　Content06　-------------------------- */

.Content06 {
	background: #f6f6f6;
	padding: 80px 0 40px 0;
	box-sizing: border-box;
	
}

.Content06 h2 {
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 30px;
}


.Content06 .profileBOX p {
	margin-bottom: 20px;
}



/* --------------------------　Content07　-------------------------- */

.Content07 {
	background: #f6f6f6;
	padding: 60px 0 60px 0;
	box-sizing: border-box;
	
}

.Content07 h2 {
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 30px;
	
}

.accTITLE {
	background: #041326;
	font-size: clamp(2.2rem, 3.7vw, 2.4rem);
	padding: 10px 15px;
	box-sizing: border-box;
	color:#fff;
	font-weight: bold;
	margin-bottom: 10px;
}

.accordion {
margin-bottom:40px;	
}
.accordion:last-child {
margin-bottom: 0px;	
}
.accordion ul {
	width:100%;
	padding:0;
	margin: 0;
}
.accordion li {
	position:relative;
	list-style:none;
	margin-bottom: 5px;
}


.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 15px;
	position: relative;
	background: #046a7f;
	color:#fff;
	font-size: clamp(1.5rem, 2vw, 1.9rem); 
	font-weight: 500;
}
.accordion > ul > li > a:hover {
	opacity: 0.8;
}

.accordion > ul > li > a h5:hover {
	color: #111;
	text-decoration:none;
	
}
.accordion > ul > li > div {
	display: none;
	text-align:left;
	padding:0;
	color:#303030;
	line-height:1.8;
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	box-sizing: border-box;
	margin-top: 10px;
	background: #f5f7f7;
}


.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 40px;
	height: 40px;
	top:50%;
	right:5px;
}
.accordion li .accordion_icon span {
	position: absolute;
    width: 50%;
	height: 3px;
    background-color: #fff;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


.faq_txt p {
font-size: clamp(1.4rem, 1.7vw, 1.7rem); 
	margin-top: 5px;
	margin-left: 15px;
}






@media screen and (max-width: 834px) {
	

/* --------------------------　top-01　-------------------------- */

.Content01 {
	background: #fff;
	padding: 20px 0 30px 0;
	box-sizing: border-box;
}
.checkBLOCK {
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 0px;
	z-index: 1;
}
.checkBLOCK h2 {
	font-size: 1.9rem; 
	text-align: center;
	line-height: 1.4;
	margin-bottom: 10px;
	letter-spacing: 0;
}
ul.checkbullet li {
  position:relative;
  line-height: 1.5;
	padding: 7px 10px 7px 35px;
	box-sizing: border-box;
	margin-bottom: 5px;
	font-size: clamp(1.5rem, 2.5vw, 2.4rem); 
	font-weight: bold;
}
ul.checkbullet li:before{
  position: absolute;
	top:6px;
  left: 10px;
  font-family: FontAwesome;
  content: "\f00c";
}

.kaiketu {
	clip-path: polygon(0 0, 100% 0, 100% 80%, 51% 100%, 0 80%);
	background-size: cover;
	background-position: bottom center;
	width: 85%;
	margin: auto;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 0px;
	padding-bottom: 40px;
}
.kaiketu  p {
	
	font-size: clamp(1.8rem, 3.7vw, 3.6rem); 
	line-height: 1.4;
	font-weight: bold;
	padding: 20px 0 0px 0;
}
.kaiketu  p span {

	font-size:2rem;
}

.Content01 h3 {
	font-size: clamp(1.8rem, 3.1vw, 3rem); 
	text-align: center;
	line-height: 1.6;
	margin-top: 0;
	margin-bottom: 30px;
}

.marker {
  background:linear-gradient(transparent 50%, rgba(255, 234, 0) 50%);
  display: inline;

  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;

  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;

  /* マーカーが引かれる速度を指定 */
  transition:background-size 1.5s;
}
/* マーカーが引かれる際に付与するクラス */
.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}


.StrengthsLIST {
	display: flex;
}
.StrengthsLIST li {
	background: #15a192;
	border-radius: 5px;
	text-align: center;
	color:#fff;
	line-height: 1.3;
	font-size: clamp(1.6rem, 2.9vw, 2.8rem); 
	font-weight: bold;
	display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
	box-sizing: border-box;
	margin-bottom: 5px;
	width: 100%;
}

/* --------------------------　Content02　-------------------------- */

.Content02 {
	background: #f6f6f6;
	padding: 30px 0 15px 0;
	box-sizing: border-box;
	
}

.Content02 h2 {
	padding: 0;
	margin: 0;
	 position: relative;
  display: inline-block;
	font-size: 2.2rem;
	font-family: "Noto Serif JP", serif;
	font-weight: bold;margin-bottom: 35px;
}
.Content02 h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #a68262;
  border-radius: 2px;
}
.Content02 h3 {
	font-size: clamp(1.7rem, 3.1vw, 3rem); 
	text-align: center;
	line-height: 1.6;
	margin: 15px 0;
}
.Content02 h3 span {

}

.stepLIST {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 20px;
}

.stepLIST li {
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	box-sizing: border-box;
	width: 90%;
	margin: auto;
	margin-bottom: 15px;
}

.stepLIST .num{
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #15a192;
  text-align:center;
  line-height: 50px;
	color:#fff;
	font-size: clamp(2rem, 3.1vw, 3rem); 
	margin: auto;
	position: relative;
	top:-40px;
}

.stepLIST li figure {
	width: 80%;
	margin: -20px auto 15px auto;
}
.stepLIST h4 {
	font-size: clamp(1.6rem, 2vw, 2rem); 
	line-height: 1.4;
	margin-bottom: 10px;
	color:#15a192
}
.stepLIST p {
	font-size: clamp(1.4rem, 1.7vw, 1.7rem); 
	line-height: 1.5;
}
ul.kinou {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 25px;
}

ul.kinou li {
	width: 49%;
  position:relative;
  line-height: 1.4;
	background: #fff;
	padding: 10px 25px;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-size: clamp(1.5rem, 1.9vw, 1.9rem); 
	text-align: center;
}
ul.kinou li:before{
  position: absolute;
  left: 10px;
  color: #15a192;
  font-family: FontAwesome;
  content: "\f00c";
}

.hikaku {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-top: 20px;
	
	
}




/* --------------------------　Content03　-------------------------- */

.Content03 {
	
	padding: 0px 0 0px 0;
	box-sizing: border-box;
	
	position: relative;
}


.ctaBOX {
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	margin: 20px 0;
}
	
	
.ctaBOX .inner p {
text-align: center;
	color:#fff;
	font-size: 1.2rem;
	margin-bottom: 5px;
}


.ctaBOX .inner {
	border: 1px solid #fff;
	padding: 10px;
	box-sizing: border-box;
}
.ctaBOX h2 {
	color:#fff;
	font-size: clamp(1.8rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 10px;
}
.ctaBOX h3 {
	color:#ffea00;
	font-size: clamp(2.1rem, 4.1vw, 4rem); 
	text-align: center;
	line-height: 1.2;
	margin-bottom: 10px;
	border: 2px solid #fff;
	box-sizing: border-box;
	padding: 10px;
	position: relative;
	margin-bottom: 20px;
	max-width: 100%;
}
.ctaBOX h3:before {
	position: absolute;
  top: 5px;
  left: 5px;
  width: 100%;
  height: 100%;
  content: '';
  border: 2px solid  #fff;
}

.ctaBOX h4 {
	color:#fff;
	font-size: clamp(1.8rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.4;
	margin-bottom: 15px;
}


/* 019 */
.cta01 a {
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
   max-width: 90%;
    padding: 10px 25px;

    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size: clamp(1.6rem, 3.1vw, 3rem); 
	font-weight: bold;
	box-sizing: border-box;
	
}
.cta01 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.cta01 a:hover {
  background: #6bb6ff;
  color: #FFF;
}
.cta01 a:hover:after {
  right: 1.4rem;
}

.dlbox {
	margin-top: 50px;
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	max-width: 100%;
	margin: auto;
	margin-top: 25px;
}
.dlbox h5 {
	font-size: clamp(1.6rem, 2.5vw, 2.4rem); 
	text-align: center;
	line-height: 1.5;
	margin-bottom: 10px;
}


/* 019 */
.cta02 a {

    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 10px;
   max-width: 90%;
    padding: 10px 25px;

    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size: clamp(1.6rem, 3.1vw, 3rem); 
	font-weight: bold;
	box-sizing: border-box;
	
}
.cta02 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.cta02 a:hover {
  background: #6bb6ff;
  color: #FFF;
}
.cta02 a:hover:after {
  right: 1.4rem;
}



/* --------------------------　Content04　-------------------------- */

.Content04 {
	background: #f6f6f6;
	padding: 30px 0 30px 0;
	box-sizing: border-box;
	
}

.Content04 h2 {
	font-size: clamp(2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 20px;
}

.grn {
	color:#15a192;
}
.profileBOX {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}
.profileBOX .box {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	border-bottom: 1px solid #e7e6e6;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.profileBOX .box .prL {
	width: auto;
}
.profileBOX .box .prR {
	width: 60%;
	margin: auto;
	margin-bottom: 15px;
}
.profileBOX .box .kata {
	background: #15a192;
	color:#fff;
	font-size: clamp(1.4rem, 1.8vw, 1.8rem); 
	text-align: center;
	padding: 5px 20px;
	display: block;
	box-sizing: border-box;
	line-height: 1.6;
	margin-bottom: 10px;
	
}
.profileBOX .box .name {
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.profileBOX .box .name span {
	font-size: clamp(1.4rem, 1.8vw, 1.8rem); 
}
.profileBOX  p {
	font-size: clamp(1.4rem, 1.7vw, 1.7rem); 
	line-height: 1.6;
}


/* --------------------------　Content05　-------------------------- */

.Content05 {
	background: #fff;
	padding: 20px 0 10px 0;
	box-sizing: border-box;
	
}

.Content05 h2 {
	padding: 0;
	margin: 0;
	 position: relative;
  display: inline-block;
	font-size: 2.2rem;
	font-family: "Noto Serif JP", serif;
	font-weight: bold;
	margin-bottom: 35px;
}
.Content05 h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #a68262;
  border-radius: 2px;
}

.Content05 h3 {
	font-size: clamp(1.5rem, 2vw, 2rem); 
	text-align: center;
	line-height: 1.8;
	margin-bottom: 15px;
}
.Content05 h4 {
	font-size: clamp(1.6rem, 2vw, 3rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 15px;
}	
	
	
	
.voiceBOX {
	margin-bottom: 30px;
}
.voiceBOX .head {
	background: #15a192;
	padding: 15px;
	box-sizing: border-box;
	color:#fff;
	position: relative;
	text-align: center;
}
.voiceBOX .head figure {
	position: static;
	width: 120px;
	margin: auto;
	margin-top: -30px;
	margin-bottom: 10px;
	right:10px;
	top:20px;
}
.voiceBOX .head .company {
	font-size: clamp(1.5rem, 2vw, 2rem); 
	line-height: 1.4;
}
.voiceBOX .head .name {
	font-size: clamp(1,8rem, 3.3vw, 3.2rem); 
	font-weight: bold;
}
.voiceBOX .name span {
	font-size: clamp(1.4rem, 2.5vw, 2.4rem); 
}
.comment {
	background: #f4f4f4;
	padding: 20px;
}
.comment .title {
	font-size: clamp(1.5rem, 2.5vw, 2.4rem); 
	border-bottom: 2px dotted #222;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 1.5;
}
.comment p {
	font-size: clamp(1.4rem, 1.5vw, 1.6rem); 
}


/* --------------------------　Content06　-------------------------- */

.Content06 {
	background: #f6f6f6;
	padding: 30px 0 0px 0;
	box-sizing: border-box;
	
}

.Content06 h2 {
	font-size: clamp(2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 15px;
}


.Content06 .profileBOX p {
	margin-bottom: 15px;
}



/* --------------------------　Content07　-------------------------- */

.Content07 {
	background: #f6f6f6;
	padding: 30px 0 30px 0;
	box-sizing: border-box;
	
}

.Content07 h2 {
	font-size: clamp(2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 15px;
}

	
.accTITLE {
	background: #041326;
	font-size: clamp(1.6rem, 3.7vw, 2.4rem);
	padding: 10px 15px;
	box-sizing: border-box;
	color:#fff;
	font-weight: bold;
	margin-bottom: 5px;
}


.accordion {
margin-bottom:20px;	
}
.accordion:last-child {
margin-bottom: 0px;	
}
	

	
	
.accordion ul {
	width:100%;
	padding:0;
	margin: 0;
}
.accordion li {
	position:relative;
	list-style:none;
	margin-bottom: 5px;
}


.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 8px 45px 8px 15px;
	position: relative;
	color:#fff;
	font-size: clamp(1.5rem, 2vw, 2rem); 
}
.accordion > ul > li > a:hover {
	opacity: 0.8;
}

.accordion > ul > li > a h5:hover {
	color: #111;
	text-decoration:none;
	
}
.accordion > ul > li > div {
	display: none;
	text-align:left;
	padding:0;
	color:#303030;
	line-height:1.8;
	padding: 15px;
	border-radius: 8px;
	box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 10px;
}


.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 30px;
	height: 30px;
	top:50%;
	right:0px;
}
.accordion li .accordion_icon span {
	position: absolute;
    width: 50%;
	height: 3px;
    background-color: #fff;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


.faq_txt p {
font-size: clamp(1.4rem, 1.7vw, 1.7rem); 
	margin-top: 5px;
	margin-left: 0px;
}

	
}


.yel {
	color:#ffea00;
}


.stepBOX {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 40px;
}
.stepNO {
	background: #ffb401;
	text-align: center;
	color:#fff;
	font-size: clamp(1.5rem, 2.5vw, 2.4rem); 
	font-weight: bold;
	padding: 15px 15px 30px;
	line-height: 1;
	box-sizing: border-box;
	clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
	position: relative;
  margin: auto;
	width: 250px;
	margin-top: -30px;
	margin-bottom: 15px;
	
}

.stepBOX h4 {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: clamp(1.7rem, 3.1vw, 3rem); 
	margin-bottom: 15px;
	color:#00afcb;
}
.stepBOX p {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: clamp(1.4rem, 2vw, 2rem); 
	line-height: 1.6;
	margin-bottom: 20px;
}
.stepBOX figure {
	
}
.stepBOX figure img {
	border: 8px solid  #f5f5f5;
	box-sizing: border-box;
}

.priceBLOCK {
	background: #fff;
	padding: 0px;
	box-sizing: border-box;
	position: relative;
}

.priceBOX {
	display: flex;
	justify-content: space-between;

}
.line01 {
	width: 24.2%;
}
.Basic {
	width: 24.2%;
	background: #eaf5f7;
}
.Standard {
	width: 24.2%;
	background: #eaf5f7;
}
.Enterpris {
	width: 24.2%;
	background: #faefef;
}

.line01 h3 {
	background: #f5f5f5;
	text-align: center;
	font-size: clamp(1.4rem, 2vw, 2rem); 
	margin-bottom: 10px;
	padding: 5px;
	box-sizing: border-box;
	line-height: 1.5;
	height: 70px;
	display: flex;
  justify-content: center;
  align-items: center;
}

.Basic h3 {
	background: #259bb8;
	text-align: center;
	color:#fff;
	font-size: clamp(1.4rem, 2vw, 2rem); 
	margin-bottom: 10px;
	padding: 5px;
	box-sizing: border-box;
	line-height: 1.5;
	height: 70px;
	display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
}
.Standard h3 {
	background: #259bb8;
	text-align: center;
	color:#fff;
	font-size: clamp(1.4rem, 2vw, 2rem); 
	margin-bottom: 10px;
	padding: 5px;
	box-sizing: border-box;
	line-height: 1.5;
	height: 70px;
	display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
}
.Enterpris h3 {
	background: #e44e4e;
	text-align: center;
	color:#fff;
	font-size: clamp(1.4rem, 2vw, 2rem); 
	margin-bottom: 10px;
	padding: 5px;
	box-sizing: border-box;
	line-height: 1.3;
	height: 70px;
	display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
}
.Basic h3 span,
.Standard h3 span,
.Enterpris h3 span {
	font-size: clamp(1.4rem, 1.6vw, 1.6rem); 
}


.hyoLINE {
	font-size: clamp(1.4rem, 1.6vw, 2rem); 
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	
}
.hyoLINE.hyoSIDE  {
	text-align: left ;
}
.hyoLINE02 {
	font-size: clamp(1.4rem, 1.8vw, 1.8rem); 
	text-align: center;
	height: 300px;
	padding: 10px;
	display: flex;
  justify-content: center;
  align-items: center;
	
}
.min {
	font-size: clamp(1.2rem, 1.4vw, 1.4rem); 
}
.tokucyo {
	font-size: clamp(1.3rem, 1.5vw, 1.5rem); 
	text-align: left;
}

.priceKOME {
	margin-bottom: 40px;
}

.priceKOME li {
	text-indent: -3rem;
  padding-left: 3rem;
	margin-bottom: 5px;
	
}

.priceBLOCK h5 {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: clamp(1.8rem, 3vw, 3rem); 
	margin-bottom: 15px;
	color:#15a192;
}


table#table-01 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	box-sizing: border-box;
	font-size: clamp(1.4rem, 1.8vw, 1.8rem); 
}

table#table-01 th {
    padding: 20px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#table-01 td {
    padding: 20px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

.spkoumoku {
	display: none;
}

@media screen and (max-width: 834px) {
	
.stepBOX {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px;
}
.stepNO {
	text-align: center;
	color:#fff;
	font-size: clamp(1.7rem, 2.5vw, 2.4rem); 
	font-weight: bold;
	padding: 15px 15px 20px;
	line-height: 1;
	box-sizing: border-box;
	clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
	position: relative;
  margin: auto;
	width: 140px;
	margin-top: -30px;
	margin-bottom: 10px;
	
}

.stepBOX h4 {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: clamp(1.8rem, 3.3vw, 3.2rem); 
	margin-bottom: 10px;
}
.stepBOX p {
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: clamp(1.4rem, 2vw, 2rem); 
	line-height: 1.6;
	margin-bottom: 10px;
}
.stepBOX figure {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.stepBOX figure img {
	border: 8px solid  #f5f5f5;
	width: 100%;
	box-sizing: border-box;
}

.priceBLOCK {
	box-sizing: border-box;
	position: relative;
	margin-bottom: 15px;
	
}

.priceBOX {
	display: block;
	justify-content: space-between;

}
.priceBOX {
	display: block;
	justify-content: space-between;
}

.line01 {
	width: 24.2%;
	display: none;
}
.Basic {
	width: auto;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.Standard {
	width: auto;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.Enterpris {
	width: auto;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.line01 h3 {
	text-align: center;
	font-size: clamp(1.4rem, 2vw, 2rem); 
	margin-bottom: 10px;
	padding: 5px;
	box-sizing: border-box;
	height: auto;
	display: flex;
  justify-content: center;
  align-items: center;
}

.Basic h3 {
	text-align: center;
	color:#fff;
	font-size: clamp(1.8rem, 2vw, 2rem); 
	margin-bottom: 10px;
	padding: 10px;
	box-sizing: border-box;
}
.Standard h3 {
	text-align: center;
	color:#fff;
	font-size: clamp(1.8rem, 2vw, 2rem); 
	margin-bottom: 10px;
	padding: 10px;
	box-sizing: border-box;
}
.Enterpris h3 {
	text-align: center;
	color:#fff;
	font-size: clamp(1.8rem, 2vw, 2rem); 
	margin-bottom: 10px;
	padding: 10px;
	box-sizing: border-box;
}
.Basic .price,
.Standard .price {
	font-size: clamp(1.6rem, 1.6vw, 1.6rem); 
	font-weight: bold;
	text-align: center;
	height: auto;
	line-height: 1.5;
	padding-bottom: 5px;
}
.Enterpris .price  {
	font-size: clamp(1.6rem, 1.6vw, 1.6rem); 
	font-weight: bold;
	text-align: center;
	height: auto;
	line-height: 1.5;
	position: relative;
	top:auto;
	padding-bottom: 5px;
}

.Basic .price span,
.Standard .price span {
	margin: 0 5px;
	font-size: clamp(3rem, 3.3vw, 3.6rem); 
	color:#bd4815;
}

.Enterpris .price span {
	margin: 0 0;
	font-size: clamp(2rem, 3.3vw, 2.4rem); 
	color:#bd4815;
}

.taisyo {
	border-top: 2px dotted #222;
	text-align: center;
	padding: 10px 0;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem); 
}

.hyoLINE {
	font-size: clamp(1.6rem, 1.6vw, 2rem); 
	text-align: left;
	height: auto;
	padding: 5px 0;
	box-sizing: border-box;
}
.hyoLINE.hyoSIDE  {
	text-align: left ;
}
.hyoLINE02 {
	font-size: clamp(1.6rem, 1.6vw, 1.8rem); 
	text-align: center;
	height: auto;
	padding: 10px;
	display: flex;
  justify-content: center;
  align-items: center;
	
}
.min {
	font-size: clamp(1.2rem, 1.4vw, 1.4rem); 
}
	
.tokucyo {
	font-size: clamp(1.3rem, 1.5vw, 1.5rem); 
	text-align: left;
	margin-top: 10px;
}

.priceKOME {
	margin-bottom: 30px;
}

.priceKOME li {
	text-indent: -2.4rem;
  padding-left: 2.4rem;
	margin-bottom: 5px;
	font-size: clamp(1.2rem, 1.4vw, 1.4rem); 
	
}

.priceBLOCK h5 {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: clamp(1.8rem, 3vw, 3rem); 
	margin-bottom: 5px;
	color:#15a192;
}


table#table-01 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	box-sizing: border-box;
	font-size: clamp(1.4rem, 1.8vw, 1.8rem); 
}

table#table-01 th {
	display: block;
	width: 100%;
    padding: 15px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 0px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
	box-sizing: border-box;
}
table#table-01 td {
	display: block;
	width: 100%;
    padding: 15px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 0px 0px;
    text-align: left;
	box-sizing: border-box;
}

.spkoumoku {
	display:inline-block;
	background: #666666;
	color:#fff;
	font-size: clamp(1.2rem, 1.4vw, 1.4rem); 
	width: 120px;
	margin-right: 10px;
	padding: 5px;
	text-align: center;
}

}


.seqBOX {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.seqBOX li {
	width: 49.5%;
	border: #f6f6f6 10px solid;
	padding: 40px;
	box-sizing: border-box;
	font-size: clamp(1.5rem, 1.6vw, 1.7rem) ; 
}
.seqBOX li figure {
	width: 40%;
margin: auto;
	margin-bottom: 20px;
	margin-top: -60px;
}
.seqBOX li h3 {
	text-align: center;
	font-size: clamp(1.8rem, 3.3vw, 2.4rem); 
	color:#15a192;
	margin-bottom: 10px;
}
.seqBOX li p {
	
}


@media screen and (max-width: 834px) {
.seqBOX {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 30px;
}
.seqBOX li {
	width: auto;
	border: #f6f6f6 10px solid;
	padding: 20px;
	box-sizing: border-box;
	font-size: clamp(1.5rem, 1.6vw, 1.7rem) ; 
	margin-bottom: 20px;
}
.seqBOX li figure {
	width: 35%;
margin: auto;
	margin-bottom: 15px;
	margin-top: -40px;
}
.seqBOX li h3 {
	text-align: center;
	font-size: clamp(1.8rem, 3.3vw, 2.4rem); 
	color:#15a192;
	margin-bottom: 10px;
}
.seqBOX li p {
	
}	
}

.wbg {
	background: #fff;
	padding: 40px 40px 40px 40px;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	border-radius: 20px;
	margin-bottom: 30px;
}
.wbg02 {
	background: #fff;
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	border-radius: 10px;
	margin-bottom: 30px;
}


.flexBOX  {
	display: flex;
	justify-content: space-between;
}
.flexL {
	width: 75%;
	display: flex;
	flex-direction: column;
  justify-content: center;

}
.flexR {
	width: 20%;
	top:-10px;
	position: relative;
}

.wbg02 h4 {
	font-size: clamp(1.6rem, 2.7vw, 2.4rem); 
	margin-bottom: 20px;
	background: #f7e695;
	padding: 12px 15px 12px 40px;
	box-sizing: border-box;
	margin-left: -20px;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	line-height: 1.5;
}
.wbg h6 {
	padding: 0;
	margin: 0;
	font-size: clamp(1.6rem, 2.4vw, 2.3rem); 
	margin-bottom: 15px;
	color:#00afcb;
	box-sizing: border-box;
	margin-left: 0px;
}


.flexL .list li{
    list-style: none;
	text-align: left;
	font-size: clamp(1.5rem, 2vw, 1.8rem); 
	line-height: 1.7;
	text-indent:0px; 
    margin-left:0px;
	font-weight: 600;
	padding-left: 1.5em;
  text-indent: -1.5em;
	margin-bottom: 10px;
	
}
 
.flexL .list > li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;/*←ココ*/
  content: "\f111";
  position: relative;
  left : 0em; 
  color: #00afcb; 
  margin-right: 10px;
}

.wbg h5 {
	font-size: clamp(1.8rem, 2.9vw, 2.8rem); 
	margin-bottom: 30px;
	background: #15a192;
	color:#fff;
	padding: 15px 15px 15px 15px;
	box-sizing: border-box;
	border-radius: 6px;
	text-align: center;
}

.Block {
	margin-bottom: 60px;
}


.fuki {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 7px 10px;
  width: 300px;
  color: #fff;
  background: #15a192;
	font-size: clamp(1.5rem, 2.2vw, 2.2rem); 
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 50px;
}

.fuki:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #15a192;
}

.meoBOX {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0px 0;
}

.meoBOX li{
	display: flex;
	justify-content: space-between;
	background: #f5f5f5;
	padding: 15px;
	box-sizing: border-box;
	width: 49%;
	margin-bottom: 15px;
	border-radius: 10px;
	
}
.meoBOX li figure {
	width: 30%;
	padding: 0;
	margin: 0;
	
}
.meoBOX li .text {
	width: 65%;
	display: flex;
  justify-content: center;
  align-items: center;
}
.meoBOX li .text h5 {
	font-size: clamp(1.8rem, 3.3vw, 2rem); 
	line-height: 1.5;
}
.meoBOX li .text p {
	font-size: clamp(1.4rem, 1.6vw, 1.6rem) ; 
	line-height: 1.5;
}


/* --------------------------　Content08　-------------------------- */

.Content08 {
	background: #f2efe7;
	padding: 60px 0 60px 0;
	box-sizing: border-box;
	
}

.Content08 h2 {
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 30px;
	
}

.serviceBOX {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.serviceBOX li {
	width: 32.5%;
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 8px;
	margin-bottom: 10px;
}
.serviceBOX li figure {
	margin-bottom: 10px;
}
.serviceBOX li h3 {
	text-align: center;
	font-size: clamp(1.5rem, 2.2vw, 2.2rem); 
	line-height: 1.5;
	color:#15a192;
}


.priceFLEX {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dotted #808080;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.priceFLEX li {
	width: 50%;
}
.paypal {
	width: 90%;
	margin: auto;
}



.writerBOX {
	display: flex;
	justify-content: space-between;
}
.writerL  {
	width: 20%;
}
.writerR  {
	width: 75%;
}
.writerR h6  {
	font-size: clamp(1.8rem, 3.3vw, 2.8rem); 
	margin-bottom: 15px;
	border-bottom: 3px dotted #342619;
	padding-bottom: 10px;
}
.writerR h6 span  {
	font-size: clamp(1.4rem, 1.8vw, 1.8rem); 
	color:#15a192;
}
.writerR  p {
	line-height: 1.8;
	font-size: clamp(1.4rem, 1.6vw, 1.7rem); 
}

@media screen and (max-width: 834px) {
.wbg {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	border-radius: 10px;
	margin-bottom: 10px;
}
.wbg02 {
	background: #fff;
	padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	border-radius: 10px;
	margin-bottom: 10px;
}


.flexBOX  {
	display: flex;
	position: relative;
	justify-content: space-between;
}
.flexL {
	width: 74%;
	display: flex;
	flex-direction: column;
    justify-content: center;
	margin-bottom: 0px;
}

.flexR {
	width: 25%;
	margin: auto;
	margin-bottom: 0px;
	top:0px;
	right: 0;
	position: absolute;
}

.wbg02 h4 {
	font-size: clamp(1.5rem, 2.7vw, 2.6rem); 
	margin-bottom: 10px;
	background: #f7e695;
	padding: 7px 10px 7px 15px;
	box-sizing: border-box;
	margin-left: -10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	line-height: 1.4;
}
	
.wbg h6 {
	padding: 0;
	margin: 0;
	font-size: clamp(1.5rem, 2.4vw, 2.5rem); 
	margin-bottom: 10px;
	color:#00afcb;
	box-sizing: border-box;
	margin-left: 0px;
	line-height: 1.4;
}
	

.flexL h4 {
	font-size: clamp(1.8rem, 2.9vw, 2.8rem); 
	margin-bottom: 15px;
	background: #15a192;
	color:#fff;
	padding: 15px 15px 15px 20px;
	box-sizing: border-box;
	margin-left: -20px;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
}



.flexL .list li{
    list-style: none;
	text-align: left;
	font-size: clamp(1.3rem, 2.2vw, 2.2rem); 
	line-height: 1.5;
	text-indent:0px; 
    margin-left:0px;
	font-weight: 600;
	padding-left: 1.5em;
  text-indent: -1.8em;
	margin-bottom: 5px;
}
 
.flexL .list > li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;/*←ココ*/
  content: "\f111";
  position: relative;
  left : 0em; 
  margin-right: 10px;
}

.wbg h5 {
	font-size: clamp(1.8rem, 2.9vw, 2.8rem); 
	margin-bottom: 15px;
	background: #15a192;
	color:#fff;
	padding: 10px 15px 10px 15px;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: center;
}

.Block {
	margin-bottom: 30px;
}


.fuki {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 7px 10px;
  width: 300px;
  color: #fff;
  background: #15a192;
	font-size: clamp(1.5rem, 2.2vw, 2.2rem); 
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 30px;
}

.fuki:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #15a192;
}

.meoBOX {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 20px 0;
}

.meoBOX li{
	display: flex;
	justify-content: space-between;
	background: #f5f5f5;
	padding: 15px;
	box-sizing: border-box;
	width: auto;
	margin-bottom: 8px;
	border-radius: 10px;
	
}
.meoBOX li figure {
	width: 25%;
	padding: 0;
	margin: 0;
	
}
.meoBOX li .text {
	width: 72%;
}
.meoBOX li .text h5 {
	font-size: clamp(1.5rem, 3.3vw, 2.4rem); 
}
.meoBOX li .text p {
	font-size: clamp(1.4rem, 1.6vw, 1.6rem) ; 
	line-height: 1.5;
}


/* --------------------------　Content08　-------------------------- */

.Content08 {
	background: #f2efe7;
	padding: 30px 0 30px 0;
	box-sizing: border-box;
	
}

.Content08 h2 {
	font-size: clamp(2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 15px;
}

.serviceBOX {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
.serviceBOX li {
	width: auto;
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 8px;
	margin-bottom: 10px;
	display: flex;
}
.serviceBOX li figure {
	margin-bottom: 10px;
	width: 25%;
}
.serviceBOX li h3 {
	text-align: center;
	font-size: clamp(1.8rem, 2.2vw, 2.2rem); 
	line-height: 1.5;
	color:#15a192;
	width: 70%;
}


.priceFLEX {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-bottom: 1px dotted #808080;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.priceFLEX li {
	width: auto;
	margin-bottom: 15px;
}
.paypal {
	width: 90%;
	margin: auto;
}
	
.writerBOX {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.writerL  {
	width: 30%;
	margin: auto;
	margin-bottom: 15px;
}
.writerR  {
	width: auto;
}
.writerR h6  {
	text-align: center;
	font-size: clamp(1.8rem, 3.3vw, 2.4rem); 
	margin-bottom: 10px;
}
.writerR h6 span  {
	font-size: clamp(1.4rem, 1.8vw, 1.8rem); 
	color:#15a192;
}
.writerR  p {
	line-height: 1.6;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem); 
}	
	
.writerR img  {
	margin-bottom: 10px;
}
}



.kome p {
	font-size: clamp(1.2rem, 1.6vw, 1.6rem); 
}

.yell {
	color:#ffff00;
	font-weight: bold;
}

.und {
	text-decoration: underline;
}





.tokuten {
	border: 5px solid #b00028;
	padding: 20px;
	box-sizing: border-box;
	margin: 0px 0 40px 0;
	background: #fff;
}
.tokuten p {
	font-size: clamp(1.8rem, 2.4vw, 2.6rem); 
	font-weight: bold;
	color:#b00028;
	text-align: center;
}


.userBOX  {
	display: flex;
	justify-content: space-between;
}

.userBOX figure  {
	width: 20%;
}


.userBOX .fukida {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 20px;
  width: 75%;
 font-size: clamp(1.4rem, 1.6vw, 1.6rem); 
  background: #edf6f8;
	text-align: left;
	box-sizing: border-box;
	border-radius: 10px;
	line-height: 1.6;
}

.userBOX .fukida:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #edf6f8;
}
.userBOX .fukida p {
  color:#00afcb;
	border-bottom: dotted 2px #53adc8;
	line-height: 1.6;
	font-weight: 600;
	font-size: clamp(1.5rem, 1.8vw, 1.8rem); 
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.youtubeBOX {
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
	border-radius: 20px;
	border: 5px solid #ecf0f4;
	margin-bottom: 50px;
}

.youtubeBOX h2 {
	
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	color:#00afcb;
	line-height: 1.5;
	margin-bottom: 20px;
	text-align: center;
}

.kai {
	background: url("../../images/img01pc.jpg");
	width: 100%;
	height: 540px;
	background-position: center top;
}


.meritTITLE {
	background: #046a7f;
	position: relative;
  display: block;
	padding: 8px 20px;
	font-size: 2rem;
	font-weight: 600;
	box-sizing: border-box;
	margin-bottom: 5px;
	border-radius: 40px;
	color:#fff;
	width: 50%;
	text-align: center;
	margin: auto;
}
.meritTITLE:before {
	content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #046a7f;
}

.meritTEXT {
	margin-top: -20px;
	background: #f6f6f6;
	padding: 40px 20px 12px 20px;
	font-size: 2rem;
	font-weight: 600;
	box-sizing: border-box;
	margin-bottom: 20px;
	border-radius: 5px;
	text-align: center;
}




.meritWAKU .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.meritWAKU .list li{ 
	width: 49%;
	padding: 30px;
	box-sizing: border-box;
	margin-bottom: 15px;
	border-radius: 5px;
	 position: relative;
	background-image: linear-gradient(-135deg, transparent 10px, #eff7f9 10px);
	font-size: clamp(1.7rem, 2.3vw, 2.2rem); 
}
.meritWAKU .list li::before { 
	position: absolute;
    content: '';
    right: 0px; top: 0px;
    width: 15px; height: 15px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
}



.meritWAKU .list li h4 { 
	position: relative;
	background: #046a7f;
	text-align: center;
	color:#fff;
	font-size: clamp(1.7rem, 2.1vw, 2rem); 
	font-weight: bold;
	padding: 5px 5px 7px 5px;
	box-sizing: border-box;
	margin: 0;
	border-radius: 40px;
	margin-top: -5px;
	margin-bottom: 20px;
}
.meritWAKU .list li h4:before { 
	content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #046a7f;
}
.meritWAKU .list li p {
	font-size: clamp(1.4rem, 1.8vw, 1.8rem);
	line-height: 1.6;
	font-weight: 500;
}


.tokuBOX {
	margin-bottom: 15px;
	
}
.tokuBOX li {
	background: #fff;
	display: flex;
	justify-content: space-between;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 5px;
}
.tokuBOX li figure {
	width: 20%;
}
.tokuBOX li .text {
	width: 78%;
}
.tokuBOX li .text h4 {
	font-size: clamp(1.7rem, 2.1vw, 2.2rem); 
	font-weight: bold;
	border-bottom: 2px dotted #046a7f;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.tokuBOX li .text p {
	font-size: clamp(1.4rem, 1.8vw, 1.8rem);
	line-height: 1.6;
	margin: 0;
}

.jireiBOX {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.jireiBOX li {
	width: 32%;
	margin: 0 5px 12px 5px;
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	 position: relative;
	background-image: linear-gradient(-135deg, transparent 10px, #eff7f9 10px);
}

.jireiBOX li::before {
    position: absolute;
    content: '';
    right: 0px; top: 0px;
    width: 15px; height: 15px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
}




.jireiBOX li h4 {
	padding: 0;
	margin: 0;
	font-size: clamp(1.7rem, 2.1vw, 2rem); 
	font-weight: bold;
		border-bottom: 2px dotted #046a7f;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: 1.4;
}
.jireiBOX li p {
	font-size: clamp(1.4rem, 1.8vw, 1.6rem);
	line-height: 1.6;
	margin: 0;
}

.wao {
	font-size: clamp(1.7rem, 2.1vw, 3.5rem); 
	text-align: center;
	font-weight: bold;
	font-family: "Noto Serif JP", serif;
	margin-top: 10px;
}

.sampleBOX {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.sampleBOX li {
	width: 24%;
}

.Content02 figure {
	margin-bottom: 10px;
}

/* 019 */
.cta03 a {
    background: #2ea956;
    border-radius: 60px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
   max-width: 90%;
    padding: 10px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size: clamp(1.5rem, 1.6vw, 1.6rem); 
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 15px;
	
}
.cta03 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.cta03 a:hover {
  background: #6bb6ff;
  color: #FFF;
}
.cta03 a:hover:after {
  right: 1.4rem;
}


@media screen and (max-width: 834px) {
	

.tokuten {
	border: 5px solid #b00028;
	padding: 15px;
	box-sizing: border-box;
	margin: 0px 0 20px 0;
	background: #fff;
}
.tokuten p {
	font-size: clamp(1.7rem, 2.4vw, 2.6rem); 
	font-weight: bold;
	color:#b00028;
	text-align: center;
}


.userBOX  {
	display: flex;
	justify-content: space-between;
}

.userBOX figure  {
	width: 15%;
}


.userBOX .fukida {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 15px;
  width: 80%;
 font-size: clamp(1.3rem, 1.6vw, 1.6rem); 
  background: #edf6f8;
	text-align: left;
	box-sizing: border-box;
	border-radius: 10px;
	line-height: 1.5;
}

.userBOX .fukida:before {
  content: "";
  position: absolute;
  top: 8%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #edf6f8;
}
.userBOX .fukida p {
  color:#00afcb;
	border-bottom: dotted 2px #53adc8;
	line-height: 1.5;
	font-weight: 600;
	font-size: clamp(1.4rem, 1.8vw, 1.8rem); 
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.youtubeBOX {
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 5px solid #ecf0f4;
	margin-bottom: 50px;
}

.youtubeBOX h2 {
	
	font-size: clamp(1.7rem, 3.7vw, 3.6rem); 
	color:#00afcb;
	line-height: 1.5;
	margin-bottom: 10px;
	text-align: center;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
	
.kai {
	background: url("../../images/img01pc.jpg");
	width: 100%;
	height: auto;
	background-position: center top;
}
	


.meritWAKU .list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

.meritWAKU .list li{ 
	width: auto;
	padding: 15px;
	box-sizing: border-box;
	margin-bottom: 5px;
	border-radius: 5px;
	 position: relative;
	background-image: linear-gradient(-135deg, transparent 10px, #eff7f9 10px);
	font-size: clamp(1.5rem, 2.3vw, 2.2rem); 
}
.meritWAKU .list li::before { 
	position: absolute;
    content: '';
    right: 0px; top: 0px;
    width: 15px; 
	height: 15px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
}



.meritWAKU .list li h4 { 
	position: relative;
	background: #046a7f;
	text-align: center;
	color:#fff;
	font-size: clamp(1.6rem, 2.1vw, 2rem); 
	font-weight: bold;
	padding: 5px 5px 7px 5px;
	box-sizing: border-box;
	margin: 0;
	border-radius: 40px;
	margin-top: -5px;
	margin-bottom: 10px;
}
.meritWAKU .list li h4:before { 
	content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #046a7f;
}
.meritWAKU .list li p {
	font-size: clamp(1.4rem, 1.8vw, 1.8rem);
	line-height: 1.6;
	font-weight: 500;
}


.tokuBOX {
	margin-bottom: 5px;
	
}
.tokuBOX li {
	background: #fff;
	display: flex;
	justify-content: space-between;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 0;
}
.tokuBOX li figure {
	width: 27%;
}
.tokuBOX li .text {
	width: 70%;
}
.tokuBOX li .text h4 {
	font-size: clamp(1.7rem, 2.1vw, 2.2rem); 
	font-weight: bold;
	border-bottom: 2px dotted #046a7f;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: 1.5;
}
.tokuBOX li .text p {
	font-size: clamp(1.4rem, 1.8vw, 1.8rem);
	line-height: 1.5;
	margin: 0;
}

.jireiBOX {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.jireiBOX li {
	width: 49%;
	margin: 0 0 5px 0;
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	 position: relative;
	background-image: linear-gradient(-135deg, transparent 10px, #eff7f9 10px);
}

.jireiBOX li::before {
    position: absolute;
    content: '';
    right: 0px; top: 0px;
    width: 15px; height: 15px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
}




.jireiBOX li h4 {
	padding: 0;
	margin: 0;
	font-size: clamp(1.4rem, 2.1vw, 2rem); 
	font-weight: bold;
		border-bottom: 2px dotted #046a7f;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: 1.4;
	text-align: left;
}
.jireiBOX li p {
	font-size: clamp(1.3rem, 1.8vw, 1.6rem);
	line-height: 1.4;
	margin: 0;
}

.wao {
	font-size: clamp(1.5rem, 2.1vw, 3.5rem); 
	text-align: center;
	font-weight: bold;
	font-family: "Noto Serif JP", serif;
	margin-top: 10px;
}
	
.sampleBOX {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 0px;
}
.sampleBOX li {
	width: 49%;
}

.Content02 figure {
	margin-bottom: 10px;
}

/* 019 */
.cta03 a {
    background: #2ea956;
    border-radius: 60px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
   max-width:100%;
    padding: 8px 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size: clamp(1.3rem, 1.6vw, 1.6rem); 
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 15px;
	
}
.cta03 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.cta03 a:hover {
  background: #6bb6ff;
  color: #FFF;
}
.cta03 a:hover:after {
  right: 1.4rem;
}
	


}



.red  {
	color:#ad0003;
}