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

.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;
	margin-top: 60px;
	
}
.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;
padding-top: 40px;
	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: 4px;
}

}

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

.introBOX {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.introL {
	width: 70%;
	
}
.introR {
	width: 25%;
	margin-top: -80px;
}

.introL h2 {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	color:#fff;
	line-height: 1.5;
	margin-bottom: 20px;
	border-bottom: 4px dotted #fff;
	padding-bottom: 15px;
	margin-top: 30px;
}
.introL p {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-size: clamp(1.6rem, 2vw, 2.4rem); 
	color:#fff;
	line-height: 1.7;
	margin-bottom: 20px;
}
.introR img {
	position: relative;
	
}
ul.introbullet {
	margin-bottom: 40px;
}
ul.introbullet li {
  position:relative;
  line-height: 1.5;
	background: #fff;
	padding: 12px 15px 12px 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 {
	background: #00afcb;
	padding: 30px 0 10px 0;
}

.introBOX {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	margin-top: -60px;
	margin-bottom: 0px;
}

.introL {
	width: auto;
}
.introR {
	width: 40%;
	margin: auto;
	position: relative;
	margin-top: 0px;
}

.introL h2 {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-size: clamp(4.7vw, 3.7vw, 3.6rem); 
	color:#fff;
	line-height: 1.5;
	margin-bottom: 10px;
	border-bottom: 4px dotted #fff;
	padding-bottom: 10px;
	margin-top: 0px;
}
.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-bottom: 10px;
	
}
ul.introbullet {
	margin-bottom: 0px;
}
ul.introbullet li {
  position:relative;
  line-height: 1.5;
	background: #fff;
	padding: 8px 12px 8px 40px;
	box-sizing: border-box;
	margin-bottom: 5px;
	font-size: clamp(1.5rem, 2.5vw, 2.1rem); 
	font-weight: 500;
	border-radius: 4px;
	
}
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: #fff;
	padding: 40px;
	box-sizing: border-box;
	margin-top: -70px;
	z-index: 1;
	border: 15px solid #e2dbb8;
	border-radius: 15px;
}
.checkBLOCK h2 {
	color:#00afcb;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.4;
	margin-bottom: 15px;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}
ul.checkbullet li {
  position:relative;
  line-height: 1.5;
	background: #f3f4f4;
	padding: 10px 15px 10px 50px;
	box-sizing: border-box;
	margin-bottom: 8px;
	font-size: clamp(1.6rem, 2.1vw, 2.1rem); 
	font-weight: 600;
}
ul.checkbullet li:before{
  position: absolute;
	top:12px;
  left: 15px;
  color: #e74c3c;
  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: 850px;
	margin: auto;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 0px;
	clip-path: polygon(0 0, 100% 0, 100% 60%, 50% 100%, 0 60%);
}
.kaiketu  p {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	line-height: 1.4;
	font-weight: bold;
	padding: 40px 0 70px 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: #f3f9fa;
	padding: 60px 0 30px 0;
	box-sizing: border-box;
	
}

.Content02 h2 {
	margin: auto;
	width: 80%;
	position: relative;
	background: #00afcb;
	color:#fff;
	padding: 10px 15px;
	border-radius: 60px;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 60px;
	box-sizing: border-box;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	
}
.Content02 h2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #00afcb;
}

.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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.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;
	margin-bottom: 20px;
}



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

.Content03 {
	background: #fff;
	padding: 30px 0 30px 0;
	box-sizing: border-box;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	position: relative;
}


.ctaBOX {
	background: #00afcb;
	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: 40px 40px 50px 40px;
	box-sizing: border-box;
}
.ctaBOX h2 {
	color:#fff;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	padding: 0 !important;
	margin-bottom: 10px !important;
}
.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: #fff;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
   max-width: 90%;
    padding: 20px 25px;
    color: #00afcb;
    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: #ffba01;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
   max-width: 90%;
    padding: 20px 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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.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: 60px 0 60px 0;
	box-sizing: border-box;
	
}

