
section.panelwhite{
	background-color: var(--white);
	padding:40px 0;
	}
section.panelgray{
	background-color: var(--gray1);
	padding:80px 0;
	}
.panel_inner{
	display:block;
	padding:0 20px;
	}
.panel_box{
	margin:0 auto;
	max-width:600px;
	margin-bottom: 16px;
	border-radius: 10px;
	}
.copy_right{
	margin:0 auto;
	text-align: center;
	max-width: 540px;
	}
.copy_right h3{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 8px;
	}
.copy_right p{
	font-size: 21px;
	line-height: 28px;
	}
.copy_left{
	display:none;
	}
.copy_hid{
	display:block;
	margin:0 auto;
	text-align: center;
	max-width: 540px;
	}
.copy_hid h3{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 8px;
	}
.copy_hid p{
	font-size: 21px;
	line-height: 28px;
	}



@media only screen and (min-width: 1080px){
	
.panel_inner{
	display:flex;
	margin:0 auto;
	max-width: 1080px;
	padding:0;

	}
.panel_box{
	width: 600px;
	height: 340px;
	margin-bottom:0;
	border-radius: 10px;
	}


.copy_right{
	width: 500px;
	height: 220px;
	text-align: left;
	padding-top: 90px;
	padding-left: 40px;
	padding-right: 60px;
	}
.copy_right h3{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 8px;
	}
.copy_right h3 a{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 8px;
	color:var(--brand);
	}
.copy_right h3 a:hover{
	text-decoration: underline;
	}
.copy_right p{
	font-size: 21px;
	line-height: 28px;
	}
	

.copy_left{
	display:block;
	width: 500px;
	height: 220px;
	text-align: right;
	padding-top: 90px;
	padding-left: 40px;
	padding-right: 60px;
	}
.copy_left h3{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 8px;
	text-align: right;
	}
.copy_left h3 a{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 8px;
	text-align: right;
	color:var(--brand);
	}
.copy_left h3 a:hover{
	text-decoration: underline;
	}
.copy_left p{
	font-size: 21px;
	line-height: 28px;
	text-align: right;
	}
	
.copy_hid{
	display:none;
	}

}





.nobox_box{
	margin:0 auto;
	max-width: 600px;
	margin-bottom: 20px;
	border:1px solid var(--gray4);
	border-radius: 10px;
	text-align: center;
	}
.nobox_inner{
	display:block;
	padding:0 20px;
	}
.nobox_box img{
	width:200px;
	margin:30px 0 30px 0;
	}


@media only screen and (min-width: 1080px){
.nobox_inner{
	display:flex;
	margin:0 auto;
	max-width: 1080px;
	padding:0;

	}
.nobox_box{
	width: 600px;
	height: 320px;
	margin-bottom:0;
	border-radius: 10px;
	border:1px solid var(--gray4);
	text-align: center;
	}
.nobox_box img{
	width:200px;
	margin:54px 0 0 0;
	}



}