@charset "utf-8";

/* PCレイアウト */
.pageimage {
	width:100%;
	margin-bottom:25px;
	background-image: url(../img/award/award_h2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	min-height:180px;
	text-align:center;
}

.pageimage h2 {
	padding-top:85px;
	font-size:32px;
	color:#FFFFFF;
}

.award {
	margin-bottom:100px;
}

.award .award_img01 {
	margin-bottom:50px;
	text-align:center;
}

.award .award_box {
	margin-bottom:80px;
	display: flex;
	justify-content: space-between;
}

.award .award_box p {
	width:70%;
	float:left;
	font-size: 1.6rem
}

.award h3 {
	text-align: center;
	margin-bottom: 30px;
}

.award h5 {
	margin-bottom: 30px;
        padding: 12px 10px 10px;
        background-color: #4DA6FF;
        color: #FFFFFF;
        font-size: 24px;
        text-align: center;
}

.award .award_box img {
	width:29%;
	float:right;
}

.award .title {
	margin-bottom:20px !important;
	font-size:24px;
	font-weight:bold;
	color:#263392;
	text-align:center;
}

.award .award_table {
	width:100%;
	margin-bottom:50px;
	border-bottom:solid 1px #DDDDDD;
	border-left:solid 1px #DDDDDD;	
}

.award .award_table th {
	width:200px;
	padding:20px;
	border-top:solid 1px #DDDDDD;
	border-right:solid 1px #DDDDDD;
	background-color:#DFEFFF;
	color:#263392;
	font-weight: bold;
	text-align:center;
}

.award .award_table td {
	padding:20px;
	border-top:solid 1px #DDDDDD;
	border-right:solid 1px #DDDDDD;	
}

.award .award_table .theme {
	font-weight:bold;
	background-color:#F8F8F8;	
}


/* スマートフォンレイアウト : ～767 px  */
@media screen and (max-width:767px)
{
.pageimage {
	width:100%;
	margin-bottom:20px;
	background-image: url(../img/award/award_h2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	min-height:130px;
	text-align:center;
}

.pageimage h2 {
	padding-top:55px;
	font-size:150%;
	color:#FFFFFF;
}

.award {
	margin-bottom:60px;
	word-wrap: break-word;
}

.award .award_img01 {
	margin-bottom:30px;
	text-align:center;
}

.award .award_img01 img {
	width:100%;
	height:auto;
}

.award .award_box {
	margin-bottom:60px;
	display: block;
}

.award .award_box p {
	width:100%;
	float: none;
}

.award .award_box img {
	width:100%;
	height:auto;
	float: none;
	margin-top: 30px;
}

.award h5 {
	    margin-bottom: 30px;
    padding: 12px 10px 10px;
    background-color: #4DA6FF;
    color: #FFFFFF;
    font-size: 120%;
    text-align: center;
}

.award .title {
	margin-bottom:20px !important;
	font-size:120%;
	font-weight:bold;
	color:#263392;
	text-align:center;
}

.award .award_table {
	width:100%;
	margin-bottom:50px;
	border-bottom:solid 1px #DDDDDD;
	border-left:solid 1px #DDDDDD;	
}

.award .award_table th {
	width:100%;
	padding:7px;
	border-top:solid 1px #DDDDDD;
	border-right:solid 1px #DDDDDD;
	background-color:#DFEFFF;
	color:#263392;
	font-weight: bold;
	text-align:center;
	display:block;
	box-sizing:border-box;
}

.award .award_table td {
	width:100%;
	padding:15px;
	border-top:solid 1px #DDDDDD;
	border-right:solid 1px #DDDDDD;
	display:block;
	box-sizing:border-box;
}

.award .award_table .theme {
	font-weight:bold;
	background-color:#F8F8F8;	
}

}