.Content05 h2 {
	margin: auto;
	width: 80%;
	position: relative;
	background: #00afcb;
	color:#fff;
	padding:  10px 15px;
	border-radius: 40px;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	margin-bottom: 60px;
	box-sizing: border-box;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}
.Content05 h2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #00afcb;
}

.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;
}
.Content05 h5 {
		font-size: clamp(2rem, 3.1vw, 3rem); 
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}



.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: 10px;
}


.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 15px;
	position: relative;
	background: #00afcb;
	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;
	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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}
.checkBLOCK {
	position: relative;
	padding: 8px;
	box-sizing: border-box;
	margin-top: 0px;
	z-index: 1;
	border: 10px solid #e2dbb8;
	border-radius: 6px;
}
.checkBLOCK h2 {
	font-size: 5vw; 
	text-align: center;
	line-height: 1.4;
	margin-bottom: 10px;
	letter-spacing: 0;
}
ul.checkbullet li {
  position:relative;
  line-height: 1.4;
	padding: 8px 10px 8px 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:8px;
  left: 10px;
  color: #15a192;
  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-family: "dnp-shuei-mgothic-std", sans-serif;
	font-size: clamp(4vw, 3.7vw, 3.6rem); 
	line-height: 1.4;
	font-weight: bold;
	padding: 20px 0 0px 0;
}
.kaiketu  p span {

	font-size:4.8vw;
}

.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: 20px 0 15px 0;
	box-sizing: border-box;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.Content02 h2 {
	font-size: clamp(5vw, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.4;
	margin-bottom: 30px;
	padding: 10px;
	letter-spacing: 0;
	width: 95%;
	border-radius: 6px;
}
	
.Content02 h2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #00afcb;
}

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

}
.Content02 p {
	font-size: 1.4rem; 
	margin-bottom: 20px;
}

.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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	position: relative;
}


.ctaBOX {

	padding: 10px;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
	
.ctaBOX .inner p {
text-align: center;
	color:#fff;
}


.ctaBOX .inner {
	border: 2px solid #fff;
	padding: 20px;
	box-sizing: border-box;
}
.ctaBOX h2 {
	color:#fff;
	font-size: clamp(1.8rem, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.6;
	padding: 0 !important;
	margin-bottom: 10px !important;
}
.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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.Content05 h2 {
	font-size: clamp(5vw, 3.7vw, 3.6rem); 
	text-align: center;
	line-height: 1.4;
	margin-bottom: 30px;
	padding: 10px;
	letter-spacing: 0;
	width: 95%;
	border-radius: 6px;
}
	
.Content05 h2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #00afcb;
}

	
.Content05 h2 span {
	color:#15a192;
}

.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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

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



.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: 10px 45px 10px 15px;
	position: relative;
	background: #15a192;
	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: 15px;
	margin-bottom: 30px;
}
.wbg02 {
	background: #fff;
	padding: 20px 20px 10px 20px;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	border-radius: 15px;
	margin-bottom: 10px;
}


.flexBOX  {
	display: flex;
	justify-content: space-between;
	width: 95%;
	margin: auto;
}
.flexL {
	width: 75%;
	

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

.wbg02 h4 {
	font-size: clamp(1.6rem, 2.7vw, 2.2rem); 
	text-align: left;
	margin-bottom: 20px;
	background: #f7e695;
	padding: 10px 15px 10px 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.5;
	text-indent:0px; 
    margin-left:0px;
	font-weight: 600;
	padding-left: 1.5em;
  text-indent: -1.5em;
	margin-bottom: 5px;
	
}
 
.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;
	margin-bottom: 20px;
}

.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;
	text-align: left;
}
.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;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.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: 10px;
	margin-bottom: 10px;
}

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


.Content08 h6  {
	font-size: clamp(1.8rem, 3.3vw, 2.8rem); 
	margin-bottom: 20px;
	border-bottom: 3px dotted #342619;
	padding-bottom: 10px;
}

