/*----------------------------------------------------------------------------*/
/* YOSCA メール・チャットスキル集中研修 LP  							  CSS    */
/*----------------------------------------------------------------------------*/
@charset "utf-8";

	/* heading */

	h2 {
		text-transform: uppercase;
		font-size: 3rem;
	}

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

		h2 {
				font-size:2rem;
		}
	}
	/* lead */
	.top-lead{
		position: fixed;
		bottom:10%;
		left:5%;
		font-size:3rem;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 1.5;
	}

	.top-lead span.bgLRextend::before{
		background:#333;
	}

	@media screen and (max-width:550px) {
	.top-lead{
	    font-size:2.2rem;
	    }
	}
	@media screen and (max-width:380px) {
	.top-lead{
	    font-size:1.8rem;
	    }
	}

	/* ● 横スクロール位置バー の高さ範囲 */
	#container{
		height:auto;
	}
	/* main-area */

	#main-area{
		width:100%;
		margin:0 auto;
		padding: 0 0 50px 0; 
	}

/* ■ 当研修の特徴  section01----------------------------------------*/

	#section01 {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:80px;
	}
	#section01 #sec01title {
		display:none;
		margin: 0 auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#section01 #sec01title h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:34px;
		letter-spacing:2px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color: #4274B4;		/* yosca-blue01 */
		color:#555;
		padding-top:30px;
		padding-bottom:10px;
	}
	#section01 #sec01title .h2line {
		margin: 20px auto 20px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
	}
	#section01 h3 {
		display:block;
		margin: 0 auto 20px auto;
		width: 100%;
		text-align:center;
		font-size:30px;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#444;
		padding-top:30px;
		padding-bottom:30px;
	}
	#section01 h3 .bline {
		font-size:30px;
		padding-left:10px;
		padding-right:10px;
		background:linear-gradient(transparent 65%,#FFF000 65%,#FFF000 100%);
	}

	/* ◆ 横3block ----- */
	#sec0101 {
		margin:0 auto 0 auto;
		width:100%;
		background:linear-gradient(90deg,white 0%,white 8%,#E8EFF5 8%,#E8EFF5 38%,white 38%,white 100%);	/* ★ */
		padding-bottom:50px;
		position:relative;
	}
	#sec0101 .arrow01 {
		display:block;
		position:absolute;
		top:81%;
		left:45%;
		z-index:0;
	}
	#sec0101 ul#prbcase {
		margin: 0 auto 0 auto;
		width: 75%;
		display: flex;
		justify-content:space-between;
/*			align-items: center;	*/
		flex-wrap: wrap;
		padding-bottom:30px;
		background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過90% */
			border-radius:10px;  
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			box-shadow: 0 0 10px #ccc;
	}
	#sec0101 ul#prbcase li {
		margin: 30px auto 0 auto;
		width: 31%;
		background-color:#FFF;
		border: 1px solid #CCC;
	}
	#sec0101 ul#prbcase li dl {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#sec0101 ul#prbcase li dt {
		text-align:center;
		font-size:16px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#FFF;
		padding-top:13px;
		padding-bottom:15px;
		background-color:#666;
	}
	#sec0101 ul#prbcase li dd {
		font-size:16px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
		color:#333;
		padding:0 15px 0 15px;
		padding-bottom:15px;
	}
	#sec0101 ul#prbcase li dd img {
		padding:15px 0 0 0;
	}
	/* ◆ TEXT content ----- */
	#sec0101 #sec0101cont {
		margin: 50px auto 30px auto;
		width: 75%;
		background-color:#FFF;
		border: 3px solid #339FB9;		/* yosca-green02 */
			border-radius:10px;  
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
	}
	#sec0101 #sec0101cont  .txt01 {
		text-align:center;
		font-size:24px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#333;
		padding:50px 0 20px 0;
	}
	#sec0101 #sec0101cont  .txt02 {
		font-size:20px;
		line-height:3.0em;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#333;
		padding:0 0 20px 0;
		text-align: center;
	}
	#sec0101 #sec0101cont .txt02 span {
		font-size:50px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
	}
	#sec0101 #sec0101cont .txt02 .bline {
		font-size:40px;
		padding-left:15px;
		padding-right:15px;
		background:linear-gradient(transparent 70%,#FFF000 70%,#FFF000 100%);
	}
	.box{
		max-width:500px;
		width:100%;
		margin: 130px auto;
		padding: 20px;
		background:#fff;
		text-align: center;
	}
	.count-size{
		font-size:3rem;
		font-weight: bold;
		color: #252C8C;
	}
	#sec0101 #sec0101cont .txt03 {
		width:75%;
		text-align:right;
		font-size:14px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#333;
		padding-bottom:30px
	}

	/* ◆ 調査・解析図表  ----- */
	#sec0101 ul#analysis {
		margin: 0 auto 0 auto;
		width: 75%;
		display: flex;
		justify-content:space-between;
/*			align-items: center;	*/
		flex-wrap: wrap;
		padding-bottom:30px;
		background-color:#FFF;
	}
	#sec0101 ul#analysis li {
		margin: 30px auto 0 auto;
		width: 45%;
		background-color:#FFF;
	}
	#sec0101 ul#analysis li dl {
		display:block;
	}
	#sec0101 ul#analysis li dt {
		display:block;
		margin: 0 auto 0 auto;
		text-align:center;
		font-size:17px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#333;
		padding:20px 15%  0 15%;
	}
	#sec0101 ul#analysis li dd {
		display:block;
		margin: 0 auto 0 auto;
		width:90%;
	}
	#sec0101 ul#analysis li dd .chart-area {	/* 円グラフがスマホでつぶれないようにする*/
		position: relative;
		width:100%;
		height:50vh;
	}
	#sec0101 ul#analysis li #tbsp {
		display:none;
	}
	#sec0101 ul#analysis li #tbpc {
		margin: 30px auto 20px auto;
		text-align:center;
	}
	#sec0101 ul#analysis li table {
		margin: 0 auto 0 auto;
		width: 90%;
		border-collapse:collapse;
		padding:0;
		z-index:1;
	}
	#sec0101 ul#analysis li table, th, td {
		border: none;
	}
	#sec0101 ul#analysis li table tr {
		width: 100%;
		padding:0px;
		font-size:14px;
		color:#333;
	}
	#sec0101 ul#analysis li table tr.t_head  {
		padding:10px;
		color:#FFF;
		background-color:#339FB9;		/* yosca-green02 */
	}
	#sec0101 ul#analysis li table tr.t_head  th {
		color:#FFF;
		background-color:#339FB9;		/* yosca-green02 */
	}
	#sec0101 ul#analysis li table tr.t_head  td {
		color:#FFF;
		background-color:#339FB9;		/* yosca-green02 */
	}
	#sec0101 ul#analysis li table  tr th {
		font-size:14px;
		padding-left:30px;
		padding-right:30px;
		background-color:#F5F5F5;
		border-left: 1px solid #BDC3C7;	/* Siver */
		border-right: 1px solid #BDC3C7;	/* Siver */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#sec0101 ul#analysis li table  tr td {
		text-align:center;
		padding:7px;
		padding-left:20px;
		padding-right:20px;
		line-height:1.5em;
		color:#333;
		border-right: 1px solid #BDC3C7;	/* Siver */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
		background-color:#FFF;
	}
	/* ◆ TEXT content ----- */
	#sec0101 #sec0102cont {
		margin: 50px auto 0 auto;
		width: 75%;
		padding-bottom:0px;
		background-color:#FFF;
		/*border: 3px solid #F18F01;*/		/* yosca-orange01 */
	}
	#sec0101 #sec0102cont  h3 {
		display:block;
		margin: 0 auto -20px auto;
		width: 100%;
		text-align:center;
		font-size:38px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#003eff;
		padding-top:20px;
		padding-bottom:20px;
		/*background-color:#F18F01;*/		/* yosca-orange01 */
/*		border-bottom: 3px solid #339FB9;*/	/* yosca-green02 */
	}
	#sec0101 #sec0102cont .txt01 {
		font-size:20px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#333;
		padding:0px 13%  20px 13%;
	}
