@charset "UTF-8";

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

.relatedLink {
    margin: 20px 0;
}
.relatedLink.top {
    margin: 0 0;
}

.top_line {
	border-top: 1px solid #e6e6e6;
}

.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/161201/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;}*//*170301*/
#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: 0px 0 0 0; margin: 0 auto; text-align: center;}
/*#intro h1 .title img {max-width: 880px; width: 94%; height: auto;}*//*170301*/
#intro h1 .title img {max-width: 1024px; 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/161201/img/main.png) no-repeat 0 0; width: 100%; height: auto; background-size: 100%; background-position: center; padding-top: 0; padding-bottom: 0;}*//*170301*/
}


#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;}
}


/* -----------------------
　slick（共通）
-------------------------- */

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #000;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}