.voiceimg {
	width: 90%;
	margin: auto;
	margin-bottom: 20px;
}



.writerBOX {
	display: flex;
	justify-content: space-between;
}
.writerL  {
	width: 20%;
}
.writerR  {
	width: 75%;
}

.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: 5px;
	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: 5px;
	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 10px 0;
}

.meoBOX li{
	display: flex;
	justify-content: space-between;
	background: #f5f5f5;
	padding: 10px 15px;
	box-sizing: border-box;
	width: auto;
	margin-bottom: 5px;
	border-radius: 5px;
	
}
.meoBOX li figure {
	width: 25%;
	padding: 0;
	margin: 0;
	
}
.meoBOX li .text {
	width: 72%;
}
.meoBOX li .text h5 {
	font-size: clamp(3.9vw, 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: 20px 0 30px 0;
	box-sizing: border-box;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.Content08 h2 {
	font-size: clamp(5vw, 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;
}
	
.Content08 h6  {
	font-size: 4vw; 
	margin-bottom: 15px;
	border-bottom: 2px dotted #342619;
	padding-bottom: 5px;
}
	
.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.4rem, 1.6vw, 1.6rem); 
}

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

.und {
	text-decoration: underline;
}





.tokuten {
	margin: 0px 0 20px 0;

}


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

.userBOX figure  {
	width: 18%;
}


.userBOX .fukida {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 20px;
  width: 80%;
 font-size: clamp(1.4rem, 1.6vw, 1.6rem); 
  background: #edf6f8;
	text-align: left;
	box-sizing: border-box;
	border-radius: 6px;
	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;
}

.gdx {
	font-size: clamp(1.4rem, 1.6vw, 1.6rem); 
	background: #f7f7f7;
	padding: 20px;
	border-radius: 6px;
	margin-top: 15px;
}
.gdx .title {
	line-height: 1.6;
	font-weight: 600;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem); 
	margin-bottom: 5px;
}



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

.youtubeBOX h2 {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	color:#00afcb;
	line-height: 1.5;
	margin-bottom: 20px;
	text-align: center;
	margin-top: -15px;
}

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

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

.tokuten {
	margin: 0px 0 10px 0;

}
.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: 10px;
  width: 80%;
 font-size: clamp(1.3rem, 1.6vw, 1.6rem); 
  background: #edf6f8;
	text-align: left;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 1.5;
}

.userBOX .fukida:before {
  content: "";
  position: absolute;
  top: 15%;
  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;
}
	
.gdx {
	font-size: clamp(1.4rem, 1.6vw, 1.6rem); 
	background: #f7f7f7;
	padding: 10px;
	border-radius: 4px;
	margin-top: 10px;
}
.gdx .title {
	line-height: 1.5;
	font-weight: 600;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem); 
	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-family: "dnp-shuei-mgothic-std", sans-serif;
	font-size: clamp(4.2vw, 3.7vw, 3.6rem); 
	color:#00afcb;
	line-height: 1.2;
	margin-bottom: 5px;
	text-align: center;
	margin-top: -0;
}

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

}




/*================================

緊急メッセージ

=================================*/

.intro {
	padding: 15px 20px 20px 20px;
	background-image: linear-gradient(317deg, rgba(0, 0, 0, 1) 50%, rgba(46, 45, 45, 1) 50%);
	margin-top: -100px;
	position: relative;
	z-index: 1;
	border-radius: 8px;
	margin-bottom: 40px;
}
.intro h2 {
	text-align: center;
	color:#fff;
	font-size: clamp(2.2rem, 3.7vw, 3.6rem); 
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	margin-bottom: 10px;
}

@media screen and (max-width: 834px) {
	
.intro {
	padding: 5px 3% 1% 3%;
	background-image: linear-gradient(317deg, rgba(0, 0, 0, 1) 50%, rgba(46, 45, 45, 1) 50%);
	margin-top: -50px;
	position: relative;
	z-index: 1;
	border-radius: 8px;
	margin-bottom: 15px;
}
.intro h2 {
	text-align: center;
	color:#fff;
	font-size: clamp(2rem, 3.7vw, 3.6rem); 
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	margin-bottom: 5px;
}
	
}