#sec0101 #sec0102cont .h2line {
    margin: 5px auto 22px auto;
    width: 85%;
    height: 1px;
    text-indent: -99999px;
    background: linear-gradient(90deg, #CCCCCC 0%, #CCCCCC 100%, #4274B4 100%, #4274B4 100%);
}

	/* ◆ Block 4 content ----- */
	#sec0102 {
		margin:120px auto 0 auto;
		width:100%;
		padding-bottom:0px;
		position:relative;
	}
	#sec0102 .arrow02 {
		display:block;
		position:absolute;
		top:0;
		left:45%;
		z-index:0;
	}
	#sec0102 #sec01title02 {
		margin: 0 auto 70px auto;
		width: 80%;
		padding-bottom:0;
	}
	#sec0102 #sec01title02 h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 95%;
		text-align:center;
		font-size:32px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#333;
		padding-top:0px;
		padding-bottom:30px;
		border-bottom: 3px solid #F18F01;	/* yosca-orange01 */
	}
	#sec0102 #sec01title02 .h2line {
		margin: 30px auto 0 auto;
		width: 85%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* plumsa-pink01 */
	}

	@media screen and (max-width:550px) {
		#sec0102 h2{
			margin:0 0 50px 0;
		}
	}
	#sec0102 h2 span.bgLRextend::before{
		background:#333;
	}
	#sec0102 .service-area{
		margin:0 auto 270px 7.5%;
		width:90%;
		position: relative;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

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

		#sec0102 .service-area{
			margin:0 0 50px 0;   
			margin:0 auto 20px auto;   
		}
	}
	#sec0102 .service-area::after{
		content:'';
		position: absolute;
		width: 70%;
		height: 23em;
		background:#f3f3f3;
		right:10%;
		top:20%;
		z-index: -1;
	}
	#sec0102 .service-area:nth-of-type(2n+1){
		flex-direction: row-reverse;
	}
	#sec0102 .service-area .img{
		width:50%;
	}
	#sec0102 .service-area .content{
		margin: 0 auto 0 auto;
		width:40%;
		background:#fff;
		box-shadow: 0 0 20px #ccc;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top:150px;
	}
	#sec0102 .service-area:nth-of-type(2n) .img {
		text-align:center;
	}
	#sec0102 .service-area:nth-of-type(2n) .content {
		margin-left:-2%;
	}

	#sec0102 .service-area .content-area{
		padding:30px;
	}
	#sec0102 .service-area .content-area h3{
		margin: -30px 0 0 0;
		margin: 0;
		text-align: center;
		font-size: 26px;;
		line-height:1.2em;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color: #4274B4;		/* yosca-blue01 */
		color: #F18F01;		/* yosca-orange01 */
		color: #FFF;
		background-color: #F18F01;		/* yosca-orange01 */
	}
	#sec0102 .service-area .content-area h3 span{
		font-weight: bold;
		text-transform: uppercase;
		display: block;
		color:#555;
		color:#FFF;
		font-size:40px;
	}
	#sec0102 .service-area .content-area p {
		margin:30px 0 20px 0;   
		width:100%;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		font-size: 16px;
		line-height:1.8em;
		padding:0 15px 0 15px;
	}
	#sec0102 .btn{
		text-align: right;
	}

	/* ◆ before after content ----- */
	#sec0103 {
		margin:0 auto 0 auto;
		width:100%;
		padding-bottom:50px;
		background-color:#F1F3F6;	/* yosca-blue05 */
		position:relative;
	}
	#sec0103 #arrow01 {
		display:block;
		position:absolute;
		top:57%;
		left:45%;
		z-index:0;
	}
	#sec0103 #sec01title03 {
		margin: 0 auto 50px auto;
		width: 80%;
		padding-top:50px;
		padding-bottom:0;
	}
	#sec0103 #sec01title03 h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 90%;
		text-align:center;
		font-size:24px;
		line-height:2.0em;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#333;
		padding-top:0;
		padding-bottom:0;
	}
	#sec0103 #sec01title03 h2 .bold {
		font-size:34px;
	}
	#sec0103 #sec01title03 .h2line {
		margin: 30px auto 0 auto;
		width: 85%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
	}
	#sec0103 dl {
		display:block;
		margin: 0 auto 0 auto;
		width: 65%;
		padding-top:30px;
		padding-bottom:0;
		background-color:#FFF;
		border: 1px solid #BDC3C7;		/* Siver */
			border-radius:10px;  
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
		position:relative;
	}
	#sec0103 dt {
		display:block;
		margin: 0 auto 30px auto;
		width: 80%;
		text-align:center;
		font-size:38px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color: #4274B4;		/* yosca-blue01 */
	}
	#sec0103 dt span {
		color: #F18F01;		/* yosca-orange01 */
	}
	#sec0103 dd {
		display:block;
		margin: 0 auto 30px auto;
		width: 80%;
		font-size:16px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
		color:#333;
	}
	#sec0103 dd.comment_sp {
		display:none;
	}
	#sec0103 dd.comment_pc {
		display:block;
		text-align:center;
		margin: -20px auto 30px auto;
		font-size:12px;
		color: #B27C04;		/* Gold02 */
	}
	#sec0103 dd#sec0104cont {
		display:block;
		margin: 0 auto 50px auto;
		width: 80%;
	}
	#sec0103 dd#sec0104cont .left {
		float:left;
		width:25%;
		margin: 0 auto 0 auto;
		text-align:center;
		font-size:20px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#333;
		padding-top:45px;
	}
	#sec0103 dd#sec0104cont .right {
		float:left;
		width:75%;
		margin: 0 auto 0 auto;
	}
	#sec0103 dd#sec0104cont .right ul {
		margin:30px auto 0 auto;
		width:90%;
	}
	#sec0103 dd#sec0104cont .right li {
		margin: 0 auto 0 auto;
		font-size:18px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#333;
		padding-bottom:20px;
		padding-left:50px;
		background-image:url("../images/icon/logo-icon01.png");
		background-size:	25px 27px;
		background-position:	left 0 top 3px;
		background-repeat:no-repeat;
	}
	#sec0103 dd .txt01 {
		margin: 0 auto 0 auto;
		font-size:16px;
		line-height:1.8em;
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
		color:#333;
	 	padding-left:1.5em;
	 	text-indent:-1.5em;	/* 2行目以降1字下げ */
	}
	#sec0103 dd.sym01 {
		position:absolute;
		top:60%;
		left:72%;
	}
	#sec0103 dd.sym02 {
		position:absolute;
		top:35%;
		left:72%;
	}
	#sec0103 .arrow04 {
		margin: 30px auto 30px auto;
		width: 100%;
		text-align:center;
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#sec0101 ul#prbcase li dt {
			font-size:15px;
			padding-top:15px;
			padding-bottom:15px;
			background-color:#666;
		}
		#sec0101 ul#prbcase li dd {
			font-size:14px;
		}
		#sec0101 #sec0101cont  .txt01 {
			font-size:18px;
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
			color:#333;
			padding:50px 15%  20px 15%;
		}
		#sec0101 #sec0101cont  .txt02 {
			font-size:18px;
			line-height:3.0em;
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
			color:#333;
			padding:0 15% 20px 15%;
		}
		/* ◆ 調査・解析図表  ----- */
		#sec0101 ul#analysis li dt {
			display:block;
			margin: 0 auto 0 auto;
			text-align:center;
			font-size:14px;
			padding:20px 10%  0 10%;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 #sec01title {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-bottom:0;
		}
		#section01 #sec01title h2 {
			font-size:24px;
			font-weight:bold;
			padding-bottom:0;
		}
		#section01 #sec01title .h2line {
			margin: 20px auto 0 auto;
		}
		#section01 h3 {
			display:block;
			margin: 0 auto 20px auto;
			width: 100%;
			text-align:center;
			font-size:16px;
		}
		#section01 h3 .bline {
			font-size:20px;
			padding-left:10px;
			padding-right:10px;
			background:linear-gradient(transparent 60%,#FFF000 60%,#FFF000 100%);
		}
		#sec0101 ul#prbcase {
			margin: 0 auto 0 auto;
			width: 90%;
		}
		#sec0101 ul#prbcase li dt {
			font-size:15px;
			line-height:1.5em;
			font-weight:bold;
		}
		#sec0101 .arrow01 {
			display:block;
			position:absolute;
			top:83%;
			left:75%;
			z-index:0;
		}
		#sec0101 #sec0101cont {
			margin: 30px auto 20px auto;
			width: 85%;
			background-color:#FFF;
			border: 2px solid #339FB9;		/* yosca-green02 */
				border-radius:10px;  
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
		}
		/* ◆ 調査・解析図表  ----- */
		#sec0101 ul#analysis {
			margin: 0 auto 0 auto;
			width: 100%;
		}
		#sec0101 ul#analysis li dt {
			display:block;
			margin: 0 auto 0 auto;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			padding:20px 0  0 0;
		}
		#sec0101 ul#analysis li #tbpc {
			margin: 0 auto 20px auto;
			text-align:center;
		}
		#sec0101 ul#analysis li table {
			margin: 0 auto 0 auto;
			width: 100%;
			border-collapse:collapse;
			padding:0;
			z-index:1;
		}
		#sec0101 ul#analysis li table tr {
			width: 100%;
			padding:0px;
			font-size:12px;
			color:#222;
		}
		/* ◆ TEXT content ----- */
		#sec0101 #sec0102cont {
			margin: 80px auto 0 auto;
			width: 85%;
			padding-bottom:20px;
			background-color:transparent;
		}
		#sec0101 #sec0102cont  h3 {
			display:block;
			margin: 0 auto 30px auto;
			width: 80%;
			font-size:22px;
			font-weight:bold;
			padding-top:0px;
			padding-bottom:15px;
			border-bottom: 2px solid #339FB9;	/* yosca-green02 */
		}
		#sec0101 #sec0102cont .txt01 {
			font-size:13px;
			line-height:1.7em;
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
			color:#222;
			padding:0 10%  20px 10%;
		}
		/* ◆ Block 4 content ----- */
		#sec0102 {
			margin:50px auto 0 auto;
			width:100%;
			padding-bottom:0px;
		}
		#sec0102 #sec01title02 {
			margin: 0 auto 50px auto;
			width: 90%;
			padding-bottom:0;
		}
		#sec0102 #sec01title02 h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:20px;
		}
		#sec0102 .service-area .content-area{
			padding:20px;
		}
		#sec0102 .service-area .content-area h3{
			margin: -30px 0 0 0;
			text-align: center;
			font-size: 14px;
			font-weight:bold;
			line-height:1.2em;
		}
		#sec0102 .service-area .content-area p{
			margin:0 0 30px 0;   
			width:100%;
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
			font-size: 13px;
			line-height:1.7em;
		}
		#sec0103 #sec01title03 {
			margin: 0 auto 30px auto;
			width: 90%;
		}
		#sec0103 #sec01title03 h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:17px;
			font-weight:bold;
			line-height:2.0em;
			color:#333;
		}
		#sec0103 #sec01title03 h2 .bold {
			font-size:24px;
		}
		#sec0103 #sec01title03 .h2line {
			margin: 10px auto 0 auto;
			width: 90%;
		}
		#sec0103 dl {
			display:block;
			margin: 0 auto 0 auto;
			width: 85%;
			padding-top:10px;
			padding-bottom:0;
		}
		#sec0103 dt {
			display:block;
			margin: 0 auto 20px auto;
			width: 80%;
			font-size:22px;
			font-weight:bold;
		}
		#sec0103 dd.comment {
			margin: -20px auto 30px auto;
			font-size:12px;
			color: #B27C04;		/* Gold02 */
		}
	}

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

		#section01 {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:0px;
		}
		#section01 #sec01title {
			margin: 10px auto 0 auto;
			width: 90%;
			padding-top:5px;
			padding-bottom:0;
		}
		#section01 #sec01title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:1.7em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			color: #333;	
			padding-top:5px;
			padding-left:0;
			padding-bottom:5px;
		}
		#section01 #sec01title .h2line {
			margin: 0 auto 15px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01  */
		}
		#section01 h3 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:14px;
			color:#333;
			padding-top:15px;
			padding-bottom:15px;
		}
		#section01 h3 .bline {
			font-size:16px;
			font-weight:bold;
			background:linear-gradient(transparent 70%,#FFF000 70%,#FFF000 100%);
		}

		/* ◆ 横3block ----- */
		#sec0101 {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:20px;
			background:linear-gradient(90deg,white 0%,white 5%,#E8EFF5 5%,#E8EFF5 35%,white 35%,white 100%);	/* ★ */
		}
		#sec0101 ul#prbcase {
			margin: 0 auto 0 auto;
			width: 90%;
			display: block;
			background-color:rgba( 255,255,255,1.0 ); 	/*  White  透過90% */
				border-radius:5px;  
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:none;
			background-color:transparent;
		}
		#sec0101 ul#prbcase li {
			margin: 30px auto 0 auto;
			width: 100%;
		}
		#sec0101 ul#prbcase li dl {
			margin: 0 auto 0 auto;
			width: 100%;
		}
		#sec0101 ul#prbcase li dt {
			text-align:center;
			font-size:15px;
			padding-top:10px;
			padding-bottom:10px;
		}
		#sec0101 ul#prbcase li dd {
			font-size:13px;
			padding:5px;
		}
		#sec0101 ul#prbcase li dd img {
			padding:0;
		}
		#sec0101 #sec0101cont {
			margin: 0 auto 0 auto;
			width: 90%;
			border: 2px solid #4274B4;		/* yosca-blue01 */
		}
		#sec0101 #sec0101cont  .txt01 {
			font-size:13px;
			line-height:1.5em;
			font-weight:bold;
			color:#333;
			padding:10px 10px  10px 10px;
		}
		#sec0101 #sec0101cont  .txt02 {
			font-size:13px;
			line-height:1.5em;
			font-weight:bold;
			color:#333;
			padding:0px 10px  10px 10px;
		}
		#sec0101 #sec0101cont  .txt02 span {
			font-size:20px;
		}
		#sec0101 #sec0101cont  .txt02 .bline {
			font-size:15px;
			background:linear-gradient(transparent 70%,#FFF000 70%,#FFF000 100%);
		}
		#sec0101 #sec0101cont  .txt03 {
			width:95%;
			text-align:right;
			font-size:11px;
			color:#333;
			padding-bottom:10px
		}
		/* ◆ 調査・解析図表  ----- */
		#sec0101 ul#analysis {
			margin: 0 auto 0 auto;
			width: 100%;
			display:block;
		}
		#sec0101 ul#analysis li {
			margin: 30px auto 0 auto;
			width: 90%;
			background-color:#FFF;
			border: 1px solid #CCC;
		}
		#sec0101 ul#analysis li dt {
			margin: 0 auto 0 auto;
			text-align:center;
			font-weight:bold;
			font-size:13px;
			line-height:1.7em;
			padding:20px 10%  0 10%;
		}
		#sec0101 ul#analysis li dd {
			margin: 0 auto 0 auto;
			width:85%;
		}
		#sec0101 ul#analysis li dd .chart-area {	/* 円グラフがスマホでつぶれないようにする*/
			position: relative;
			width:100%;
			height:50vh;
		}
		#sec0101 ul#analysis li #tbpc {
			display:none;
		}
		#sec0101 ul#analysis li #tbsp {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			padding-top:10px;
			padding-bottom:15px;
			background-color:#FFF;
		}
		#sec0101 ul#analysis li #tbsp>dl {
			margin: 0 auto 0 auto;
			width: 100%;
			color:#222;
			padding-top:5px;
		}
		#sec0101 ul#analysis li #tbsp>dl dt {
			margin: 0 auto 0 auto;
			width: 70%;
			padding:5px;
			font-size:17px;
			font-weight:bold;
			color: #339FB9;		/* yosca-green02 */
		}
		#sec0101 ul#analysis li  #tbsp>dl dd {
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			padding:5px;
			font-weight:bold;
			font-size:13px;
			color: #333;
		}
		/* ◆ TEXT content ----- */
		#sec0101 #sec0102cont {
			margin: 20px auto 0 auto;
			width: 90%;
			background-color:#FFF;
			padding-bottom:0px;
			background-color:transparent;
		}
		#sec0101 .arrow01 {
			display:block;
		}
		#sec0101 .arrow01 {
			display:block;
			position:absolute;
			top:90%;
			left:38%;
			z-index:0;
		}
		#sec0101 .arrow01 img {
			width:70%;
		}
		#sec0101 #sec0102cont  h3 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:15px;
			font-weight:bold;
			padding-top:10px;
			padding-bottom:10px;
