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

@media (min-width: 762px) {
	
	
	
	
	/* ============================================================
 	h1
	==============================================================*/
	
	#h1_wrap{
		width: 100%;
		padding: 240px 0 80px;
		background: #f5f5f5;
	}
	
	.uline_box{
		position:relative;
		padding:0 0 20px;
	}

	.uline_box:before{
		content: "";
		display: block;
		width: 0;
		height: 1px;
		background:#1368ad;
		position: absolute;
		bottom: 1px;
		right: 50%;
		transition: all 0.8s cubic-bezier(0.08, 0.34, 0.15, 1) 0s;
	}
	.uline_box:after{
		content: "";
		display: block;
		width: 0;
		height: 1px;
		background:#1368ad;
		position: absolute;
		bottom: 1px;
		left: 50%;
		transition: all 0.8s cubic-bezier(0.08, 0.34, 0.15, 1) 0s;
	}

	.uline_box_act:before{
		width: 50%;
	}
	.uline_box_act:after{
		width: 50%;
	}
	
	#h1_wrap h1{
		display:block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 5.0rem;
		background: linear-gradient( to right,  #471877 25%, #1369ad 75% );
		-webkit-background-clip: text;
		color: transparent;
		text-align:center;
		line-height: 100%;
		letter-spacing: 3px;
	}
	
	#h1_wrap p{
        font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 1.6rem;
		color:#1369ad;
		text-align:center;
		padding:10px 0 0;
	}
	
	#h1_wrap ul{
		display: flex;
        justify-content:space-between;
        width:660px;
        margin:30px auto;
	}
	
    #h1_wrap li{
		border-radius:20px;
		background: #cfa972 url(/100th/global/img/icon_blank_pc.png) no-repeat 90% center;
	}

	#h1_wrap li:first-child{
		width: 380px;
	}
	
	#h1_wrap li:last-child{
		width: 260px;
	}

	#h1_wrap a{
		display:block;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding:5px 0;
		letter-spacing: 1px;

		position:relative;
		overflow:hidden;
	}
	
	
	/* en anime s */
		#h1_wrap a:before{
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-radius:100%;
			background:#fff;
			position: absolute;
			top: 50%;
			left: 50%;
			transform:translate(-50%, -50%);
		}

		#h1_wrap a:hover:before{
			transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
			width: 180px;
			height: 180px;
			opacity: 0;
		}
	/* en anime e */
	
	
	/* ============================================================
 	common
	==============================================================*/
	.bg_w{
		background:#fff;
		padding:5px 80px 80px;
		width:840px;
	}

	.h2_wrap{
		position:relative;
		margin:80px 0 30px;
	}

	.h2_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background:#1368ad;
		position: absolute;
		top: 50%;
		left: 0;
		z-index:0;
	}
	
	.h2_box{
		display:inline-block;
		padding:0 20px 0 0;
		background:#fff;
		position:relative;
	}


	.h2_box h2{
		display:inline-block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 3.4rem;
		background: linear-gradient( to right,  #471877 25%, #1369ad 75% );
		-webkit-background-clip: text;
		color: transparent;
		line-height: 100%;
		letter-spacing: 1px;
		padding:0 0 0 70px;
		position:relative;
	}

	.h2_box h2 span{
		display:inline-block;
		font-size: 5.1rem;
		letter-spacing: 0;
		line-height:100%;
		color:#471877;
		position:absolute;
		top: 40%;
		left: 0;
		transform:translate(0, -50%);
	}

	

	


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

	#sec01 .red_box{
		display:inline-block;
		border:1px dotted #af1753;
		padding:5px 20px;
		margin:0 0 10px;
		color:#af1753;
	}

	#sec01 p.sub_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 1.7rem;
		color:#1369ad;
		text-align:center;
		padding:60px 0 0;
		margin:0 0 -30px
	}

	
	#sec01 p{
		font-size:1.5rem;
	}

	#sec01 p span.red_txt{
		color:#af1753;
	}
	#sec01 p span.s_txt{
		font-size:1.2rem
	}

	#sec01 h3{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 2.2rem;
		color:#1369ad;
		padding:30px 0 5px;
	}

	#sec01 .table_wrap{
		padding:40px;
		
		box-shadow: 10px 20px 20px 5px rgba(0,0,0,0.2);
		margin:40px 0 10px;
	}

	#sec01 .table_wrap h3{
		text-align:center;
		padding:0;
		margin:0 0 20px;
		position:relative;
	}

	#sec01 .table_wrap h3:before{
		content: "";
		display: block;
		width: 100px;
		height: 1px;
		background:#1368ad;
		position: absolute;
		top: 50%;
		left: 0;
	}
	#sec01 .table_wrap h3:after{
		content: "";
		display: block;
		width: 100px;
		height: 1px;
		background:#1368ad;
		position: absolute;
		top: 50%;
		right: 0;
	}

	#sec01 .table_wrap h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		color: #1368ad;
		font-size: 1.6rem;
		padding:30px 0 10px;
	}

	#sec01 .table_wrap ul{
		margin:5px 0 10px;
	}

	#sec01 .table_wrap li{
		font-size:1.4rem;
	}

	#sec01 .table_wrap p.note_txt{
		font-size:1.2rem;
		text-indent:-1.3em;
		padding:0 0 5px 1.3em;
	}

	#sec01 .table_wrap .dot_box{
		border:1px dotted #ccc;
		margin:20px 0 0;
		padding:10px 20px;
	}

    #sec01 .list_a li{
    	position:relative;
    	font-size:1.5rem;
    	padding:0 0 0 16px;
    	margin:0 0 6px;
    }

    #sec01 .list_a li:before{
    	content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-radius:50%;
		background:#00478b;
		position: absolute;
		top: 50%;
		left: 2px;
		transform:translate(0, -50%);
    }

    
    /* ============================================================
 	table
	==============================================================*/
	
    table{
        width: 100%;
        font-size:1.5rem;
        margin:0 0 10px;
    }

    table th{
    	background:#5283b9;
    	color:#fff;
    	border-bottom:1px solid #e0e0e0;
    	border-right:1px solid #e0e0e0;
    	padding:5px;
    }
    table th.head_th{
    	background:#6278a5;
    }

    table td{
    	border-bottom:1px solid #e0e0e0;
    	border-right:1px solid #e0e0e0;
    	padding:5px;
    	text-align:right;
    }
	
}


/* ============================================================
IE11
==============================================================*/

@media (-ms-high-contrast:none) {		
	
		#h1_wrap h1{
			display:block;
			font-family: 'Noto Serif JP', serif;
			font-weight: 400;
			font-size: 5.0rem;
			background:url("/100th/donations/incentive_p/img/h1_ie.png")no-repeat center;
			color: transparent;
			text-align:center;
			line-height: 100%;
			letter-spacing: 3px;
		}
        
        .h2_box h2{
            display:inline-block;
            font-family: 'Noto Serif JP', serif;
            font-weight: 400;
            font-size: 3.4rem;
            background:url("/100th/donations/incentive_p/img/h2_01ie.png")no-repeat center;
			color: transparent;
            line-height: 100%;
            letter-spacing: 1px;
            padding:0 0 0 70px;
            position:relative;
        }
        
        .h2_box h2.ie02{
            background:url("/100th/donations/incentive_p/img/h2_02ie.png")no-repeat center;
        }
        .h2_box h2.ie03{
            background:url("/100th/donations/incentive_p/img/h2_03ie.png")no-repeat center;
        }
	
	}