/* ============================================================
PC
==============================================================*/

@media (min-width: 762px) {
	
	
	/* ============================================================
 	main vi 
	==============================================================*/
    
	#main_sec_wrap{
		width: 100%;
		height: 712px;
		position: relative;
	}

	#main_sec_wrap .img_box01{
		position: absolute;
		top: 280px;
		left: 0;
		right: 0;
		width: 474px;
		margin: 0 auto;
	}

	#main_sec_wrap .img_box02{
		position: absolute;
		top: -200px;
		left: 0;
		right: 0;
		max-width: 912px;
		z-index: -1;
		margin: 0 auto;
	}
	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		margin: -280px 0 0 0;
		padding: 0 0 100px;
	}
	
	#sec01 .wrapper{
		width: 900px;
	}

	#sec01 ul li{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 0 64px;
	}

	#sec01 ul li:nth-of-type(2n){
		flex-direction: row-reverse;
		position: relative;
	}

	#sec01 ul li:nth-of-type(2n)::before{
		content: '';
		display: block;
		width: 100vw;
		height: 100%;
		background: #F6F6F6;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
	}

	

	#sec01 .txt_box{
		width: 526px;
		margin: -32px 0 0 0;
	}

	#sec01.isiPad .ff{
		width: 526px;
		margin: 0 0 0 0;
	}

	#sec01 .list_ttl{
		display: flex;
		flex-direction: column;
		align-items: center;
		border-radius: 50%;
		width: 70px;
		height: 70px;
		justify-content: center;
	}

	#sec01 li:nth-of-type(1n) .list_ttl{
		margin: 0 0 0 -20px;
	}

	#sec01 li:first-child .list_ttl{
		background: #84D0DA;
	}

	#sec01 li:nth-child(2) .list_ttl{
		background: #EAD342;
	}

	#sec01 li:nth-child(3) .list_ttl{
		background: #E599CF;
	}

	#sec01 li:nth-child(4) .list_ttl{
		background: #84D0DA;
	}

	#sec01 li:nth-child(5) .list_ttl{
		background: #EAD342;
	}

	#sec01 li:nth-child(6) .list_ttl{
		background: #E599CF;
	}

	#sec01 li:nth-child(7) .list_ttl{
		background: #84D0DA;
	}

	#sec01 .list_ttl .txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		color: #ffffff;
		line-height: 1.0;
		letter-spacing: 0.1em;
	}
 
	#sec01 .list_ttl .num{
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-size: 2.8rem;
		color: #ffffff;
		line-height: 1.0;
		letter-spacing: 0.1em;
	}

	#sec01 .question{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.6rem;
		color: #727171;
		line-height: 1.4;
		margin: 10px 0 20px;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
	}

	#sec01 .answer{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		color: #ffffff;
		position: relative;
		display: inline;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		padding: 4px 8px 6px;
		line-height: 2.4;
		letter-spacing:0.1rem;
		white-space: nowrap;
		font-feature-settings: 'palt';
	}

	#sec01 .answer::before{
		content: '';
		display: block;
		width: 24px;
		height: 24px;
		position: absolute;
		top: -20px;
		left: -28px;
	}

	#sec01 li:first-child .answer::before{
		background: url(/guidance/qa/img/icon_ttl01.svg) no-repeat;
	}

	#sec01 li:nth-child(2) .answer::before{
		background: url(/guidance/qa/img/icon_ttl02.svg) no-repeat;
	}

	#sec01 li:nth-child(3) .answer::before{
		background: url(/guidance/qa/img/icon_ttl03.svg) no-repeat;
	}

	#sec01 li:nth-child(4) .answer::before{
		background: url(/guidance/qa/img/icon_ttl01.svg) no-repeat;
	}

	#sec01 li:nth-child(5) .answer::before{
		background: url(/guidance/qa/img/icon_ttl02.svg) no-repeat;
	}

	#sec01 li:nth-child(6) .answer::before{
		background: url(/guidance/qa/img/icon_ttl03.svg) no-repeat;
	}

	#sec01 li:last-child .answer::before{
		background: url(/guidance/qa/img/icon_ttl01.svg) no-repeat;
	}


	#sec01 li:first-child .answer{
		background: #E57777;
	}

	#sec01 li:nth-child(2) .answer{
		background: #7ACB85;
	}

	#sec01 li:nth-child(3) .answer{
		background: #9B9ACE;
	}

	#sec01 li:nth-child(4) .answer{
		background: #E57777;
	}

	#sec01 li:nth-child(5) .answer{
		background: #7ACB85;
	}

	#sec01 li:nth-child(6) .answer{
		background: #9B9ACE;
	}

	#sec01 li:nth-child(7) .answer{
		background: #E57777;
	}

	#sec01 .sub{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		color: #727171;
		margin: 16px 0 0 0;
		line-height: 2.0;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
	}


	#sec01 li:first-child .img_box{
		margin: 200px 0 0 0;
	}

	#sec01 li:nth-child(2) .img_box{
		margin: 56px 0 0 0;
	}

	#sec01 li:nth-child(3) .img_box{
		margin: 120px 0 0 0;
	}

	#sec01 li:nth-child(4) .img_box{
		margin: 100px 0 0 0;
	}

	#sec01 li:nth-child(5) .img_box{
		margin: 100px 64px 0 0;
	}

	#sec01 li:nth-child(6) .img_box{
		margin: 64px 0 0 0;
	}

	#sec01 li:last-child .img_box{
		margin: 24px 0 0 0;
	}
	
}