/*			border-bottom: 2px solid #339FB9;	*/	/* yosca-green02 */
		}
		#sec0101 #sec0102cont  .txt01 {
			font-size:12px;
			color:#222;
			background-color:#FFF;
			padding:10px 10px 10px 10px;
		}
		#sec0102 {
			margin:80px auto 0 auto;
			width:100%;
			padding-bottom:30px;
			position:relative;
		}
		#sec0102 #sec-feature {		/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-70px;
			padding-top:70px;
		}
		#sec0102 .arrow02 {
			display:block;
			position:absolute;
			top:0;
			left:38%;
			z-index:0;
		}
		#sec0102 .arrow02 img {
			width:70%;
		}
		#sec0102 #sec01title02 {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-bottom:0;
		}
		#sec0102 #sec01title02 h2 {
			display:block;
			margin: 0 auto 20px auto;
			width: 100%;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			color: #333;	
			padding-top:5px;
			padding-left:0;
			padding-bottom:10px;
			border-bottom: 2px solid #F18F01;	/* yosca-orange01 */
		}
		#sec0102 #sec01title02 .h2line {
			margin: 10px auto 20px auto;
			width: 100%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* plumsa-pink01 */
		}
		#sec0102 .service-area{
			margin:0 0 10px 10px;   
		}
		#sec0102 .service-area::after{
			content:'';
			position: absolute;
			width: 100%;
			height: 23em;
			height: 20em;
			background:#F5F5F5;
			right:10%;
			top:20%;
			z-index: -1;
		}
		#sec0102 .service-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}
		#sec0102 .service-area .content{
			margin: 0 auto 0 5%;
			width:90%;
			top:220px;
			box-shadow: 0 0 5px #ccc;
		}
		#sec0102 .service-area .content-area{
			padding:0px;
			padding-bottom:20px;	/* ★btn 追加時除く */
		}
		#sec0102 .service-area .content-area h3{
			margin: 0 0 10px 0;
			text-align: center;
			font-weight:bold;
			font-size: 14px;
			line-height:1.0em;
		}
		#sec0102 .service-area .content-area h3 span{
			font-weight: bold;
			text-transform: uppercase;
			display: block;
			font-size: 18px;
		}
		#sec0102 .service-area .content-area p{
			margin:0 auto 0 auto;
			width:90%;
			font-size: 12px;
			line-height:1.7em;
			padding:0;
		}

		/* ◆ before after content ----- */
		#sec0103 {
			margin:20px auto 0 auto;
			width:100%;
			padding-bottom:0px;
			position:relative;
		}
		#sec0103 #sec01title03 {
			margin: 0 auto 0 auto;
			width: 80%;
			padding-top:20px;
			padding-bottom:0;
		}
		#sec0103 #sec01title03 h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:13px;
			line-height:1.7em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			color: #333;	
			padding-top:5px;
			padding-left:0;
		}
		#sec0103 #sec01title03 h2 .bold {
			font-size:15px;
		}
		#sec0103 #sec01title03 .h2line {
			margin: 10px auto 10px auto;
			width: 100%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* plumsa-pink01 */
		}
		#sec0103 dl {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-bottom:30px;
			position:relative;
		}
		#sec0103 dt {
			margin: 0 auto 15px auto;
			width: 90%;
			text-align:center;
			font-size:15px;
			font-weight:bold;
		}
		#sec0103 dd.comment_pc {
			display:none;
		}
		#sec0103 dd.comment_sp {
			display:block;
			margin:0 auto 30px auto;
			text-align:center;
			font-size:11px;
			color: #B27C04;		/* Gold02 */
		}
		#sec0103 dd {
			margin: 0 auto 15px auto;
			width: 90%;
			font-size:12px;
			line-height:1.5em;
		}
		#sec0103 dd#sec0104cont {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
		}
		#sec0103 dd#sec0104cont .left {
			clear:both;
			width:90%;
			margin: 0 auto 0 auto;
			text-align:center;
			font-size:13px;
			font-weight:bold;
			color:#333;
			padding-top:20px;
			padding-bottom:20px;
		}
		#sec0103 dd#sec0104cont .right {
			clear:both;
			width:90%;
			margin: 0 auto 0 auto;
		}
		#sec0103 dd#sec0104cont .right ul {
			margin:0 auto 0 auto;
			width:90%;
		}
		#sec0103 dd#sec0104cont .right li {
			margin: 0 auto 0 auto;
			width:80%;
			font-size:12px;
			line-height:1.3em;
			font-weight:bold;
			color:#333;
			padding-bottom:10px;
			padding-left:30px;
			background-image:url("../images/icon/logo-icon01.png");
			background-size:	25px 27px;
			background-size:	13px 14px;	/* 50% */
			background-position:	left 0 top 0px;
			background-repeat:no-repeat;
		}
		#sec0103 dd .txt01 {
			margin: 20px auto 20px auto;
			font-size:12px;
			line-height:1.7em;
		 	padding-left:1.5em;
		 	text-indent:-1.5em;	/* 2行目以降1字下げ */
		}
		#sec0103 dd.sym01 {
			position:absolute;
			top:65%;
			left:70%;
		}
		#sec0103 dd.sym01 img {
			display:block;
			width: 30%;
		}
		#sec0103 dd.sym02 {
			position:absolute;
			top:84%;
			left:70%;
		}
		#sec0103 dd.sym02 img {
			display:block;
			width: 30%;
		}
		#sec0103 .arrow04 {
			margin: 10px auto 10px auto;
			width: 20%;
		}
		#sec0103 .arrow04 img {
		}
	}

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

		#sec0102 .service-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}
		#sec0102 .service-area .img img {
			width:85%;
			padding-left:5%;
		}
		#sec0102 .service-area .content{
			width:100%;
			top:-10px;
			top:-10px;
			animation:none;
			opacity: 1;
			z-index: 1;
		}
		#sec0102 .service-area:nth-of-type(2n) .content {
			margin-left:5%;
		}
	}

