/* // trialContents //
----------------------------------------------- */

.trialContents{
	position: relative;

}
.trialContents .columnWrapA .txt1{
	margin: 15px 0 20px;
	font-size: 140%;
	position: relative;
	color: #0c6ab7;
	line-height: 1.7;
	font-weight: 700;
}

.trialContents .columnWrapA.pcCol3 .column {
    width: calc(96% / 3);
}
.trialContents .columnWrapA :not(:last-child) {
	margin-right: 2%;
}
.trialContents .columnWrapA .txt2{
	margin: 0 30px;
}
.trialContents .tipsA .txt em {
	font-weight: 700;
	color: #118ad4;
	background: linear-gradient(transparent 80%, #c0e9ff 80%);
}


/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	#SeminarContents select {
		width: 100%;
	}

	#TrialContents .columnWrapA.spSpace40 {
    width: 100%;
}
	.trialContents{
	}
	.trialContents .columnWrapA.pcCol3 .column {
    width: initial;
    margin-bottom: 0;
}
	.trialContents .columnWrapA :not(:last-child) {
		margin-right: initial;
	}
	.trialContents .htxA.noline .wrap{
		padding: 0;
	}
	.trialContents .columnWrapA .txt1{
		margin: 10px 0 40px;
		font-size: 130%;
	}
	.trialContents .columnWrapA .txt2{
		margin: 0;
	}

}

/* // trialReason //
----------------------------------------------- */
.sectionA_trialReason {
	margin-top: -100px;
}
.trialReason{
	padding: 80px 0;
}
.trialReasonList li{
	box-shadow: 3px 3px 10px rgba(0,0,0,.15);
	padding: 30px 75px 40px 90px;
	position: relative;
	background-color: #fff;
}
.trialReasonList li p a {
	color: #118ad4;
}
.trialReasonList li p a:hover {
	text-decoration: underline;
	color: #118ad4;
}
.trialReasonList li + li{
	margin-top: 25px;
}
.trialReasonList li .ttl{
	font-size: 170%;
	color: #1893d5;
	font-weight: 700;
}
.trialReasonList li .txt{
	margin-top: 15px;
	font-size: 107%;
	font-weight: 400;
}
.trialReasonList li .txt em {
	font-weight: 700;
	color: #118ad4;
	background: linear-gradient(transparent 80%, #c0e9ff 80%);
}
.trialReasonList li:before{
	content:"　";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 75px 75px 0 0;
	border-color: #e3eaf4 transparent transparent transparent;
}
.trialReasonList li:after{
	content:"1";
	font-family: 'Roboto', sans-serif;
	position: absolute;
	left: 18px;
	top: 5px;
	font-size: 78px;
	font-style: italic;
	line-height: 1;
	color: #118ad4;
	font-weight: 500;
}
.trialReasonList li:nth-child(2):after{	content:"2";}
.trialReasonList li:nth-child(3):after{	content:"3";}
.trialReasonList li:nth-child(4):after{	content:"4";}
.trialReasonList li:nth-child(5):after{	content:"5";}



/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	.sectionA_trialReason {
	margin-top: -60px;
	}
	.trialReason{
		padding: 53px 0 43px;
	}
	.trialReasonList li{
		box-shadow: 3px 3px 5px rgba(0,0,0,.11);
		padding: 15px 15px 20px 40px;
	}
	.trialReasonList li + li{
		margin-top: 25px;
	}
	.trialReasonList li .ttl{
		font-size: 110%;
		line-height: 1.5;
	}
	.trialReasonList li .txt{
		margin-top: 10px;
		font-size: 92%;
		line-height: 1.7;
	}
	.trialReasonList li:before{
		border-width: 40px 40px 0 0;
	}
	.trialReasonList li:after{
		left: 5px;
		top: 5px;
		font-size: 40px;
	}

}


/* // trialPoint //
----------------------------------------------- */