.c02 {
	margin-top: -80px;
}
.kakkoTITLE  {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: bold;
	font-size: clamp(2rem, 3.1vw, 3rem); 
	text-align: center;
	line-height: 1.6;
	
	--x-gradient: linear-gradient(90deg, #333 0 20px, transparent 0 calc(100% - 20px), #333 calc(100% - 20px));
    --y-gradient: linear-gradient(#333 0 20px, transparent 0 calc(100% - 20px), #333 calc(100% - 20px));
    margin: 0.5rem;
    padding: 1rem;
    background-image:
        var(--x-gradient),
        var(--y-gradient),
        var(--x-gradient),
        var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 5px, 5px 100%, 100% 5px, 5px 100%;
    background-position: top, right, bottom, left;
	margin-bottom: 40px;
}

.kensaku  {
	border: 1px solid #00afcb;
	padding: 20px;
	background: #eaf4f6;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 50px;
}
.kensaku figure  {
	width: 60%;
	margin: auto;
	margin-bottom: 15px;
	margin-top: 5px;
}


.kensaku p {
	text-align: center;
	padding: 0;
	margin: 0;
}



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


.accordion02 > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 15px;
	position: relative;
	background: #00afcb;
	color:#fff;
	font-size: clamp(1.6rem, 2.4vw, 2.4rem); 
	font-weight: bold;
	text-align: center;
	width: 80%;
	margin: auto;
	border-radius: 5px;
}
.accordion02 > ul > li > a:hover {
	opacity: 0.8;
}

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

}


.accordion02 li .accordion_icon,
.accordion02 li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion02 li .accordion_icon {
	position: absolute;
	width: 40px;
	height: 40px;
	top:50%;
	right:15px;
}
.accordion02 li .accordion_icon span {
	position: absolute;
    width: 50%;
	height: 3px;
    background-color: #fff;
}
.accordion02 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);
}
.accordion02 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);
}
.accordion02 li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion02 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);
}


.heading-18 {
	font-size: clamp(2rem, 3.1vw, 3rem); 
	text-align: center;
    padding: 10px 15px;
	box-sizing: border-box;
    border: 4px solid #00afcb;
    box-shadow: 5px 5px #00afcb;
    color: #00afcb;
	background: #fff;
	margin-bottom: 40px;
}

.optionBOX {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.optionBOX li {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	border: 2px solid #00afcb;
	margin-bottom: 30px;
	width: 48.5%;
	 box-shadow: 5px 5px #00afcb;
}

.optionBOX li  h6 {
	font-size: clamp(1.6rem, 2vw, 2rem); 
	background: #00afcb;
	padding: 5px;
	text-align: center;
	color:#fff;
	margin-bottom: 10px;
}
.optionBOX li figure {
	margin-bottom: 10px;
}
.optionBOX li  p {
	font-size: clamp(1.4rem, 1.5vw, 1.6rem); 
}

.canp {
	background: #fbf0f0;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	font-size: clamp(1.5rem, 2.5vw, 2.4rem); 
	margin-bottom: 10px;
}
.canp span {
	color:#b00028;
	font-size: clamp(1.7rem, 3.1vw, 3rem); 
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 8px;
}


/* 019 */
.more a {
    background: #b00028;
    border-radius: 40px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
   max-width: 50%;
    padding: 15px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size: clamp(1.6rem, 2vw, 2rem); 
	box-sizing: border-box;
	margin: 20px auto 0 auto;
	
}
.more 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);
}
.more a:hover {
opacity: 0.7;
  
}

.priceBOX {
	margin-bottom: 15px;
}