/* ■ カリキュラム section02 --------------------------------------------*/

	#section02 {
		margin:120px auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:50px;
		background:linear-gradient(90deg,white 0%,white 8%,#F1F3F6 8%,#F1F3F6 38%,white 38%,white 100%);	/* ★ yosca-blue05*/
	}
	#section02 #sec02title {
		margin: -100px auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#section02 #sec02title h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:34px;
		letter-spacing:2px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color: #4274B4;		/* yosca-blue01 */
		color:#555;
		padding-top:0;
		padding-bottom:10px;
	}
	#section02 #sec02title .h2line {
		margin: 20px auto 20px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
	}
	#section02 #sec02title>p {
		display:block;
		margin: 0 auto 30px auto;
		width: 73%;
		font-size:20px;
		letter-spacing:1px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#555;
		padding-top:0;
		padding-bottom:10px;
	}

	/* ◆ 縦 6 block ----- */
	#section02 .curriculum {
		margin:0 auto 0 auto;
		width:70%;
		padding-top:50px;
		padding-bottom:50px;
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		box-shadow: 0 0 10px #ccc;
	}
	#section02 .curriculum .cont01 {
		margin:0 auto 0 auto;
		width:85%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-top:30px;
		padding-bottom:30px;
		border-top: 1px solid #CCC;
	}
	#section02 .curriculum .cont01>dl {
		display:block;
		margin:0 auto 0 auto;
		width:60%;
	}
	#section02 .curriculum .cont01>dl dt {
		margin:0px auto 20px auto;
		width:85%;
		font-size:20px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#333;
		color: #4274B4;		/* yosca-blue01 */
	}
	#section02 .curriculum .cont01>dl dd {
		margin:0 auto 0 auto;
		width:85%;
		font-size:16px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
		color:#333;
	}
	#section02 .curriculum .cont01>dl dd span {
		font-family: "NotoSansCJKjp-Medium";
		padding-right:5px;
		color: #B27C04;		/* Gold02 */
	}
	#section02 .curriculum .cont01 .sec02img {
		margin:0 auto 0 auto;
		width:40%;
	}
	#section02 .curriculum .cont01 .sec02img img {
		display:block;
		margin:0 auto 0 auto;
		width:100%;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 1.8s ease-in-out;
			-o-transition: 1.8s ease-in-out;
			box-shadow: 0 0 5px #ccc;
	}
	#section02 .curriculum .cont01 .sec02img img:hover {
		transform:scale(1.3,1.3);
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 1.8s ease-in-out;
			-o-transition: 1.8s ease-in-out;
	}
	#section02 .curriculum .cont02 {
		margin:20px auto 0 auto;
		width:85%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-top:50px;
		padding-bottom:50px;
	}
	#section02 .curriculum .cont02 .left {
		margin:0 auto 0 auto;
		width:30%;
	}
	#section02 .curriculum .cont02 .left img {
		display:block;
		margin:0 auto 0 auto;
		width:80%;
	}
	#section02 .curriculum .cont02 dl.right {
		display:block;
		margin:0 auto 0 auto;
		width:70%;
	}
	#section02 .curriculum .cont02 dl.right dt {
		margin:0 auto 20px auto;
		width:85%;
		font-size:20px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#333;
	}
	#section02 .curriculum .cont02 dl.right dt span {
		font-size:17px;
		color:#AAA;
		padding-left:20px;
	}
	#section02 .curriculum .cont02 dl.right dd {
		margin:0 auto 0 auto;
		width:85%;
		font-size:16px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
		color:#333;
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section02 {
			margin:80px auto 0 auto;
			width:100%;
			padding-top:0;
			padding-bottom:30px;
			background:linear-gradient(90deg,white 0%,white 8%,#F1F3F6 8%,#F1F3F6 38%,white 38%,white 100%);	/* ★ yosca-blue05*/
		}
		#section02 #sec02title {
			margin: -100px auto 0 auto;
			width:90%;
			padding-bottom:0;
		}
		#section02 #sec02title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 85%;
			text-align:center;
			font-size:24px;
			letter-spacing:2px;
			font-weight:bold;
			color:#333;
			padding-top:0;
			padding-bottom:0;
		}
		#section02 #sec02title .h2line {
			margin: 20px auto 20px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#section02 #sec02title>p {
			display:block;
			margin: 0 auto 30px auto;
			width: 80%;
			font-size:15px;
			letter-spacing:1px;
			font-weight:bold;
			color:#333;
			padding-top:0;
			padding-bottom:0;
		}
		/* ◆ 縦 6 block ----- */
		#section02 .curriculum {
			margin:0 auto 0 auto;
			width:90%;
			padding-top:30px;
			padding-bottom:0;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
			box-shadow: 0 0 10px #ccc;
		}
		#section02 .curriculum .cont01 {
			margin:0 auto 0 auto;
			width:90%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			padding-top:30px;
			padding-bottom:30px;
			border-top:none;
			border-bottom: 1px solid #CCC;
		}
		#section02 .curriculum .cont01>dl {
			display:block;
			margin:0 auto 0 auto;
			width:70%;
		}
	}

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

		#section02 {
			margin:30px auto 0 auto;
			width:100%;
			padding-bottom:20px;
			background:linear-gradient(90deg,#F1F3F6 0%,#F1F3F6 35%,white 35%,white 100%);
		}
		#section02 #sec02title {
			margin: 10px auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#section02 #sec02title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:1.7em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			color: #333;	
			padding-top:0;
			padding-left:0;
			padding-bottom:5px;
		}
		#section02 #sec02title .h2line {
			margin: 0 auto 15px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#section02 #sec02title>p {
			display:block;
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:12px;
			letter-spacing:1px;
			font-weight:bold;
			font-display: swap;
			color:#333;
			padding-top:0;
			padding-bottom:10px;
		}

		/* ◆ 縦 6 block ----- */
		#section02 .curriculum {
			margin:0 auto 0 auto;
			width:90%;
			padding-top:10px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
			box-shadow:none;
		}
		#section02 .curriculum .cont01 {
			margin:0 auto 0 auto;
			width:90%;
			display: block;
			padding-top:15px;
			padding-bottom:15px;
			border-top:none;
		}
		#section02 .curriculum .cont01>dl {
			display:block;
			margin:0 auto 20px auto;
			width:100%;
		}
		#section02 .curriculum .cont01>dl dt {
			margin:15px auto 20px auto;
			width:100%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
		}
		#section02 .curriculum .cont01>dl dd {
			margin:0 auto 0 auto;
			width:100%;
			font-size:12px;
			color:#222;
		}
		#section02 .curriculum .cont01>dl dd span {
			font-weight:bold;
			padding-right:3px;
		}
		#section02 .curriculum .cont01 .sec02img {
			margin:0 auto 0 auto;
			width:100%;
			border-bottom: 1px dotted #CCC;
		}
		#section02 .curriculum .cont01 .sec02img img {
			display:block;
			margin:0 auto 0 auto;
			width:100%;
		}
		#section02 .curriculum .cont02 {
			margin:0 auto 0 auto;
			width:90%;
			display: block;
			padding-top:15px;
			padding-bottom:15px;
		}
		#section02 .curriculum .cont02 .left {
			margin:0 auto 0 auto;
			width:100%;
		}
		#section02 .curriculum .cont02 .left img {
			display:block;
			margin:0 auto 0 auto;
			width:60%;
			padding-bottom:10px;
		}
		#section02 .curriculum .cont02 dl.right {
			display:block;
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:30px;
		}
		#section02 .curriculum .cont02 dl.right dt {
			margin:15px auto 10px auto;
			width:90%;
			text-align:center;
			font-size:13px;
			line-height:1.5em;
			font-weight:bold;
		}
		#section02 .curriculum .cont02 dl.right dt span {
			font-size:12px;
			padding-left:10px;
		}
		#section02 .curriculum .cont02 dl.right dd {
			margin:0 auto 0 auto;
			width:85%;
			font-size:12px;
			line-height:1.7em;
		}
	}

