@charset "UTF-8";

.annotation, .annotation li {
	font-size: 12px;
    color: #666;
    line-height: 1.8em;
}

.relatedLink {
    margin: 20px 0;
}

.col-3 span {
	font-size: 12px;
}

section#year30 {
    margin: 0 auto 60px auto !important;
}


table {
    width: 100%;
    margin: 13px auto;
}

table, th, td {
    font-size: 16px;
    border: 1px #333 solid;
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    padding: 5px;
    margin-top: 20px !important;
}
th.new, td.new {
    background: #fff676;
    font-weight: bold;
}


/* -----------------------
　main_image(3)
-------------------------- */
#intro p {width: 880px; margin: 0 auto;}
#intro {margin-bottom: 0;}

section#intro {padding: 0;}
#intro {width: 100%; margin: 0 auto; min-height: 480px; position: relative;}
#intro {background: url(/ie/campaign/160901/img/main.png) no-repeat 0 0; width: 100%; height: auto; background-size: 100%; background-position: center; background-size: cover; height: 100%; width: 100%; min-height: 400px;}
#intro h1.pc {display: block;}
#intro h1.sp {display: none;}#intro h1 .title {font-size: 60px; line-height: 2;}
#intro h1 {position: relative; color: #fff; padding: 10px 0 0 0; margin: 0 auto; text-align: center;}
#intro h1 .title img {max-width: 880px; width: 94%; height: auto;}
#intro h1 .sub {display: block; font-size: 25px;}


@media only screen and (max-width : 768px){
	#intro h1 .title img {width: 90%;}
}

@media only screen and (max-width : 767px){
	#intro p {width: 90%; margin: 0 auto;}
	#intro {width: 100%; min-height: 100px; padding-bottom: 5px;}
	#intro h1.pc {display: none;}
	#intro h1.sp {display: block;}
	#intro h1 {width: 100%; position: relative; min-height: 140px; color: #fff;}
	#intro h1 .title {top: 30px; left: 20px; font-size: 25px; width: 100%; font-weight: 100; line-height: 1.4;}
	#intro h1 .sub {top: 30px; left: 20px; font-size: 16px; width: 100%; font-weight: 100;}
	#intro h1 .title img {width: 94%;}
	#intro h1 {background: url(/ie/campaign/160901/img/main.png) no-repeat 0 0; width: 100%; height: auto; background-size: 100%; background-position: center; padding-top: 0; padding-bottom: 0;}
}

/* -----------------------
　main_image(2)
　From fukukan2015
-------------------------- */
#topContents {padding: 0; margin: 0; position: relative;}
#topContents h1 {text-align: center; font-size: 2.5em; margin-top: 180px;}
#topContents h2,
#topContents .term {text-align: center;}
#topContents.ww {color: #fff;}
/*#topContents.ww .outsideWrap {
	width: 100%; height: 100%; display: block; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(40%,rgba(0,0,0,0.2)), color-stop(90%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);}*/

#topContents {z-index: 1; margin: 0; position: relative;}
#topContents {background:url(../img/back.png) no-repeat center top; z-index: 1; width: auto; height: auto;}
#topContents img {z-index: 1; width: 842px; height: auto; position: relative;}
#topContents h1 {margin-top: 450px;}
#topContents h1 img {bottom: 0;}

.outsideWrap {
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}


@media only screen and (max-width : 768px){
	.col-3 span {font-size: 10px;}
}


@media only screen and (max-width : 767px){
	#topContents {width: 100%; overflow: hidden; background-size: 150%;}
	#topContents .wrap {height: auto; overflow: hidden;}
	#topContents {z-index: 1; margin: 0; position: relative;}
	#topContents img {width: 100%; height: auto;}
	#topContents h1 {margin-top: 300px;}
}

@media only screen and (max-width : 600px){
	#topContents h1 {margin-top: 300px;}
}

@media only screen and (max-width : 480px){
	#topContents {width: 100%; overflow: hidden;  background-size: 200%;}
	#topContents .wrap {height: auto; overflow: hidden;}
	#topContents {z-index: 1; margin: 0; position: relative;}
	#topContents img {width: 100%; height: auto;}
	#topContents h1 {margin-top: 320px;}
	.col-3 span {font-size: 12px;}
}