@media screen and (max-width: 834px) {
	
.c02 {
	margin-top: -40px;
}
.kakkoTITLE  {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: bold;
	font-size: clamp(2rem, 3.1vw, 3rem); 
	text-align: center;
	line-height: 1.6;
	
	--x-gradient: linear-gradient(90deg, #333 0 20px, transparent 0 calc(100% - 20px), #333 calc(100% - 20px));
    --y-gradient: linear-gradient(#333 0 20px, transparent 0 calc(100% - 20px), #333 calc(100% - 20px));
    margin: 0.5rem;
    padding: 1rem;
    background-image:
        var(--x-gradient),
        var(--y-gradient),
        var(--x-gradient),
        var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 5px, 5px 100%, 100% 5px, 5px 100%;
    background-position: top, right, bottom, left;
	margin-bottom: 40px;
}

.kensaku  {
	border: 1px solid #00afcb;
	padding: 15px;
	background: #eaf4f6;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.kensaku figure  {
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 5px;
}


.kensaku p {
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 3.2vw;
}



.accordion02 {
margin-bottom:15px;	
}
.accordion02:last-child {
margin-bottom: 0px;	
}
.accordion02 ul {
	width:100%;
	padding:0;
	margin: 0;
}
.accordion02 li {
	position:relative;
	list-style:none;
	margin-bottom: 10px;
}


.accordion02 > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 10px 15px;
	position: relative;
	background: #00afcb;
	color:#fff;
	font-size: clamp(1.6rem, 2.4vw, 2.4rem); 
	font-weight: bold;
	text-align: center;
	width: 80%;
	margin: auto;
	border-radius: 5px;
}
.accordion02 > ul > li > a:hover {
	opacity: 0.8;
}

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

}


.accordion02 li .accordion_icon,
.accordion02 li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion02 li .accordion_icon {
	position: absolute;
	width: 25px;
	height: 25px;
	top:50%;
	right:15px;
}
.accordion02 li .accordion_icon span {
	position: absolute;
    width: 50%;
	height: 3px;
    background-color: #fff;
}
.accordion02 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);
}
.accordion02 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);
}
.accordion02 li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion02 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);
}


.heading-18 {
	font-size: clamp(5vw, 3.1vw, 3rem); 
	text-align: center;
    padding: 10px 15px;
	box-sizing: border-box;
    border: 3px solid #00afcb;
    box-shadow: 4px 4px #00afcb;
    color: #00afcb;
	background: #fff;
	margin-bottom: 20px;
	line-height: 1.2;
}

.optionBOX {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
.optionBOX li {
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	border: 2px solid #00afcb;
	margin-bottom: 30px;
	width: auto;
	 box-shadow: 5px 5px #00afcb;
}

.optionBOX li  h6 {
	font-size: clamp(4.2vw, 2vw, 2rem); 
	background: #00afcb;
	padding: 5px;
	text-align: center;
	color:#fff;
	margin-bottom: 8px;
}
.optionBOX li figure {
	margin-bottom: 10px;
}
.optionBOX li  p {
	font-size:1.4rem; 
	padding: 0;
	margin-bottom: 0
}

	
.imglogo  {
	width: 90%;
	margin: auto;
	margin-bottom: 10px;
}
	
.Content05 h5 {
		font-size: clamp(4.5vw, 3.1vw, 3rem); 
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	margin-bottom: 10px;
}
	
	

.canp {
	background: #fbf0f0;
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
	font-size: clamp(1.6rem, 2.5vw, 2.4rem); 
	margin-bottom: 10px;
	line-height: 1.7;
}
.canp span {
	color:#b00028;
	font-size: clamp(1.8rem, 3.1vw, 3rem); 
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 5px;
}


/* 019 */
.more a {
    background: #b00028;
    border-radius: 40px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
   max-width: 70%;
    padding: 8px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size: clamp(1.5rem, 2vw, 2rem); 
	box-sizing: border-box;
	margin: 10px auto 0 auto;
	
}
.more 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);
}
.more a:hover {
opacity: 0.7;
  
}
	
.priceBOX {
	margin-bottom: 10px;
}	
	
	
	
	
	
	
}


.mgcut {
	margin-bottom: 0;
}