/* ■ 導入事例 (お客様の声) section03 --------------------------------*/

	#section03 {
		margin:180px auto 0 auto;
		width:100%;
		padding-bottom:20px;
		background:linear-gradient(180deg,white 0%,white 35%,#F5F5F5 35%,#F5F5F5 75%,white 75%,white 100%);
	}
	#section03 #sec03title {
		margin: -100px auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#section03 #sec03title h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:30px;
		letter-spacing:2px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color: #4274B4;		/* yosca-blue01 */
		color:#555;
		padding-top:0;
		padding-bottom:10px;
	}
	#section03 #sec03title .h2line {
		margin: 20px auto 20px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
	}
	#section03 ul#casestudy {
		margin: 0 auto 0 auto;
		width: 75%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-bottom:30px;
		background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過90% */
		box-shadow: 0 0 10px #ccc;
	}
	#section03 ul#casestudy li {
		margin: 30px auto 0 auto;
		width: 30%;
		border: 1px solid #CCC;
	}
	#section03 ul#casestudy li dl {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
	}
	#section03 ul#casestudy li dt {
		text-align:center;
		font-size:16px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#FFF;
		padding-top:15px;
		padding-bottom:15px;
		background-color:#666;
	}
	#section03 ul#casestudy li dd {
		font-size:14px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
		color:#333;
		padding:10px 20px 10px 20px;
	}
	#section03 ul#casestudy li dd img {
		padding:0;
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section03 {
			margin:170px auto 0 auto;
			width:100%;
			padding-bottom:20px;
			background:linear-gradient(180deg,white 0%,white 35%,#F5F5F5 35%,#F5F5F5 75%,white 75%,white 100%);
		}
		#section03 #sec03title {
			margin: -100px auto 0 auto;
			width: 80%;
			padding-bottom:0;
		}
		#section03 #sec03title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 73%;
			text-align:center;
			font-size:22px;
			letter-spacing:2px;
			font-weight:bold;
			color:#333;
			padding-top:0;
			padding-bottom:0;
		}
		#section03 #sec03title .h2line {
			margin: 20px auto 20px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#section03 ul#casestudy {
			margin: 0 auto 0 auto;
			width: 90%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			padding-bottom:20px;
		}
		#section03 ul#casestudy li {
			margin: 30px auto 0 auto;
			width: 32%;
			border: 1px solid #CCC;
		}
		#section03 ul#casestudy li dt {
			text-align:center;
			font-size:14px;
			font-weight:bold;
			color:#FFF;
			padding-top:10px;
			padding-bottom:10px;
			background-color:#666;
		}
		#section03 ul#casestudy li dd {
			font-size:12px;
			line-height:1.7em;
			padding:5px 15px 5px 15px;
		}


	}

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

		#section03 {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:30px;
			background:linear-gradient(90deg,#E8EFF5 0%,#E8EFF5 35%,white 35%,white 100%);
		}
		#section03 #sec03title {
			margin: -30px auto 0 auto;
			width: 90%;
			padding-top:5px;
			padding-bottom:0;
		}
		#section03 #sec03title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			color: #333;	
			padding-top:5px;
			padding-left:0;
			padding-bottom:5px;
		}
		#section03 #sec03title .h2line {
			margin: 5px auto 15px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#section03 ul#casestudy {
			margin: 0 auto 0 auto;
			width: 95%;
			display: block;
			background-color:rgba( 255,255,255,1.0 ); 	/*  White  透過90% */
			box-shadow: 0 0 5px #ccc;
		}
		#section03 ul#casestudy li {
			margin: 30px auto 0 auto;
			width: 90%;
		}
		#section03 ul#casestudy li dl {
			margin: 0 auto 0 auto;
			width: 100%;
		}
		#section03 ul#casestudy li dt {
			text-align:center;
			font-size:15px;
			font-weight:bold;
			padding-top:10px;
			padding-bottom:10px;
		}
		#section03 ul#casestudy li dd {
			font-size:12px;
			color:#222;
			padding:10px;
			padding:10px 15px 0 15px;
		}
		#section03 ul#casestudy li dd img {
			padding:0;
		}
	}