.trialPoint{
	padding: 80px 0;
}
.trialPointList li{
	box-shadow: 3px 3px 10px rgba(0,0,0,.15);
	padding: 25px 75px 25px 90px;
	position: relative;
	background-color: #fff;
}
.trialPointList li h3 span {
	font-size: 80%;
	color: #000;
	font-weight: 500;
}
.trialPointList li + li{
	margin-top: 25px;
}
.trialPointList li .ttl{
	font-size: 170%;
	color: #1893d5;
	font-weight: 700;
	text-align: center;
	line-height: 1.7;
}
.trialPointList li .txt{
	margin-top: 15px;
	font-size: 107%;
	font-weight: 400;
}
.trialPointList li:after{
	content:"01";
	font-family: 'Roboto', sans-serif;
	position: absolute;
	left: 18px;
	font-size: 78px;
	font-style: italic;
	line-height: 1;
	color: #b8cae3;
	font-weight:700;
	top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.trialPointList li:nth-child(2):after{	content:"02";}
.trialPointList li:nth-child(3):after{	content:"03";}
.trialPointList li:nth-child(4):after{	content:"04";}
.trialPointList li:nth-child(5):after{	content:"05";}

.trialPoint_tips {
	background-color: #fff;
	margin-top: 80px;
	padding: 0 100px 20px;
}
.trialPoint_tips .ttl {
	font-size: 170%;
	background-color: #118ad4;
	padding:20px 0;
	width: 900px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	transform: translateY(-30px);
}
.trialPoint_tips .inner{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: center;
	margin-top: -20px;
}
.trialPoint_tips .inner .point {
	font-size: 140%;
	width: 82%;
	margin:0 2%;
	line-height: 1.7;
	font-weight: 700;
	position: relative;
	text-align: center;
}
.trialPoint_tips .inner .point:before,
.trialPoint_tips .inner .point:after {
	content: " ";
    position: absolute;
    display: block;
    width: 45px;
    height: 40px;
    background: url(/_pack/img/case_cmn_quote.png);
    z-index: 1;
    top: -20px;
}
.trialPoint_tips .inner .point:after {
	right: 0;
	top: 40px;
    -webkit-transform: scale(-1,-1);
    -ms-transform: scale(-1,-1);
    transform: scale(-1,-1);
}
.trialPoint_tips .inner .point em{
	color: #0b91d9;
}
.trialPoint_tips .inner .img{
	width: 14%;
}
.trialPoint_tips .inner .img img{
	width: 100%;
}

/* // ________SP________ // */
@media screen and (max-width: 840px)  {

	.trialPoint{
		padding: 43px 0;
	}
	.trialPointList li{
		box-shadow: 3px 3px 5px rgba(0,0,0,.11);
		padding: 15px 15px 20px 50px;
	}
	.trialPointList li + li{
		margin-top: 25px;
	}
	.trialPointList li .ttl{
		font-size: 110%;
		line-height: 1.5;
	}
	.trialPointList li .txt{
		margin-top: 10px;
		font-size: 92%;
		line-height: 1.7;
	}
	.trialPointList li:before{
		border-width: 40px 40px 0 0;
	}
	.trialPointList li:after{
		left: 5px;
		font-size: 30px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}


	.trialPoint_tips {
	background-color: #fff;
	margin-top: 60px;
	padding: 0 15px 20px;
	}
	.trialPoint_tips .ttl {
		font-size: 150%;
		background-color: #118ad4;
		padding:15px;
		width: 100%;
		margin: 0 auto;
		color: #fff;
		text-align: center;
		transform: translateY(-30px);
		line-height: 1.7;
	}
	.trialPoint_tips .inner{
		display: initial;
		flex-wrap: initial;
		flex-direction: initial;
		align-items: initial;
		margin-top: -20px;
	}
	.trialPoint_tips .inner .point {
		font-size: 120%;
		width: 100%;
		margin:0 2%;
		line-height: 1.7;
		font-weight: 700;
		position: relative;
		text-align: left;
	}
	.trialPoint_tips .inner .point:before,
	.trialPoint_tips .inner .point:after {
		content: " ";
	    position: absolute;
	    display: none;
	    width: 45px;
	    height: 40px;
	    background: url(/_pack/img/case_cmn_quote.png);
	    z-index: 1;
	    top: -20px;
	}
	.trialPoint_tips .inner .point:after {
		right: 0;
		top: 40px;
	    -webkit-transform: scale(-1,-1);
	    -ms-transform: scale(-1,-1);
	    transform: scale(-1,-1);
	}
	.trialPoint_tips .inner .point em{
		color: #0b91d9;
	}
	.trialPoint_tips .inner .img{
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	.trialPoint_tips .inner .img img{
		width: 50%;
	}

}


/* // trialContact //
----------------------------------------------- */
.trialContact .txt{
	position: relative;
	margin-left: 200px; 
}
.trialContact .txt:before{
	background: url(/_pack/img/trial_contact_icon.png) no-repeat;
    left: -100px;
    position: absolute;
    top: -40px;
    content: "";
    width: 90px;
    height: 90px;
    display: inline-block;
    background-size: contain;
}
.trialContact .txt em {
	font-weight: 700;
	background: linear-gradient(transparent 85%, #1893d5 85%);
}

/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	.trialContact .txt{
	position: relative;
	margin-left: 0;
	margin-top: 45px;
}
.trialContact .txt:before{
	background: url(/_pack/img/trial_contact_icon.png) no-repeat;
    left: 50%;
    position: absolute;
    top: -40px;
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: contain;
    -webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
}

}



/* // seminarFlow //
----------------------------------------------- */
.seminarFlow .desc span {
	font-size: 90%;
	font-weight: 400;
}
/* // ________SP________ // */
@media screen and (max-width: 840px)  {


}