.bdr{border:solid 1px #333;}
.txt-blue{color:#4593E6;}
.txt-dblue{color:#0071bc;} 
.txt-small{font-size:smaller;}
.bg-white {background:#fff;}
.bg-gray{background:#eee;}
.stuffing{letter-spacing:-0.06em;}
.c-spike-list18__icon{top:0;left:0;}
.c-spike-list15__content.campaign-txt {
	border: 8px solid;
	-o-border-image: linear-gradient(to right, #4692e5, #925add) 1 stretch;
	border-image: linear-gradient(to right, #4692e5, #925add) 1 stretch;
}
.spike-c-feature{flex-wrap:wrap;}
.spike-c-feature > li{flex-basis:100%;padding-left: 80px;}
.spike-c-feature > li.u-txt-fz20 span{font-size:1.4rem;}
.spike-c-feature > li span.letter0{letter-spacing:0;}
.spike-c-feature > li:not(:last-child) {
	margin-bottom: 10px;
}
.spike-c-feature > li.u-txt-fz20 span.features{font-size:0.86rem;}
.c-spike-block4__btn {left: 0;}
.pdb-l{padding-bottom:60px;}
@media screen and (min-width:768px){
	.pdb-l{padding-bottom:75px;}
	.spike-c-feature > li{padding-left: 8px;}
	.spike-c-feature > li.u-txt-fz20 span{font-size:2rem;}
}
/* recommend */
.spike-recommend {
	position: relative;
	width: 100%;
	margin-top: 40px;
	background:#F7F7F7;
}
.spike-recommend::before {
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 8px;
    background: linear-gradient(to left, #9657DC, #4593E6);
}
.spike-recommend > dt { 
	padding: 75px 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 3rem;
	line-height: var(--line-height-s);
	letter-spacing: 0;
	background: linear-gradient(90deg, #4593E6 30%, #9657DC);
	background: -webkit-linear-gradient(0deg, #4593E6 30%, #9657DC);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.spike-recommend > dd > ul > li > figure {
	display: block;
	width: 200px;
	margin: 0 auto;
}
.spike-recommend > dd > ul > li > p {
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	line-height:1.6;
}
.c-spike-list13__q:before {
    content: "Q";
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.8em;
    margin-right: 8px;
    padding: 1px 8px 1px 0;
    color:#4593E6;
}
.c-spike-list13__item .c-spike-list13__a .c-spike-list13__txt1:before {
    content: "A";
    font-weight: 700;
    font-size: 1.8rem;
    margin-right: 1em;
    padding: 10px 0 0 2px;
    color: var(--color-prim);
}
.c-spike-list13__a {
	padding-top: 20px;
}
.c-caption .note {
	display:list-item;
	margin-left:16px;
	list-style:none;
}
.c-caption .note::before{
	content: "※";
	margin-left:-16px;
}
.c-table td {background-color:#fff;}
.c-box-caption {padding:20px;}
.c-box-caption.c-language ul li{
	list-style:disc;
	margin-left: 1.3em;
}
.c-spike-block4{margin-top:100px;}
.c-spike-block4__inner.book dl{display:flex;}
.c-spike-block4__inner.book dt{width:120px;}
.c-spike-block4__inner.book dt .circle {
	height:90px;
	width:90px;
	border-radius:50%;
	line-height:90px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:#0071bc;
}
.c-spike-block4__inner.book dd{flex-basis:80%;}
.c-spike-block4__inner.book dd ol {margin-left:30px;list-style-type: upper-latin;color:#f15a24;}
.c-spike-block4__inner.book dd ol li span{color:#000;}
.logo-set{display:inline-block;margin:8px 0 0 8px;width:180px;}
.c-spike-block4__inner.book .c-spike-block4__content.pt0{padding-top:0;}
.c-spike-block4__inner.book .c-spike-block4__content.pt0::before{content:none;}
.c-spike-point-box{
	display:block;
	padding:25px 30px;
	border:solid 6px #F1F6F6;
}
.c-spike-point-box ul{margin:0 auto;padding-left:1.4em;max-width:660px;list-style:disc;}
.c-spike-point-box .c-spike-block4__price2 span.txt-bk{font-size:0.9em;font-weight:normal;color:#000;}
@media (max-width: 767px) {
	.spike-recommend {padding: 40px 5.3333333333%;}
	.spike-recommend > dt {padding: 0 0 30px;font-size:2.2rem;}
	.spike-recommend > dd > ul > li + li {margin-top: 40px;}
	.c-spike-block4{margin-top:0;}
	.c-spike-block4__img {margin-top:0;}
}
@media (min-width: 768px) {    
	.spike-recommend {
		width: 1160px;
		margin-left: auto;
		margin-right: auto;
	}
	.spike-recommend > dt {
		font-size: 4rem;
	}
	.spike-recommend > dd {
		padding: 48px 120px 72px;
	}
	.spike-recommend > dd > ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
}
.c-spike-mv1__ttl span,
.c-spike-block4__title-subttl2{letter-spacing:0.02em;font-size:0.7em;}
.c-spike-list15__content{padding:20px;height:100%;}
.nagare ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #1c9ac5;
    margin-right: 3px;
}
.c-spike-block4__inner.book dt {
    width: 40px;
}
.c-spike-block4__inner.book dt .circle {
    height: 30px;
    width: 30px;
line-height: 30px;
}
.c-spike-block4__inner.book dd ol {
    margin-left: 30px;
    list-style-type: decimal;
    color: #f15a24;
}
.letter {background: #c6e6f0;}
.flex-container {
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items:center;
    flex-wrap: wrap;
}
.flex-item3{flex-basis:32%;}
.flex-item3.item1 {flex: 0 1 100%;}
.flex-item3.item2 {flex: 0 2 100%;}
.flex-item3.item3 {flex: 0 1 100%;}
.flex-container.TensorFlow h5{
	margin:0;
	padding:0;
	text-align:left;
	font-size: 2rem;
	font-weight:bold;
	color:#111;
}
.flex-container.TensorFlow .flex-item3 h5:before{
	content: "1";
	width:40px;
	height:40px;
	display:inline-block;
	color: white;
	font-size:2rem;
	line-height:40px;
	text-align: center;
	background-color: #1c9ac5;
	margin-right:15px;
}
.flex-container.TensorFlow .flex-item3.item3 h5:before{
	content: "2";
}
.flex-item3 img.arrowimg{width:55px;margin: 1em auto;transform: rotate(90deg );}
.flex-container.TensorFlow .flex-item3 figure{width:90%;margin:1em auto;}
.TensorFlowstudy{position:relative;}
.TensorFlowstudy .flex-container.w60{width:100%!important;}
.flex-item2.bg-y{flex-basis:49%;height:300px;padding:1em;text-align:center;border-radius:10px;background:#fefabc;}
.flex-item2.bg-y p img.ico_check{display:inline-block;width:24px;margin-top:4px;margin-right:10px;}
.bg-y p{display:block;font-size:2.4rem;font-weight:600;line-height:1.2;}
.bg-y ul{display:inline-block;margin:1em auto;}
.bg-y ul li,
.w-box ul li {list-style:none;margin:4px 0;text-align:left;font-weight:600;}
.bg-y ul li span,
.w-box ul li span{color:#ee6429;}
.w-box{
	display:block;
	position: absolute;
	left: 50%;
	bottom:0.2em;
	-webkit-transform: translateX(-50%);
	transform:translateX(-50%);
	margin:1em auto 2em;
	width:70%;
	padding:0.8em;
	text-align:center;
	background:#fff;
	border-radius:10px;
	z-index:5;
}
.w-box ul{display:inline-block;margin:0 auto;}
.c-spike-block4__content .c-list > li:not(.c-icontext){font-size:0.9em;}
.c-spike-block4__content .c-list > li + li {margin-top:4px;}

.c-spike-mv1__ttl span,
.c-spike-block4__title-subttl2{font-size:0.7em;}
.c-spike-list15__content{padding:20px;height:100%;}
.nagare ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #1c9ac5;
    margin-right: 3px;
}
.c-spike-block4__inner.book dt {
    width: 40px;
}
.c-spike-block4__inner.book dt .circle {
    height: 30px;
    width: 30px;
line-height: 30px;
}
.c-spike-block4__inner.book dd ol {
    margin-left: 30px;
    list-style-type: decimal;
    color: #f15a24;
}
.c-spike-block4__content .c-list > li:not(.c-icontext){font-size:0.9em;}
.c-spike-block4__content .c-list > li + li {margin-top: 8px;}
.w80 {width:80%;}
@media screen and (max-width: 767px){
	.c-spike-mv1__img {margin-top: -80px;}
	.c-spike-title1__jap{line-height:1.4em;}
	.c-spike-list15__item{margin-bottom:45px;}
	.c-spike-box2 .l-spike-wrap{padding:20px;}
}
@media screen and (min-width: 768px){
	section{padding:75px 0;}
	.mt-minus30{margin-top:-50px;}
	.mt-minus100{margin-top:-100px;}
	.ml-90{margin-left:90px;} 
	#features .c-caption{width:1260px;}
	.c-spike-block4{padding:0 60px;}
	.c-spike-block4__inner{justify-content:space-between;}
	.c-spike-block4.is-style1{padding-right:60px;}
	.c-spike-block4__title{font-size:3.1rem;letter-spacing:-0.025em;}
	.c-spike-block4__content {padding: 56px 0 0 0;}
	.c-spike-block4.is-style1 .c-spike-block4__content {padding: 59px 0 0 50px;}
	#guidebook .c-grid{gap: 80px;}
	.spike-lineup-guidebook {
		padding: 0 0 100px;
	}
	.book .c-spike-block4__img {
	    max-width: 600px;
	}
	
	.book .c-spike-block4__content{width:calc(100% - 625px);}
	#contents .c-spike-block4__img {
	    max-width: 500px;
	}
	#contents .c-spike-block4__content{width:calc(100% - 525px);}
	#contents .c-spike-block4__content.pt0.w100{width:100%;}
	.c-spike-list18__title{font-size:2rem;}
	.c-spike-list18__img.book{max-width:220px;}
	.c-spike-list18__img img.bdr{border:solid 1px #ccc;}
	.c-spike-list18__modal{display:block;}
	.c-spike-list15__item{width:33%;}
	.c-spike-list15 {justify-content:space-between;}
	.c-spike-list15__text{font-size:2rem;}
	#spike-introduction .main-img{max-width:1120px;margin:-30px auto 50px;}
	.c-spike-box2 .l-spike-wrap2::after {
		height: calc(100% - 400px);
		top: 400px;
	}
	.flex-item3.item1 {flex: 0 1 40%;}
	.flex-item3.item2 {flex: 0 2 10%;}
	.flex-item3.item3 {flex: 0 1 40%;}
	.flex-item3 img.arrowimg{width:100px;margin: 1em auto;transform: rotate(0deg );}
	.w80{margin-left:auto;margin-right:auto;width:80%;}
	.c-imageset--reverse.w80 .c-imageset__image {margin-left: 10px;}
	 .spike-lineup .quat .c-spike-navi1__item {width: calc((100% + 3px) / 3);}
	#contents .c-spike-block4__content.tensor_study {width: 100%;}
}