/* ■ お申し込みから検収開始までの流れ */

	#section04 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
/*		border-bottom: 1px solid #BDC3C7;	*/	/* Siver */
	}
	#section04 .h2 {
		display:block;
		margin: 0px auto 10px auto;
		width: 90%;
		text-align:center;
		font-size:16px;
		font-weight:bold;
 		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
						 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
		color: #444;
		padding-top:0;
		padding-left:0;
		padding-bottom:10px;
		text-shadow: 1px 1px 1px #DDD;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}

	@media only screen and (min-width:768px) {	/* PC Layout ◇ */

		#section04 {
			margin: 50px auto 0 auto;
			width: 80%;
			padding-bottom:30px;
		}
		#section04 .h2 {
			display:block;
			margin: 0 auto 50px 10%;
			width: 80%;
			text-align:center;
			font-size:32px;
			font-family: "NotoSansCJKjp-Bold";
			font-display: swap;
			letter-spacing:2px;
			color: #555;	
			padding-top:5px;
			padding-left:30px;
			padding-bottom:30px;
			text-shadow: 2px 2px 2px #DDD;
		}
	}

	/* ◆　Timeline */
	.cd-timeline__img {
		margin-top:13.5px;
		margin-left:10px;
		width:20px;
		height:20px;
	}
	.cd-timeline__img--picture {	/* ★ */
		background-color:hsl(111, 51%, 60%);
		background-color:#519D9E;		/* WA-green */
	}
	.cd-timeline__date {
		font-size:13px;
		color:#519D9E;		/* WA-green */
 		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
	}
	.cd-timeline__content  h2 {
		font-weight:bold;
 		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
		color:#519D9E;		/* WA-green */
		font-size:13px;
	}
	.cd-timeline__content  p {
 		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
		font-size:13px;
		color:#333;
	}

	@media only screen and (min-width:768px) {

		.cd-timeline__block {
			position: relative;
			height:auto;
		}
		.cd-timeline__block:nth-child(odd)  .tl-img {
			position: absolute;
			top: 15px;
			left:145%;
			width:340px;
			height:210px;
		}
		.cd-timeline__block:nth-child(even)  .tl-img {
			position: absolute;
			top: 20px;
			left:-100%;
			width:340px;
			height:210px;
		}
		.cd-timeline__block .tl-img  img {
			display:block;
			margin: 0 auto 0 auto;
			zoom:0.75;
		}

		.cd-timeline__img {
			display:-ms-flexbox;
			display:flex;
			-ms-flex-pack:center;
			justify-content:center;
			-ms-flex-align:center;
			align-items:center;
			-ms-flex-negative:0;
			flex-shrink:0;
			width:40px;
			height:40px;
			border-radius:50%;
			box-shadow:0 0 0 4px hsl(0, 0%, 100%),inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);
			box-shadow:0 0 0 4px var(--color-white),inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05)}.cd-timeline__img img{width:24px;
			height:24px
		}
		.cd-timeline__block:nth-child(odd)  .cd-timeline__img {
				width:20px;
				height:20px;
				-ms-flex-order:1;
				order:1;
				margin-top:17px;
				margin-left:calc(5% - 30px);
				margin-left:calc(5% - 9px);
				will-change:transform
		}
		.cd-timeline__block:nth-child(even)  .cd-timeline__img {
				width:60px;
				height:60px;
				width:20px;
				height:20px;
				-ms-flex-order:1;
				order:1;
				margin-top:17px;
				margin-right:calc(5% - 10.5px);
				will-change:transform
		}
		.cd-timeline__date {
			font-size:16px;
			color:#519D9E;		/* WA-green */
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
		}
		.cd-timeline__content  h2 {
			margin: 0 auto 0 auto;
			width:80%;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
			font-size:18px;
			padding-bottom:10px;
		}
		.cd-timeline__content  p {
			margin: 0 auto 0 auto;
			width:80%;
			font-family: "NotoSansCJKjp-Regular";
			font-display: swap;
			color:#333;
			font-size:15px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section04 {
			margin: 50px auto 0 auto;
			width: 100%;
			padding-bottom:20px;
		}
		#section04 .h2 {
			display:block;
			margin: 0 auto 30px auto;
			width: 70%;
			width: 80%;
			text-align:center;
			font-size:22px;
			font-weight:bold;
			color: #333;	
			padding-top:5px;
			padding-left:0;
			padding-bottom:20px;
			text-shadow: 2px 2px 2px #DDD;
		}
		.cd-timeline__content {
			margin: 0 auto 0 auto;
		}
		.cd-timeline__content p {
			margin: 0 auto 0 auto;
			width:40%;
			font-family: "NotoSansCJKjp-Regular";
			font-display: swap;
			color:#333;
			font-size:13px;
		}
		.cd-timeline__block {
			position: relative;
			height:auto;
		}
		.cd-timeline__block:nth-child(odd)  .tl-img {
			display:none;
			position: absolute;
			top: 15px;
			left:145%;
			width:340px;
			height:210px;
		}
		.cd-timeline__block:nth-child(even)  .tl-img {
			display:none;
			position: absolute;
			top: 20px;
			left:-100%;
			width:340px;
			height:210px;
		}
		.cd-timeline__block .tl-img  img {
			display:block;
			display:none;
			margin: 0 auto 0 auto;
			zoom:0.75;
		}
		.cd-timeline__date {
			display:none;
		}
		.cd-timeline__img {
			display:-ms-flexbox;
			display:flex;
			display:none;
			-ms-flex-pack:center;
			justify-content:center;
			-ms-flex-align:center;
			align-items:center;
			-ms-flex-negative:0;
			flex-shrink:0;
			width:40px;
			height:40px;
			border-radius:50%;
			box-shadow:0 0 0 4px hsl(0, 0%, 100%),inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);
			box-shadow:0 0 0 4px var(--color-white),inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05)}.cd-timeline__img img{width:24px;
			height:24px
		}
		.cd-timeline__block:nth-child(odd)  .cd-timeline__img {
			display:none;
				width:20px;
				height:20px;
				-ms-flex-order:1;
				order:1;
				margin-top:17px;
				margin-left:calc(5% - 30px);
				margin-left:calc(5% - 9px);
				will-change:transform
		}
		.cd-timeline__block:nth-child(even)  .cd-timeline__img {
			display:none;
				width:60px;
				height:60px;
				width:20px;
				height:20px;
				-ms-flex-order:1;
				order:1;
				margin-top:17px;
				margin-right:calc(5% - 10.5px);
				will-change:transform
		}
		.cd-timeline__date {
			font-size:16px;
			color:#519D9E;		/* WA-green */
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
		}
		.cd-timeline__content  h2 {
			margin: 0 auto 0 auto;
			width:80%;
			font-weight:normal;
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
			font-size:18px;
			padding-bottom:10px;
		}
		.cd-timeline__content  p {
			margin: 0 auto 0 auto;
			width:80%;
			font-family: "NotoSansCJKjp-Regular";
			font-display: swap;
			color:#333;
			font-size:15px;
		}
	}

/* ■ 料金 section05 --------------------------------*/

	#section05 {
		margin:180px auto 0 auto;
		width:100%;
		padding-bottom:0;
		background:linear-gradient(180deg,white 0%,white 54%,#F5F5F5 54%,#F5F5F5 85%,white 85%,white 100%);
	}
	#section05 #sec05title {
		margin: -100px auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#section05 #sec05title h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:36px;
		letter-spacing:5px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#555;
		padding-top:0;
		padding-bottom:10px;
	}
	#section05 #sec05title .h2line {
		margin: 20px auto 20px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
	}
.coursename{
    text-align: center;
    font-family: "NotoSansCJKjp-Bold";
    background-color: #4c9ac0;
    color: #fff;
    padding: 10px 20px;
    font-size: 25px;
    font-weight: bold;
    -moz-border-radius: 9px 9px 0px 0px;
    -webkit-border-radius: 9px 9px 0px 0px;
    margin-bottom: 20px;
}
.triangle3{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #c3b9b9;
  margin-right: auto;
  margin-left: auto;}
