h3{font-size:116%;}
.withgdo-text{line-height:180%;background:#f5f5f5;}
.withgdo-text .explain{padding:30px;}
.vgcup-img img{width:100%;}
.vgcup-name{margin-top:15px;font-weight:bold;font-size:150%;text-align:center;border-bottom:2px #CCC solid;margin-left:20px;margin-right:20px;padding-bottom:10px;margin-bottom:15px;}
.vgcup-name span{font-size:70%;}
.vgcup-text{padding-top:10px;margin-top:15px;border-top:2px #CCC solid;border-bottom:2px #CCC solid;margin-left:20px;margin-right:20px;padding-bottom:10px;margin-bottom:15px;}
.course-img img{width:100%;}
.course-text{line-height:180%;}
.course-text .title{background:#e7e6de;color:#000;padding:20px 10px;border-radius:2px;font-size:130%;}
.course-text .title span{margin-left:8px;}
.course-text .explain{padding:10px;color:#555;}
.detail{width:100%;border-spacing:5px;}
.detail th{text-align:center;background:#e7e6de;padding:15px;}
.detail td{padding:15px;font-size:120%;}
.detail font{font-size:80%;}
.tel{border:5px #EEE solid;padding:30px 10px;margin:30px 10% 0 10%;}
.tel p{text-align:center;padding:3px 0;}
.tel p a{font-size:160%;}
.tel p a i{margin-right:5px;}
.info {border:5px #EEE solid;padding:30px 10px;margin:30px 0;}
.info p {font-size:120%; color: #FF66A3;}
.list-kyogi li{border:1px #006fb7 solid;margin-bottom:10px;}
.list-kyogi li.none{border:0;}
.list-kyogi dl{display:flex;justify-content:space-between;}
.list-kyogi dl dt{width:21%;text-align:center;background:#006fb7;padding:2.5% 2%;color:#fff;letter-spacing:0.5px;}
.list-kyogi dl dd{width:71%;padding:2.5% 2%;}
.list-kyogi dl dd p{font-weight:bold;color:#006fb7;font-size:110%;}
.list-kyogi dl dd p span{font-size:80%;}
.list-paid dl{display:flex;justify-content:space-between;margin:10px;}
.list-paid dl dt{width:20%;text-align:center;background:#05a15d;color:#000;letter-spacing:0.5px;padding:15px 0;border-radius:2px;color:#FFF;}
.list-paid dl dt span{display:block;text-align:center;}
.list-paid dl font{font-size:85%;}
.list-paid dl dd{width:78%;}
.list-paid .course{font-weight:bold;}
.list-paid .price{margin-top:4px;}
.list-paid .featured_prize{margin-top:3px;border-top:1px #CCC dashed;padding-top:5px;color:#05a15d;font-weight:bold;}
.list-paid .featured_prize span{background:#05a15d;padding:2px 5px;border-radius:5px;margin-right:5px;font-size:85%;color:#FFF;font-weight:normal;}
.list-prize li{border:1px #CCC solid;margin-bottom:10px;}
.list-prize li.none{border:0;}
/* .list-prize dl{display:flex;justify-content:space-between;} */
.list-prize dl{display:flex;justify-content:space-between; align-items: center;}
.list-prize dl dt{width:16%;text-align:center;color:#333;letter-spacing:0.5px;}
.list-prize dl dt span{display:block;text-align:center;}
.list-prize dl dt font{font-size:85%;}
.list-prize dl dd{width:76%;padding:1% 2%;}
.list-prize .featured_prize{margin-top:3px;border-top:1px #CCC dashed;padding-top:5px;color:#0094dd;font-weight:bold;letter-spacing:-0.5px;}
.list-prize .featured_prize span{background:#0094dd;padding:2px 5px;border-radius:5px;margin-right:5px;font-size:85%;color:#FFF;font-weight:normal;}
.list-prize-title{font-weight:bold;margin-bottom:10px;border:5px #0074bd double;padding:15px;color:#0074bd;font-size:110%;}
.content_link a{text-decoration:none;color:#333;display:block;}
.content_link a:hover{opacity:0.6;}
@media screen and (min-width:651px){.list-prize-title{margin-top:20px;}}
@media screen and (max-width:650px){h2{padding:10px 5px;font-size:100%;}.list-paid dl{padding-bottom:10px;}.list-paid dl dt{font-size:90%;}.subject{font-size:90%;}.list-prize{font-size:90%;}.list-paid .featured_prize{font-size:90%;letter-spacing:0;}}

@media screen and (min-width:651px){
	.course-text{display:flex;justify-content:space-between;}
	.course-text li{width:49%;}
	.detail th{width:30%;}
}
@media screen and (max-width:650px){
	.vgcup-name{font-size:130%;}
	.vgcup-text{font-size:90%;}
	.course-text{padding:15px;}
	.course-text li{margin-bottom:20px;}
	.detail td{font-size:110%;}
	.detail th,.detail td{display:block;width:90%;padding:10px 5%;text-align:left;}
}
.new font{background:rgba(220,0,0,1.00);padding:2px 5px;color:#FFF;border-radius:15px;float:right;font-size:61%;font-weight:normal;}


/* -------------------------------------------- */
/* 追加 */
/* -------------------------------------------- */
.card-contents {	
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

.card-contents__text {	
  position: relative;
  display: inline-block;

  width: 130px;
  height: 130px;

  border-radius: 50%;
	
	/* inter font default */
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: "slnt" 0;
	/* inter font default */
	color: #FF0101;
	font-size: 20px;
  background: #F8E00C;
	margin-left: auto;
	margin-right: auto;

}

.card-contents__text p {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :130px;
  text-align:center;
}

.card-contents__image {
	aspect-ratio: 1 / 1;
	width: 100%;
}


.sub-title{
	text-align: center;
	/* inter font default */
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: "slnt" 0;
	/* inter font default */
	color: #000000;
	font-size: 20px;
	margin-top: 10px;

}

.sub-text{
	/* inter font default */
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "slnt" 0;
	/* inter font default */
	color: #FF0101;
	font-size: 15px;
	width: 100%;
	max-width: 768px;
	text-align: center;
	padding: 12px 0;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #E5E28B;
	margin-bottom: 38px;

}

.h3-blue {
  display: flex;
	flex-direction: column;
  align-items: center;
	justify-content: center;
	text-align: center;
	border-left: none;
}

.h3-blue--large{
	font-size: 20px;
}

.detail th {
	background-color: #F7EFD3;
}

.list__img{
	width: 60px;
	height: auto;	
}

.list__box{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%; 
  min-height: 60px;
}