/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width:761px){
	
	/* ============================================================
 	main vi 
	==============================================================*/

	#main_sec_wrap{
		width: 100%;
		height: calc(140vw * 1182 / 1122 + 40px);
		position: relative;
		text-align: center;
	}

	#main_sec_wrap .img_box01{
		position: absolute;
		top: -16px;
		left: 50%;
		width: 140%;
		transform: translate(-50%, 0);
	}

	#main_sec_wrap .img_box02{
		position: absolute;
		top: -16px;
		left: 50%;
		right: 0;
		z-index: -1;
		width: 140%;
		transform: translate(-50%, 0);
	}
	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		margin: -80px 0 0 0;
	}
	
	#sec01 .wrapper{
		width: 84%;
		margin: 0 auto;
	}

	#sec01 ul li{
		padding: 16px 0 64px;
	}

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

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

	

	#sec01 .txt_box{
	margin: -20px 0 0 0;
	}

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

	#sec01 li:nth-of-type(1n) .list_ttl{
	}

	#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: 400;
		font-size: 1.3rem;
		color: #ffffff;
		line-height: 1.0;
		letter-spacing: 0.1em;
	}
 
	#sec01 .list_ttl .num{
		font-family: 'Barlow';
		font-weight: 500;
		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.4rem;
		line-height: 1.4;
		color: #727171;
		margin: 10px 0 24px;
	}

	#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 10px 6px;
		line-height: 2.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.1em;
	}

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

	#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.5rem;
		color: #727171;
		margin: 16px 0 0 0;
		line-height: 2.0;
		letter-spacing: 0.04em;
	}


	#sec01 li .img_box{
		margin: 40px 6% 0;
	}
	
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width: 413px) and (max-width: 761px) {
	
}