@media screen and (min-width:767px) {
#courses{
    display: flex;
    justify-content: center;
}}
	#section05 #explain {
		display:block;
		margin: 0px 20px;
		width: 35%;
		padding-bottom:10px;
		background-color:rgb(249 249 249 / 90%); 	/*  White  透過90% */
		border: 1px solid #CCC;
			border-radius:10px;  
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
	}
	#section05 #explain dl,dt,dd {
		display:block;
	}
	#section05 #explain dl {
		padding: 0px 25px 0px 30px;
	}
	#section05 #explain dl:first-child {
		margin: 0 auto 0 37.5%;
		width:50%;
		padding-top:20px;
		padding-bottom:10px;
	}
	#section05 #explain .prtxt dt {
		float:left;
		text-align:right;
		font-size:23px;
		line-height:2.0em;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color: #444;
		padding-right:5px;
	}
	#section05 #explain .prtxt dd {
		float:left;
		padding-right:30px;
		line-height:1.0em;
	}
	#section05 #explain .prtxt .txt01 {
		font-size:26px;
		line-height:1.0em;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color: #444;
		padding-right:10px;
	}
	#section05 #explain .prtxt .txt01 s.sul {	/* ◇ 打消し線 */
		line-height:2.0em;
		text-decoration: line-through 4px solid #F18F01;	/* yosca-orange01 */
		padding-left:10px;
	}
	#section05 #explain .prtxt .txt02 {
		font-size:40px;
		line-height:1.0em;
		padding-left:10px;
		padding-right:10px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color: #F18F01;		/* yosca-orange01 */
	}
	#section05 #explain .prtxt .txt03 {
		font-size:14px;
		line-height:4.0em;
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
		color: #555;
		padding-left:0;
		padding-right:0;
	}
	#section05 #explain .arrow03 {
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
	}
	#section05 #explain ul {
		margin: 20px auto 0 auto;
		width: 100%;
	}
	#section05 #explain li {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:18px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#333;
		padding-bottom:20px;
		padding-left:50px;
		background-image:url("../images/icon/logo-icon01.png");
		background-size:	25px 27px;
		background-position:	left 0 top 3px;
		background-repeat:no-repeat;
	}

	@media screen and (max-width:767px) {
.triangle3 {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #c3b9b9;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 7px;
    margin-top: -10px;
}
		.coursename {font-size: 20px;}
		#section05 {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:20px;
			background:linear-gradient(90deg,#E8EFF5 0%,#E8EFF5 35%,white 35%,white 100%);
		}
		#section05 #sec05title {
			margin: 10px auto 0 auto;
			width: 90%;
			padding-top:5px;
			padding-bottom:0;
		}
		#section05 #sec05title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:18px;
			line-height:1.7em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			color: #333;	
			padding-top:5px;
			padding-left:0;
			padding-bottom:5px;
		}
		#section05 #sec05title .h2line {
			margin: 0 auto 15px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#section05 #explain {
			display:block;
			margin: 0 auto 0 auto;
			width: 95%;
			padding-top:0px;
			padding-bottom:0px;
			background-color:rgb(249 249 249 / 90%); 	/*  White  透過90% */
			margin-bottom: 20px;
		}
		#section05 #explain dl {
			margin: 0 auto 0 13%;
			width:100%;
			padding-bottom:0px;
		}
		#section05 #explain dl:first-child {
			margin: 0 auto 0 23%;
			width:80%;
			padding-top:0;
			padding-bottom:0px;
		}
		#section05 #explain .prtxt dd {
			float:left;
			padding-right:10px;
		}
		#section05 #explain .prtxt dt {
			font-size:13px;
			line-height:2.0em;
			font-weight:bold;
			padding-right:5px;
			padding-bottom:20px;
		}
		#section05 #explain .prtxt .txt01 {
			font-size:13px;
			line-height:1.0em;
			padding-right:2px;
		}
		#section05 #explain .prtxt .txt01 s.sul {	/* ◇ 打消し線 */
			text-decoration: line-through 2px solid #F18F01;	/* yosca-orange01 */
		}
		#section05 #explain .prtxt .txt02 {
			font-size:17px;
			font-weight:bold;
			line-height:1.2em;
			padding-left:0;
			padding-right:5px;
		}
		#section05 #explain .prtxt .txt03 {
			font-size:11px;
			line-height:2.1em;
		}
		#section05 #explain .arrow03 {
			margin: 0 auto 10px auto;
			width: 30%;
		}
		#section05 #explain ul {
			margin:10px auto 0 auto;
			width: 100%;
		}
		#section05 #explain li {
			width: 85%;
			font-size:12px;
			line-height:1.7em;
			padding-bottom:20px;
			padding-left:25px;
			background-image:url("../images/icon/logo-icon01.png");
			background-size:	15px 17px;
			background-position:	left 0 top 2px;
			background-repeat:no-repeat;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section05 {
			margin:180px auto 0 auto;
			width:100%;
			padding-bottom:0;
			background:linear-gradient(180deg,white 0%,white 25%,#F5F5F5 25%,#F5F5F5 85%,white 85%,white 100%);
		}
		#section05 #sec05title {
			margin: -130px auto 0 auto;
			width: 80%;
			padding-bottom:0;
		}
		#section05 #sec05title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:24px;
			letter-spacing:4px;
			font-weight:bold;
			font-display: swap;
			color:#555;
			padding-top:0;
			padding-bottom:0;
		}
		#section05 #sec05title .h2line {
			margin: 20px auto 20px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#section05 dl#explain {
			display:block;
			margin: 20px auto 0 auto;
			width: 90%;
			padding-top:15px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過90% */
			border: 1px solid #CCC;
				border-radius:10px;  
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
		}
		#section05 dl#explain dt {
			text-align:center;
			font-size:30px;
			font-weight:bold;
			padding-bottom:20px;
		}
		#section05 dl#explain dd {
			display:block;
			margin: 0 auto 0 auto;
			width: 70%;
			font-size:14px;
			line-height:1.7em;
			padding-bottom:20px;
			padding-left:30px;
			background-image:url("../images/icon/logo-icon01.png");
			background-size:	20px 22px;
			background-position:	left 0 top 0;
			background-repeat:no-repeat;
		}

	}

/* ■ contact section ---------------------------------------------*/

	#contact{
		margin:0 auto 0 auto;
		margin:90px auto 0 auto;	/* ★FAQ挿入時取る */
		width:95%;
		padding-bottom:50px;
		background-color:#fff;
	}
	#contact h2{
		margin:0 0 50px 0;
		font-size: 32px;
		text-align: center;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color: #444;
	}

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

		#contact{
			margin:0 auto 0 auto;	/* ★FAQ挿入時取る */
			width:100%;
		}
		#contact h2{
			margin:0 0 10px 0;
			font-size:24px;
			padding-top:10px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#contact{
			margin:100px auto 0 auto;	
			width:100%;
			padding-bottom:50px;
			background-color:#F5F5F5;
		}
		#contact h2{
			margin:0 0 50px 0;
			font-size: 22px;
			text-align: center;
			font-weight;bold
			color: #333;
		}
	}

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

		#contact{
			margin:100px auto 80px auto;
			width:95%;
			padding-bottom:20px;
			background-color:#fff;
		}
		#contact h2{
			margin:-80px 0 0 0;
			font-size: 16px;
			font-weight:bold;
			text-align: center;
		}
	}

