@charset "UTF-8";
/* CSS Document */
h3{
	padding: 0 0 0 20px;
	background: url(../common/images/img_arrow01.png) no-repeat left 3px;
	background-size: 15px 17px;
	}
	
.inner ul li{
	width: 48%;
	margin: 0 0 2vw 2%;
	float: left;
	}
	
.inner ul li img{
	width: 100%;
	height: auto;
	}
	
.inner ul li:nth-child(2n+1){
	margin-left: 0;
	}

#licence dl{
	margin: 20px 0 0 0;
	}
	
#licence dt:before{
	background: none;
	}

#licence dt{
	width: 100%;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	background: #C0384D;
	color: #fff;
	font-size: 16px;
	}
	
#licence dd{
	padding: 10px 20px;
	text-align: center;
	color:#007440;
	font-family: sans-serif;
	border: 1px solid #007440;
	border-top: none;
	}
	
#outline{
	margin: 0 0 50px 0;
	}
	
	
/* モーダル */

.modal_content{
	display: none;
	}
	
#modal_01{
	background: #255CD7;
	}
	
#modal_02{
	background: #F1AE38;
	}	
	
#modal_03{
	background: #F16892;
	}
	
#modal_04{
	background: #92D240;
	}
	
[id^="modal_0"]{
	text-align: center;
	}	
	
[id^="modal_0"] h4{
	width: 100%;
	padding: 20px 0 0 0;
	text-align: center;
	color : #fff;
	font-size: 19px;
	font-family: sans-serif;
	font-weight: 600;
	}	
	
[id^="modal_0"] p{
	width: 100%;
	padding: 10px 15px 20px 15px;
	color: #fff;
	}