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

@media (min-width: 762px) {
	
	
	/* ============================================================
 	main vi 
	==============================================================*/
    
    #main_third_wrap{
		background:url("../img/main_bg.jpg") center;
		background-size: cover;
		overflow:hidden;
	}

	#main_third_wrap #main_copy_wrap{
		position: absolute;
		top: calc(50% + 30px);
		left: 15%;
		transform: translate(0, -50%);
		background:rgb(141 181 0 / 0.6);
		z-index: 5;
	}
	
	#main_third_wrap h1{
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 500;
		font-size: 4.0rem;
		letter-spacing: 0.3rem;
		display:block;
		padding: 0 140px 26px 40px;
		line-height: 100%;
		background:none;
		color: #fff;
	}

	#main_third_wrap h1 span{
		display:inline-block;
		font-size: 3.2rem;
	}


	#main_third_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		padding: 26px 0 5px 40px;
		line-height: 100%;
		background:none;
		color: #fff;
	}

	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 100px 0 30px;
		position:relative;
	}

	#sec01 h2{
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 500;
		font-size: 2.2rem;
		letter-spacing: 0.3rem;
		display:block;
		padding: 0 0 26px;
		line-height: 100%;
		background:none;
		color: #1c284c;
	}
    
    /* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		width: 100%;
		padding: 30px 0;
		position:relative;
	}

	#sec02 h2{
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 500;
		font-size: 2.2rem;
		letter-spacing: 0.3rem;
		display:block;
		padding: 0 0 26px;
		line-height: 100%;
		background:none;
		color: #1c284c;
	}
    
    /* ============================================================
 	section 03
	==============================================================*/
	
	#sec03{
		width: 100%;
		padding: 30px 0;
		position:relative;
	}

	#sec03 h2{
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 500;
		font-size: 2.2rem;
		letter-spacing: 0.3rem;
		display:block;
		padding: 0 0 26px;
		line-height: 100%;
		background:none;
		color: #1c284c;
	}
    
    /* ============================================================
 	section 04
	==============================================================*/
	
	#sec04{
		width: 100%;
		padding: 30px 0 200px;
		position:relative;
	}

	#sec04 h2{
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 500;
		font-size: 2.2rem;
		letter-spacing: 0.3rem;
		display:block;
		padding: 0 0 26px;
		line-height: 100%;
		background:none;
		color: #1c284c;
	}
    
    
    /* ============================================================
 	Accordion
	==============================================================*/

	/* Accordion BTN */

	.qa .q_info_wrap li{
		position:relative;
	}

	.qa .q_info_wrap li:before{
		content: "";
		display: block;
		width: 22px;
		height: 22px;
		border: 2px solid #a8a8a8;
		border-radius:50%;
		opacity: 0.5;
		position: absolute;
		top: 21px;
		right: 18px;
		z-index:100;
	}
	
	.qa .q_info_wrap li a{
		display: block;
		position: relative;
		background: #f3f4f5;
		height: 70px;
		margin: 7px 0 0 0;
		transition: all 0.5s ease 0s;
	}
	
	
	.qa .q_info_wrap li a h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		color: #1c284c;
		font-size: 1.8rem;
		line-height: 140%;
		position: absolute;
		top: 50%;
		left: 86px;
		transform:translate(0, -50%);
		transition: all 0.5s ease 0s;
	}
	
	.qa .q_info_wrap li a h3:before{
		content: "Q";
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 500;
		font-size: 2.8rem;
		line-height: 100%;
		background: #aed036;
		padding: 6px 10px 8px 9px;
		position: absolute;
		top: 48%;
		left: -61px;
		transform:translate(0, -50%);
		color: #ffffff;
	}

	.qa .q_info_wrap li a:before{
		position:absolute;
		content:"";
		top: 47%;
		right: 25px;
		width: 12px;
		transition: all 0.5s ease 0s;
		border-top: 2px solid #a8a8a8;
		transform: rotate(0);
	}
	.qa .q_info_wrap li a:after{
		position:absolute;
		content:"";
		top: 47%;
		right: 25px;
		width: 12px;
		transition: all 0.5s ease 0s;
		border-top: 2px solid #a8a8a8;
		transform: rotate(90deg);
	}
	
	
	
	/* Accordion BTN active */
	
	
	.qa .q_info_wrap li a:hover h3{
		opacity:0.5;
	}
	
	
	.qa .q_info_wrap li a.active:before{

		transform: rotate(180deg);
	}
	.qa .q_info_wrap li a.active:after{

		transform: rotate(360deg);
	}
	
	.qa .a_info_contents{
		padding: 8px 36px 30px;
		margin: 0 0 30px;
	}
	
	.qa .a_info_contents {background: #f3f4f5;}


	.qa .a_info_contents > div.ans{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		color: #1c284c;
		font-size: 1.6rem;
		border-top: 1px solid #ccc;
		padding: 20px 0 0;
		margin: 0 0 0 50px;
		position: relative;
		line-height: 150%;
	}
	
	.qa .a_info_contents div.ans:before{
		content: "A";
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 500;
		font-size: 2.8rem;
		line-height: 100%;
		background: #ef8610;
		padding: 6px 10px 6px 10px;
		position: absolute;
		top: calc(50% + 10px);
		left: -62px;
		transform:translate(0, -50%);
		color: #ffffff;
	}

	.qa .a_info_contents div.ans a{
		color:#4d5bcb;
		font-weight:500;
	}

	.qa .a_info_contents div.ans a:hover{
		color:#9fa9f7;		
	}

	
}