/* ■ よくある質問 ------------------------------------------------*/

	#faq{
		margin:200px auto 80px auto;
		padding-bottom:200px;
		background:linear-gradient(rgba(27, 74, 112, 0.6), rgba(27, 74, 112, 0.6)),
		url("../images/bg/info_back01.jpg") no-repeat;
			background-size:	cover;
			background-position:	left 0 bottom 0;
			background-attachment:fixed;
	}
	#faq h2{
		margin:-80px 0 80px 0;
		text-align: center;
		font-size:34px;
		letter-spacing:2px;
		color:#FFF;
		font-weight:bold;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
	}

	#faq h2 span.bgLRextend::before{
		background:#FFF;
	}
	#faq .cont01 {
		margin: 0 auto 0 auto;
		width: 75%;
		padding-top:50px;
		padding-bottom:60px;
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
			box-shadow: 1px 1px 10px 1px #aaa;
			-webkit-box-shadow: 1px 1px 10px 1px #aaa;
			-moz-box-shadow: 1px 1px 10px 1px #aaa;
	}
	#faq ul {
		color:#222;
	}
	#faq ul li h3 {
		font-size:17px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
	}
	#faq ul li .box {
		margin:0 auto 30px auto;
		width:100%;
		max-width:750px;
		background:#EEE;
	}
	#faq ul li .box p {
		text-align:left;
		font-size:16px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
	}

	.faq-bg {
		margin: 0 0 200px 25%
		width:90%;
		position: relative;
		height: 50vh;
		background:url("../images/top/pict_06.jpg") no-repeat;
		background-size:contain;
		background-position:  right 17% center;
		background-position:  right 25% center;
	}
	.faq-bg::after{
		content:'';
		position: absolute;
		top:15%;
		left:8%;
		width:80%;
		height:50vh;
		background:#EEE;
		z-index: -1;
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#faq{
			margin:50px auto 80px auto;
			padding-bottom:120px;
			background:linear-gradient(rgba(27, 74, 112, 0.6), rgba(27, 74, 112, 0.6)),
		}
		#faq h2{
			margin:0 0 30px 0;
			text-align: center;
			font-size:24px;
			letter-spacing:2px;
			color:#FFF;
			font-weight:bold;
		}
		#faq .cont01 {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:20px;
			padding-bottom:20px;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
				box-shadow: 1px 1px 10px 1px #aaa;
				-webkit-box-shadow: 1px 1px 10px 1px #aaa;
				-moz-box-shadow: 1px 1px 10px 1px #aaa;
		}
	}

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

		#faq{
			margin:200px auto 0 auto;
			padding-bottom:100px;
		}
		.faq-bg,
		.faq-bg::after{
			height:20vh;
		} 
		.faq-bg::after{
			content:'';
			position: absolute;
			top:15%;
			left:0%;
			width:100%;
			height:40vh;
			background:#EEE;
			z-index: -1;
		}
		#faq ul li h3 {
			font-weight:bold;
			font-size:13px;
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
		}
		#faq ul li .box p {
			font-size:12px;
		}

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

		#faq{
			margin:0 0 100px 0;
		}
		#faq h2{
			margin: 0 0 20px 0;
			font-size:14px;
			letter-spacing:1px;
		}
		.faq-bg{
			margin:0 0 30px auto;
		}
		.faq-bg,
		.faq-bg::after{
			height:20vh;
		} 

		#faq .cont01 {
			margin: 20px auto 0 auto;
			width: 95%;
			padding-top:10px;
			padding-bottom:15px;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
				box-shadow: 1px 1px 10px 1px #aaa;
				-webkit-box-shadow: 1px 1px 10px 1px #aaa;
				-moz-box-shadow: 1px 1px 10px 1px #aaa;
		}
		#faq ul {
			margin: 0 auto 0 auto;
			width: 95%;
		}
	}

/* ■ Final section -----------------------------------------------*/

	#section06 {
		margin:50px auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:30px;
	}
	#section06 #sec02title {
		margin: 0 auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#section06 #sec02title h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:28px;
		letter-spacing:2px;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#555;
		padding-top:0;
		padding-bottom:10px;
	}
	#section06 #sec02title .h2line {
		margin: 20px auto 30px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
	}
	#section06 #sec02title>p {
		display:block;
		margin: 0 auto 30px auto;
		width: 73%;
		font-size:16px;
		line-height:1.7em;
		letter-spacing:1px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#555;
		padding-top:0;
		padding-bottom:10px;
	}
	#section06 .cont {
		margin:20px auto 0 auto;
		width:70%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-top:50px;
		padding-bottom:50px;
		background:linear-gradient(90deg,white 0%,white 8%,#F1F3F6 8%,#F1F3F6 38%,white 38%,white 100%);	/* ★ yosca-blue05*/
	}
	#section06 .cont .left {
		margin:0 auto 0 auto;
		width:30%;
	}
	#section06 .cont .left img {
		display:block;
		margin:0 auto 0 auto;
		width:80%;
	}
	#section06 .cont dl.right {
		display:block;
		margin:0 auto 0 auto;
		width:70%;
	}
	#section06 .cont dl.right dt {
		margin:0 auto 20px auto;
		width:85%;
		font-size:20px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Bold";
		font-display: swap;
		color:#333;
	}
	#section06 .cont dl.right dt span {
		font-size:17px;
		color:#AAA;
		padding-left:20px;
	}
	#section06 .cont dl.right dd {
		margin:0 auto 0 auto;
		width:85%;
		font-size:16px;
		line-height:1.7em;
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
		color:#333;
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section06 {
			margin:30px auto 0 auto;
			width:100%;
			padding-top:0;
			padding-bottom:0;
		}
		#section06 #sec02title {
			margin: 0 auto 0 auto;
			width: 80%;
			padding-bottom:0;
		}
		#section06 #sec02title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:20px;
			letter-spacing:2px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:0;
		}
		#section06 #sec02title .h2line {
			margin: 20px auto 30px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#section06 #sec02title>p {
			display:block;
			margin: 0 auto 30px auto;
			width: 85%;
			font-size:13px;
			line-height:1.7em;
			letter-spacing:1px;
			font-weight:bold;
			color:#333;
			padding-top:0;
			padding-bottom:10px;
		}
		#section06 .cont {
			margin:20px auto 0 auto;
			width:80%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			padding-top:30px;
			padding-bottom:30px;
			background:linear-gradient(90deg,white 0%,white 8%,#F1F3F6 8%,#F1F3F6 38%,white 38%,white 100%);	/* ★ yosca-blue05*/
		}
		#section06 .cont dl.right dt {
			margin:0 auto 20px auto;
			width:85%;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			color:#333;
		}
		#section06 .cont dl.right dt span {
			font-size:13px;
			padding-left:10px;
		}
		#section06 .cont dl.right dd {
			margin:0 auto 0 auto;
			width:85%;
			font-size:12px;
			line-height:1.7em;
			color:#333;
		}
	}

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

		#section06 {
			margin:-50px auto 0 auto;
			width:100%;
			padding-bottom:20px;
			background:linear-gradient(90deg,#F1F3F6 0%,#F1F3F6 35%,white 35%,white 100%);
		}
		#section06 #sec02title {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:25px;
			padding-bottom:0;
		}
		#section06 #sec02title h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			color: #333;	
			padding-top:5px;
			padding-left:0;
			padding-bottom:5px;
		}
		#section06 #sec02title .h2line {
			margin: 0 auto 20px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#section06 #sec02title>p {
			display:block;
			margin: 0 auto 0px auto;
			width: 85%;
			font-size:12px;
			line-height:1.7em;
			color:#222;
			padding-top:0;
			padding-bottom:10px;
		}
		#section06 .curriculum {
			margin:0 auto 0 auto;
			width:95%;
			padding-top:20px;
			padding-bottom:20px;
			background-color:none;
			box-shadow:none;
		}
		#section06 .cont {
			margin:0 auto 0 auto;
			width:90%;
			display: block;
			padding-top:15px;
			padding-bottom:15px;
			background:none;
		}
		#section06 .cont .left {
			margin:0 auto 0 auto;
			width:100%;
		}
		#section06 .cont .left img {
			display:block;
			margin:0 auto 0 auto;
			width:80%;
		}
		#section06 .cont dl.right {
			display:block;
			margin:0 auto 0 auto;
			width:100%;
		}
		#section06 .cont dl.right dt {
			margin:15px auto 20px auto;
			width:85%;
			font-size:13px;
			line-height:1.5em;
			font-weight:bold;
		}
		#section06 .cont dl.right dt span {
			font-size:12px;
			padding-left:10px;
		}
		#section06 .cont dl.right dd {
			margin:0 auto 0 auto;
			width:85%;
			font-size:12px;
			line-height:1.7em;
		}
	}

	/* ■ 固定ヘッダ アンカー位置差分変更 */

	#sec-feature {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-curriculum {	
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-case {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-flow {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-price {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-faq {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-contact {
		margin-top:-70px;
		padding-top:70px;
	}

	@media only screen and (min-width:992px) {	/*■ PC Layout  ■ */

		#sec-feature {
			margin-top:-100px;
			padding-top:100px;
		}
		#sec-curriculum {	
			margin-top:-200px;
			padding-top:200px;
		}
		#sec-case {
			margin-top:-200px;
			padding-top:200px;
		}
		#sec-flow {
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-price {
			margin-top:-200px;
			padding-top:200px;
		}
		#sec-faq {
			margin-top:-180px;
			padding-top:180px;
		}
		#sec-contact {
			margin-top:-150px;
			padding-top:150px;
		}
	}
@media only screen and (min-width: 768px) {
span.marker {
    background: linear-gradient(transparent 50%, #FFF000 50%);
    font-size: x-large;
}
}
@media only screen and (max-width: 768px) {
span.marker {
    background: linear-gradient(transparent 50%, #FFF000 50%);
}
}

@media only screen and (min-width: 768px) {
.triangle2{
  width: 0;
  height: 0;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-top: 45px solid #c3b9b9;
  margin-right: auto;
  margin-left: auto;
  margin-top: 40px;
}
}
@media only screen and (max-width: 768px) {
.triangle2{
  width: 0;
  height: 0;
  border-left: 65px solid transparent;
  border-right: 65px solid transparent;
  border-top: 35px solid #c3b9b9;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
}
}