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

@media (min-width: 762px) {
    
    /* =========================================================================
 	sec_more_info
	===========================================================================*/
	
	#sec_more_info .wrapper{
		width: 90vw;
		padding: 30px 5vw 80px;
		background: #eff0f2;
	}

	#sec_more_info .f_btn_list li{
		width: 22%;
	}
    
	
    
	/* ============================================================
 	main_ttl_wrap
	==============================================================*/
    
    
    
	#main_ttl_wrap{
		width: 100%;
		height:594px;
		position: relative;
		overflow: hidden;
		background:#e2eeff url("../img/mv_bg_pc.gif") no-repeat center bottom;
		border-bottom:4px solid #223862;
	}

	#main_ttl_wrap .txt_wrap{
		position: absolute;
		top: 18%;
		left: 50%;
		transform:translate(-50%, -50%);
	}
	
	#main_ttl_wrap .txt_wrap h1{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 4.0rem;
		color: #000;
		text-align: center;
		letter-spacing: 0.1rem;
		white-space: nowrap;
		position: relative;
	}

	#main_ttl_wrap .txt_wrap h1:after{
		content: "";
		display: block;
		width: 100px;
		height:3px;
		background:#5879c0;
		position: absolute;
		bottom: -16px;
		left: 50%;
		transform:translate(-50%, 0);
	}

	#main_ttl_wrap .txt_wrap span{
		display:block;
		font-weight: 500;
		font-size: 2.0rem;
		color: #000;
		background:none;
		text-align: center;
		letter-spacing: 0.2rem;
		padding:0;
		margin: 0 0 -11px;
	}
	


	
    
    
    /* ============================================================
 	common
	==============================================================*/
    
    
    h2.naminami{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 3.2rem;
		color: #000;
		letter-spacing: 0.2rem;
		line-height: 155%;
		white-space: nowrap;
		margin: 0 0 25px -14px;
	}

	.kadai_box{
		display:flex;
		padding: 0 0 40px;
	}
	.kadai_box h3.c_ttl{
		display:block;
		width: 70px;
		height: 70px;
		background:#e2eaf5;
		border-radius:50%;
		margin: 0 24px 0 0;
		position:relative;
	}
    .kadai_box h3.c_ttl span{
    	font-family: 'Noto Serif JP', serif;
    	font-weight:500;
    	font-size: 1.5rem;
    	letter-spacing:0.1rem;
    	line-height:100%;
    	position:absolute;
    	top: 47%;
    	left: 50%;
    	transform:translate(-50%, -50%);
    }
	.kadai_box p{
		width:900px;
		font-family: 'Noto Sans JP', sans-serif;
    	font-weight:400;
    	font-size: 1.4rem;
	}

	.ans_ttl{
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size: 2.5rem;
		color:#4679c2;
		padding: 0 0 40px 120px;
		position:relative;
	}

	.ans_ttl .point_wrap{
		display:inline-block;
		background:#4679c2;
		color:#fff;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		padding: 0 10px 2px;
		position:absolute;
		left:0;
		top: 6px;
	}

	.ans_ttl .point_txt{
		font-size: 1.8rem;
	}

	.flex_wrap{
		display:flex;
		justify-content:space-between;
	}
    
    .flex_wrap .txt_box{
    	width:400px;
    }

    .flex_wrap .txt_box p{
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight:400;
    	font-size: 1.4rem;
    	padding: 0 0 35px;
    }

    .flex_wrap .p_ttl{
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight:400;
    	font-size: 1.4rem;
    	text-align:center;
    	padding: 0 0 9px;
    }

    .flex_wrap .products_wrap{
    	border:2px solid #ababab;
    }

    .flex_wrap .products_wrap h5{
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight:500;
    	font-size: 2.4rem;
    	letter-spacing:0.2rem;
    	line-height: 160%;
    	padding:26px 26px 10px;
    }

    .flex_wrap .products_wrap p{
    	font-size: 1.2rem;
    	line-height:160%;
    	padding:0 26px 20px;
    }

    .flex_wrap .products_wrap h5 span{
    	display:block;
    	font-size:1.4rem;
    	font-weight:400;
    	line-height:100%;
    	letter-spacing:0rem;
    }

    .flex_wrap .p_img{
    	background:#d5d8de;
    	padding:0 50px;
    }

    .flex_wrap .p_img img{
    	margin:-10px 0;
    }

    .flex_wrap .products_wrap ul{
    	display:flex;
    	justify-content:space-between;
    	padding:0 26px 26px;
    }

    .flex_wrap .products_wrap ul li{
    	width:47%;
    }

    .flex_wrap .products_wrap ul li a{
    	display:block;
    	border:2px solid #4679c2;
    	color:#4679c2;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight:500;
    	font-size: 1.6rem;
    	line-height:100%;
    	text-align:center;
    	text-indent:-10px;
    	padding: 10px 0 12px;
    	position:relative;
    	transition: all 0.5s ease 0s;
    }

    .flex_wrap .products_wrap ul li a:after{
    	content: "";
    	display: block;
    	width: 8px;
    	height:8px;
    	border-right:solid 1px #4679c2;
    	border-bottom:solid 1px #4679c2;
    	position: absolute;
    	top: 50%;
    	left: 88%;
    	transform:translate(-50%, -50%) rotate(-45deg);
    }

    .flex_wrap .products_wrap ul li a:hover{
    	background:#4679c2;
    	color:#fff;
    }

    .flex_wrap .products_wrap ul li a:hover:after{
    	border-right:solid 1px #fff;
    	border-bottom:solid 1px #fff;
    }
	
	
	/* ============================================================
 	section 01
	==============================================================*/

	#sec01{
		width: 100%;
	}

	#sec01 p.body_txt{
		padding: 0 0 30px;
	}

	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.5rem;
		color: #000;
		letter-spacing: 0rem;
		line-height: 155%;
		margin: 70px 0 36px;
	}

	#sec01 h2 span{
		letter-spacing:-10px;
	}

	#sec01 .body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.4rem;
	}

	#sec01 .l_line_ttl_2{
    	position:relative;
    	margin: 64px 0 14px;
    }
    
    #sec01 .l_line_ttl_2 h3{
    	display:inline-block;
    	font-family: 'Noto Serif JP', serif;
    	font-weight:400;
    	font-size: 2.4rem;
    	letter-spacing: 0.1rem;
    	line-height: 140%;
    	padding: 0 10px 2px 10px;
    	background:#fff;
    	border-left:2px solid #4679c2;
    	z-index:1;
    	position:relative;
    }

    #sec01 .l_line_ttl_3:before{
    	content: "";
		display: block;
		width: 1000px;
		height: 1px;
		background:#ababab;
		position: absolute;
		top: 50%;
		left:0;
		z-index:1;
    }

    #sec01 ul{
    	margin:50px 0 0;
     	display: flex;
        justify-content:space-between;
    }

    #sec01 ul a{
    	display:block;
    	width:280px;
    	height:280px;
    	background:#e2eaf5;
    	border-radius:50%;
    	position:relative;
    	transition: all 0.5s cubic-bezier(0, 0, 0.01, 1.36) 0s;
    }
    #sec01 ul a:hover{

        transform: scale(1.1);
    }

    #sec01 ul a:after{
    	content: "";
    	display: block;
    	width: 10px;
    	height:10px;
    	border-right:solid 1px #4679c2;
    	border-bottom:solid 1px #4679c2;
    	position: absolute;
    	top: 86%;
    	left: 50%;
    	transform:translate(-50%, -50%) rotate(45deg);
    }

    #sec01 ul a h4{
    	font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 2.0rem;
		letter-spacing:0.1rem;
		line-height:160%;
		white-space:nowrap;
		text-align:center;
		position:absolute;
		top: 45%;
		left: 51%;
		transform:translate(-50%, -50%);

    }

    #sec01 ul p{
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight:500;
    	font-size: 1.8rem;
    	color:#4679c2;
    	position:absolute;
		top: 76%;
		left: 50%;
		transform:translate(-50%, -50%);
    }
	
    
    /* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		padding:120px 0 0;
		
	}

	#sec02 .wrapper{
		padding:0 0 100px;
		border-bottom:2px solid #ccc;
	}

	#sec02 .kadai_box p{
		padding:10px 0 0;
	}

	#sec02 .img_box{
		width:540px;
	}

	#sec02 .flex_wrap{
		flex-wrap: wrap;
	}

	#sec02 .w_box{
		width:100%;
		padding:0 0 40px;
	}

	#sec02 .w_box h4{
		font-family: 'Noto Sans JP', sans-serif;
    	font-weight:500;
    	font-size: 1.6rem;
    	padding:0 0 20px;
	}

	#sec02 .l_box{
		width:540px;
		box-sizing:border-box;
		border-right:2px solid #ababab;
		padding:20px 30px 0 0;
	}

	#sec02 .l_box h4{
		font-family: 'Noto Sans JP', sans-serif;
    	font-weight:500;
    	font-size: 1.6rem;
    	padding:0 0 20px;
	}


    
    
	

   
    /* ============================================================
 	section 03
	==============================================================*/
	
	#sec03{
		padding:100px 0 0;
	}
	#sec03 .wrapper{
		padding:0 0 100px;
		border-bottom:2px solid #ccc;
	}

	#sec03 .kadai_box p{
		padding:8px 0 0;
	}

	#sec03 .l_box{
		width:540px;
		box-sizing:border-box;
		border:2px solid #ababab;
		padding:20px 30px;
	}

	#sec03 .ttl_a{
		font-family: 'Noto Sans JP', sans-serif;
    	font-weight:500;
    	font-size: 1.6rem;
    	padding:0 0 10px;
	}

	#sec03 .l_box p{
		font-family: 'Noto Sans JP', sans-serif;
    	font-weight:400;
    	font-size: 1.4rem;
    	padding:20px 0 10px;
	}

	#sec03 .l_box .ttl_b{
		font-family: 'Noto Sans JP', sans-serif;
    	font-weight:500;
    	font-size: 1.6rem;
    	padding:30px 0 10px;
	}

	#sec03 .img_box2{
		margin: 42px -18px 0;
	}


	/* ============================================================
 	section 04
	==============================================================*/
	
	#sec04{
		padding:100px 0 150px;
	}

	#sec04 .l_box{
		width:500px;
		box-sizing:border-box;
	}

	#sec04 .waku{
		box-sizing:border-box;
		border:2px solid #ababab;
		padding:40px 30px;
	}

	#sec04 .img_box{
		padding: 0 20px;
	}
	#sec04 .img_box2{
		border:4px solid #fa9600;
		padding:20px;
	}

	#sec04 .ttl_a{
		font-family: 'Noto Sans JP', sans-serif;
    	font-weight:500;
    	font-size: 1.6rem;
    	padding:0 0 10px;
	}

	#sec04 .l_box p{
		font-family: 'Noto Sans JP', sans-serif;
    	font-weight:400;
    	font-size: 1.4rem;
    	padding:20px 0 10px;
	}

	#sec04 .l_box .ttl_b{
		font-family: 'Noto Sans JP', sans-serif;
    	font-weight:500;
    	font-size: 1.6rem;
    	padding:40px 0 10px;
	}

	#sec04 .l_box .ttl_c{
		font-family: 'Noto Sans JP', sans-serif;
    	font-weight:500;
    	font-size: 1.6rem;
    	padding:80px 0 10px;
	}
	

}