@charset "UTF-8";


.red {
	color: #D80000;
	color: #E20000;
}
footer {
	border-top: none;
	padding: 5px 0 3px;
}

/**************************************************
　EyeCatch
***************************************************/

.eyeCatch {
	background: url( './../image/overview/eyecatch/eyecatch-bg.jpg' ) no-repeat center;
	background-size: cover;

/*
	background-image: url( './../image/overview/eyecatch/confetti.png' ), url( './../image/overview/eyecatch/eyecatch-bg.jpg' );
	background-repeat: no-repeat, no-repeat;
	background-size: cover, cover;
	background-position: center top, center;
*/

	line-height: initial;
	position: relative;
	width: 100%;
	z-index: 1;
}
.eyeCatch .contentsBg {
	background: url( './../image/overview/eyecatch/bg.png' ) repeat;
	position: relative;
	width: 100vw;
}
.eyeCatch .contents {
	margin: 0 auto;
	position: relative;
}
.eyeCatch .era {
	background-color: #509F9C;
	color: #fff;
	display: inline-block;
	letter-spacing: initial;
}
.eyeCatch .era,
.eyeCatch h1,
.eyeCatch .eachParts {
	position: absolute;
}
.eyeCatch h1 span {
	display: none;
}
.eyeCatch h1 picture {
	display: block;
}
.eyeCatch .era,
.eyeCatch h1,
.eyeCatch .awardPR {
	z-index: 6;
}
.eyeCatch .desktop {
	z-index: 5;
}
.eyeCatch .film,
.eyeCatch .house,
.eyeCatch .speakerLeft,
.eyeCatch .speakerRight,
.eyeCatch .eachNote {
	z-index: 4;
}
.eyeCatch .bgBottomLeft,
.eyeCatch .bgTopRight,
.eyeCatch .eachCircle {
	z-index: 3;
}
.eyeCatch .circle-01,
.eyeCatch .circle-02,
.eyeCatch .circle-03,
.eyeCatch .circle-04 {
	border-radius: 50%;
}
.eyeCatch .circle-01 {
	background-color: #C3B18D;
}
.eyeCatch .circle-02 {
	background-color: #815DA1;
}
.eyeCatch .circle-03 {
	background-color: #7277AE;
}
.eyeCatch .circle-04 {
	background-color: #DC6177;
	display: none;
}
.eyeCatch .bg-circle-purple-02 {
	display: none;
}
.eyeCatch .equipment {
	z-index: 2;
}
.eyeCatch .film {
	bottom: -20px;
	left: 0;
}
.eyeCatch .house {
	bottom: 0;
}
.eyeCatch .speakerLeft {
	top: 0;
}
.eyeCatch .speakerRight {
	top: 0;
}
.eyeCatch .bgBottomLeft {
	bottom: 0;
	left: 0;
}
.eyeCatch .bgTopRight {
	top: 0;
	right: 0;
}
.eyeCatch .bg-circle-dot-gray-left {
	height: 120px;
	width: 120px;
}
.eyeCatch .bg-circle-dot-gray-left img {
	max-width: 120px;
}
.eyeCatch .note-01 {
	height: 46px;
	width: 55px;
}
.eyeCatch .note-01 img {
	max-width: 55px;
}
.eyeCatch .note-02 {
	height: 80px;
	width: 32px;
	z-index: 1;
}
.eyeCatch .note-02 img {
	max-width: 32px;
}
.eyeCatch .note-03 {
	display: none;
}


/**************************************************
　リードBlock
***************************************************/

.leadBlock {
	background: url( './../image/overview/lead-bg.jpg' ) no-repeat center;
	background-size: cover;
	position: relative;
	width: 100%;
	z-index: 3;
}
.leadBlock .contents {
	margin: 0 auto;
	position: relative;
}
.leadBlock strong {
	color: #43392D;
	font-weight: bold;
}


/**************************************************
　概要
***************************************************/

.overViewBlock {
	background-color: #E6E0EF;
	background: url( './../image/overview/overview-bg.jpg' ) repeat center;
	background-size: contain;
	word-break: break-all;
}
.overViewBlock dt,
.overViewBlock dd {
	margin: 0 auto;
}
.overViewBlock dt {
	color: #6A488F;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 3px;
	padding: 7px 0 0 10px;
	position: relative;
	text-align: center;
	width: 260px;
}
.overViewBlock dt:first-of-type {
	margin-top: 40px;
}
.overViewBlock dt::before {
	background: url( './../image/overview/dt-icon.png' ) no-repeat center;
	background-size: 60px 30px;
	content: '';
	display: block;
	height: 30px;
	left: calc( 50% - 9px );
	position: absolute;
	top: -42px;
	width: 30px;
}
.overViewBlock dt:nth-of-type( odd )::before {
	background-position: 0;
}
.overViewBlock dt:nth-of-type( even )::before {
	background-position: -30px 0;
}
.overViewBlock dd {
	background-color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0 0 30px 5px rgba( 75, 46, 103, 0.2 );
	line-height: 1.8em;
	padding: 40px 30px 37px;
}
.overViewBlock .alignLeft {
	text-align: initial;
}
.overViewBlock dd h4 {
	font-weight: normal;
	margin-bottom: 10px;
}
.overViewBlock dd b {
	color: #767CB8;
}
.overViewBlock .theme-list-link {
	margin: 0 0 30px 20px;
}
.overViewBlock a {
	color: #767CB8;
	margin-right: 3px;
	text-decoration: underline;
}
.overViewBlock ul {
	display: block;
	margin: 40px auto 0;
	text-align: left;
}

/* 各賞 */
.eachAward {
	border-bottom: 1px dashed #777;
	margin-bottom: 15px;
	padding-bottom: 4px;
}
.eachAward .price {
	font-size: 1.4em;
	font-weight: bold;
}
.eachAward .awardName {
	font-size: 18px;
	font-weight: bold;
}
.eachAward .awardName::before {
	content: "【";
}
.eachAward .awardName::after {
	content: "】";
}
.eachAward .normal {
	color: #777;
}
.award-1 .awardName,
.award-1 .price {
	color: #F26A6A;
	color: #EA702E;
}
.award-2 .awardName,
.award-2 .price {
	color: #6E75B7;
	color: #5877B6;
}
.eachAward .numOfAward {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 5px 0 10px;
}
.award-1 .price,
.award-special .price,
.award-1 .numOfAward,
.award-2 .numOfAward,
.award-special .numOfAward {
	font-size: 1.8em;
}
.award-2 .price {
	font-size: 1.6em;
}
.award-others .numOfAward {
	font-size: 1.5em;
}
.award-others .awardName {
	font-size: 1.0rem;
}
.award-others .price {
	color: #489E99;
	font-size: 1.05em;
}


/**************************************************
　ログイン画面
***************************************************/

.login {
	background-color: #f5f5f5;
	box-sizing: border-box;
}
.login h1 {
	margin-top: 60px;
	text-align: center;
}
.login .contents {
	padding-bottom: 60px;
}
.login dl input {
	box-sizing: border-box;
	height: 40px;
	padding-left: 10px;
}
.login .btn {
	background-color: #235169;;
	color: #fff;
	height: 50px;
	line-height: 50px;
	width: 200px;
}

/**************************************************
　ログアウト画面
***************************************************/

.logout {
	background-color: #f5f5f5;
	box-sizing: border-box;
}
.logout h2 {
	border-bottom: 3px solid #000;
	font-size: 28px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 200px;
}
.leadText {
	height: 20px;
	margin-top: 120px;
	text-align: center;
}


/**************************************************
　デバイス振り分け設定
***************************************************/

/* ■■ SP ■■ */
@media (max-width: 767px) {

	/* EyeCatch */
	.eyeCatch .contents {
		margin: 0 auto;
		width: 100%;
	}
	.eyeCatch .era {
		padding: 5px 20px 2px;
	}
	.eyeCatch h1 picture {
		background: url( './../image/overview/eyecatch/title-sp.png' ) no-repeat center;
		background-size: cover;
	}
	.eyeCatch .awardPR,
	.eyeCatch .film,
	.eyeCatch .house,
	.eyeCatch .equipment,
	.eyeCatch .speakerLeft,
	.eyeCatch .speakerRight,
	.eyeCatch .circle-01,
	.eyeCatch .circle-02 {
		display: none;
	}
	.eyeCatch .bgBottomLeft,
	.eyeCatch .bgBottomLeft img {
		height: 140px;
		width: 220px;
	}
	.eyeCatch .bgTopRight,
	.eyeCatch .bgTopRight img {
		height: 141px;
		width: 300px;
	}
	.eyeCatch .circle-03 {
		height: 15px;
		left: calc( 50% - 30px );
		bottom: 10px;
		width: 15px;
	}
	.eyeCatch .bg-circle-stripe-green {
		bottom: -75px;
		left: calc( 50% - 10px );
	}
	.eyeCatch .bg-circle-stripe-green,
	.eyeCatch .bg-circle-stripe-green img {
		height: 100px;
		width: 100px;
	}
	.eyeCatch .bg-circle-double-green,
	.eyeCatch .bg-2color-circle-green,
	.eyeCatch .bg-circle-dot-gray-right,
	.eyeCatch .note-04 {
		display: none;
	}
	.eyeCatch .bg-circle-dot-gray-left {
		left: -20px;
		top: 220px;
	}
	.eyeCatch .note-02 {
		left: 5px;
	}

	/* リードBlock */
	.leadBlock {
		padding: 70px 0;
		width: 100vw;
	}
	.leadBlock .contents {
		width: 85%;
	}
	.leadBlock strong {
		display: inline-block;
		font-size: 1.2em;
		line-height: 1.8em;
		text-align: center;
	}

	/* 概要Block */
	.overViewBlock dl {
		padding: 60px 0 120px;
	}
	.overViewBlock dt,
	.overViewBlock dd {
		width: 85%;
	}
	.overViewBlock dt {
		margin: 100px auto 30px;
	}
	.overViewBlock dt::before {
		top: -37px;
	}
	.overViewBlock .positionCenter {
		text-align: initial;
	}
	.overViewBlock dd:first-of-type br:first-of-type,
	.overViewBlock dd:nth-of-type( 2 ) br:nth-of-type( 1 ),
	.overViewBlock dd:nth-of-type( 2 ) br:nth-of-type( 2 ) {
		display: none;
	}

	/* 賞 */
	.overViewBlock dd.awardLine {
		padding: 40px 30px 35px;
	}
	.awardLine .eachAward {
		margin-bottom: 35px;
		padding-bottom: 20px;
	}
	.awardLine .eachAward .awardName,
	.awardLine .eachAward .prize {
		display: block;
		margin-bottom: 15px;
		text-align: center;
	}
	.awardLine .eachAward .price {
		padding-left: 30px;
	}
	.awardLine .eachAward .right {
		display: block;
		text-align: center;
	}
	.awardLine .eachAward .numOfAward {
		color: #222;
		font-size: 1.6em;
	}

	/* ログイン画面 */
	.login {
		padding-top: 10px;
	}
	.login dl {
		margin: 60px auto;
		width: 85vw;
	}
	.login dt {
		margin-bottom: 5px;
	}
	.login dd {
		margin-bottom: 30px;
	}
	.login dd input {
		width: 85vw;
	}
	.login .btn {
		margin: 0 auto 40px;
	}

	/* ログアウト画面 */
	.logout h2 {
		padding-top: 80px;
	}

}
@media (max-width: 320px) {

	/* 幅狭スマホ */

	/* EyeCatch */
	.eyeCatch,
	.eyeCatch .contentsBg {
		height: 550px;
	}
	.eyeCatch .era {
		top: 60px;
	}
	.eyeCatch h1 {
		top: 105px;
	}
	.eyeCatch h1,
	.eyeCatch h1 picture {
		height: 130px;
		width: 260px;
	}
	.eyeCatch .era,
	.eyeCatch h1 {
		left: calc( 50dvw - 130px );
	}
	.eyeCatch .desktop,
	.eyeCatch .desktop img {
		height: 243px;
		width: 298px;
	}
	.eyeCatch .desktop {
		left: calc( 50% - 149px );
		top: 265px;
	}
	.eyeCatch .bg-circle-dot-gray-left {
		height: 100px;
		width: 100px;
	}
	.eyeCatch .bg-circle-dot-gray-left {
		max-width: 100px;
	}
	.eyeCatch .bg-circle-purple-01 {
		bottom: 20px;
		height: 60px;
		right: -30px;
		width: 60px;
	}
	.eyeCatch .bg-circle-purple-01 img {
		max-width: 60px;
	}
	.eyeCatch .note-01 {
		height: 34px;
		right: 10px;
		top: 230px;
		width: 40px;
	}
	.eyeCatch .note-01 img {
		max-width: 40px;
	}
	.eyeCatch .note-02 {
		top: 15px;
	}

	/* リードBlock */

	/* 賞 */
	.awardLine .eachAward .gray,
	.awardLine .eachAward .numOfAward {
		display: inline-block;
		margin-top: 5px;
	}
	.eachAward .price {
		margin: 0 5px 0 10px;
	}
	.awardLine .eachAward .right {
		margin-top: 10px;
	}

	/* 概要 */

}
@media (min-width: 321px) and (max-width: 767px) {

	/* 幅広スマホ */

	/* EyeCatch */
	.eyeCatch,
	.eyeCatch .contentsBg {
		height: 590px;
	}
	.eyeCatch .era {
		top: 60px;
	}
	.eyeCatch h1 {
		top: 105px;
	}
	.eyeCatch h1,
	.eyeCatch h1 picture {
		height: 140px;
		width: 280px;
	}
	.eyeCatch .era,
	.eyeCatch h1 {
		left: calc( 50dvw - 140px );
	}
	.eyeCatch .desktop,
	.eyeCatch .desktop img {
		height: 270px;
		width: 331px;
	}
	.eyeCatch .desktop {
		left: calc( 50% - 165px );
		top: 265px;
	}
	.eyeCatch .bg-circle-purple-01 {
		bottom: 15px;
		height: 70px;
		right: -35px;
		width: 70px;
	}
	.eyeCatch .bg-circle-purple-01 img {
		max-width: 70px;
	}
	.eyeCatch .note-01 {
		height: 38px;
		right: 10px;
		top: 220px;
		width: 45px;
	}
	.eyeCatch .note-01 img {
		max-width: 45px;
	}
	.eyeCatch .note-02 {
		top: 10px;
	}

	/* リードBlock */

	/* 賞 */
	.awardLine .eachAward .awardName {
		font-size: 20px;
	}
	.overViewBlock .award-others .price {
		margin-left: 33px;
	}
	.awardLine .eachAward .right {
		margin-top: 15px;
	}

}


/* ■■ タブレット＆ブラウザ ■■ */
@media screen and (min-width: 768px) {

	/* 共通 */

	/* EyeCatch */
	.eyeCatch h1 picture {
		background: url( './../image/overview/eyecatch/title.png' ) no-repeat center;
		background-size: cover;
	}
	.eyeCatch .bg-circle-double-green {
		height: 95px;
		width: 95px;
	}
	.eyeCatch .bg-circle-double-green img {
		max-width: 95px;
	}
	.eyeCatch .bg-circle-dot-gray-right {
		z-index: 1;
	}
	.eyeCatch .note-02 {
		height: 80px;
		width: 32px;
	}
	.eyeCatch .note-02 img {
		max-width: 32px;
	}

	/* リードBlock */
	.leadBlock {
		text-align: center;
	}

	/* 概要Block */
	.overViewBlock dd {
		text-align: center;
	}
	.overViewBlock ul {
		width: 320px;
	}
	.overViewBlock dd.ex {
		padding: 60px 40px 57px;
	}
	.eachAward .price {
		margin: 0 13px;
	}

	/* ログイン画面 */
	.login {
		height: calc( 100vh - 175px );
		padding-top: 40px;
	}
	.login dl {
		margin: 80px auto 40px;
		width: 640px;
	}
	.login dt,
	.login dd {
		float: left;
		margin-bottom: 30px;
	}
	.login dt {
		clear: both;
		text-align: center;
		width: 80px;
	}
	.login dd {
		margin-left: 30px;
	}
	.login input {
		width: 530px;
	}
	.login .btn {
		margin: 0 auto 60px;
	}

	/* ログアウト画面 */
	.logout h2 {
		padding-top: 120px;
	}
	
}

/* ■■ (狭いブラウザとタブレット向け) ■■ */
@media (max-width: 1020px) and (min-width: 768px) {

	/* 共通 */

	/* EyeCatch */
	.eyeCatch,
	.eyeCatch .contentsBg {
		height: 560px;
	}
	.eyeCatch .contents {
		width: 600px;
	}
	.eyeCatch .era {
		left: calc( 50% - 270px );
		padding: 5px 20px 2px;
		top: 45px;
	}
	.eyeCatch h1,
	.eyeCatch h1 picture {
		height: 90px;
		width: 540px;
	}
	.eyeCatch h1 {
		left: calc( 50% - 270px );
		top: 95px;
	}
	.eyeCatch .awardPR,
	.eyeCatch .awardPR img {
		height: 172px;
		width: 172px;
	}
	.eyeCatch .awardPR {
		top: 190px;
		right: calc( calc( 50% - 172px ) - 205px );
	}
	.eyeCatch .desktop,
	.eyeCatch .desktop img {
		height: 300px;
		width: 368px;
	}
	.eyeCatch .desktop {
		left: calc( 50% - 184px );
		top: 215px;
	}
	.eyeCatch .equipment,
	.eyeCatch .equipment img {
		height: 196px;
		width: 124px;
	}
	.eyeCatch .equipment {
		left: calc( calc( 50% - 230px ) - 120px );
		top: 230px;
	}
	.eyeCatch .film,
	.eyeCatch .film img {
		height: 260px;
		width: 260px;
	}
	.eyeCatch .house,
	.eyeCatch .house img {
		height: 175px;
		width: 378px;
	}
	.eyeCatch .house {
		right: -30px;
	}
	.eyeCatch .speakerLeft,
	.eyeCatch .speakerLeft img {
		height: 190px;
		width: 140px;
	}
	.eyeCatch .speakerLeft {
		left: 30px;
	}
	.eyeCatch .speakerRight,
	.eyeCatch .speakerRight img {
		height: 144px;
		width: 72px;
	}
	.eyeCatch .speakerRight {
		right: 30px;
	}
	.eyeCatch .bgBottomLeft,
	.eyeCatch .bgBottomLeft img {
		height: 177px;
		width: 279px;
	}
	.eyeCatch .bgTopRight,
	.eyeCatch .bgTopRight img {
		height: 161px;
		width: 347px;
	}
	.eyeCatch .circle-01 {
		height: 35px;
		left: calc( 50% - 65px );
		top: 25px;
		width: 35px;
	}
	.eyeCatch .circle-02 {
		height: 20px;
		left: calc( 50% - 10px );
		top: 20px;
		width: 20px;
	}
	.eyeCatch .circle-03 {
		height: 15px;
		left: calc( 50% - 30px );
		bottom: 10px;
		width: 15px;
	}
	.eyeCatch .bg-circle-stripe-green {
		bottom: -75px;
		left: calc( 50% - 10px );
	}
	.eyeCatch .bg-circle-stripe-green,
	.eyeCatch .bg-circle-stripe-green img {
		height: 100px;
		width: 100px;
	}
	.eyeCatch .bg-circle-double-green {
		left: -20px;
		top: 240px;
	}
	.eyeCatch .bg-2color-circle-green {
		height: 65px;
		left: calc( 50% + 160px );
		top: 340px;
		width: 65px;
	}
	.eyeCatch .bg-2color-circle-green img {
		max-width: 65px;
	}
	.eyeCatch .bg-circle-dot-gray-left {
		left: calc( 50% - 240px );
		top: 250px;
	}
	.eyeCatch .bg-circle-dot-gray-right {
		height: 120px;
		right: 120px;
		top: 20px;
		width: 120px;
	}
	.eyeCatch .bg-circle-dot-gray-right img {
		max-width: 120px;
	}
	.eyeCatch .bg-circle-purple-01 {
		height: 60px;
		right: 10px;
		top: 350px;
		width: 60px;
	}
	.eyeCatch .bg-circle-purple-01 img {
		max-width: 60px;
	}
	.eyeCatch .note-01 {
		left: calc( 50% + 60px );
		top: 80px;
	}
	.eyeCatch .note-02 {
		left: 170px;
		top: 200px;
	}
	.eyeCatch .note-03 {
		display: block;
		height: 72px;
		right: 30px;
		top: 230px;
		width: 40px;
	}
	.eyeCatch .note-03 img {
		max-width: 40px;
	}
	.eyeCatch .note-04 {
		bottom: 10px;
		height: 60px;
		left: calc( 50% - 130px );
		width: 34px;
	}
	.eyeCatch .note-04 img {
		max-width: 34px;
	}


	/* リードBlock */
	.leadBlock {
		padding: 80px 0;
		text-align: center;
	}
	.leadBlock .contents {
		width: 680px;
	}
	.leadBlock strong {
		font-size: 1.3em;
		line-height: 200%;
	}

	/* 概要 */
	.overViewBlock {
		margin-top: -10px;
	}
	.overViewBlock dl {
		padding: 80px 0 140px;
	}
	.overViewBlock dd {
		width: 620px;
	}
	.overViewBlock dt {
		margin: 120px auto 35px;
	}
	.eachAward .awardName {
		display: inline-block;
		margin-right: 20px;
	}

}


/* ■■ PC ■■ */
@media screen and (min-width: 1021px) {

	/* 共通 */

	/* EyeCatch */
	.eyeCatch,
	.eyeCatch .contentsBg,
	.eyeCatch .contents {
		height: 750px;
	}
	.eyeCatch .contents {
		width: 800px;
	}
	.eyeCatch .era {
		left: calc( 50% - 340px );
		padding: 8px 30px 5px;
		top: 80px;
	}
	.eyeCatch h1 {
		left: calc( 50% - 340px );
		top: 140px;
	}
	.eyeCatch h1,
	.eyeCatch h1 picture {
		height: 115px;
		width: 680px;
	}
	.eyeCatch .awardPR,
	.eyeCatch .awardPR img {
		height: 215px;
		width: 215px;
	}
	.eyeCatch .awardPR {
		top: 240px;
		right: calc( calc( 50% - 215px ) - 285px );
	}
	.eyeCatch .desktop,
	.eyeCatch .desktop img {
		height: 375px;
		width: 460px;
	}
	.eyeCatch .desktop {
		left: calc( 50% - 230px );
		top: 295px;
	}
	.eyeCatch .equipment,
	.eyeCatch .equipment img {
		height: 245px;
		width: 155px;
	}
	.eyeCatch .equipment {
		left: calc( calc( 50% - 230px ) - 200px );
		top: 320px;
	}
	.eyeCatch .film,
	.eyeCatch .film img {
		height: 375px;
		width: 375px;
	}
	.eyeCatch .house,
	.eyeCatch .house img {
		height: 250px;
		width: 540px;
	}
	.eyeCatch .house {
		right: -30px;
	}
	.eyeCatch .speakerLeft,
	.eyeCatch .speakerLeft img {
		height: 225px;
		width: 165px;
	}
	.eyeCatch .speakerLeft {
		left: 40px;
	}
	.eyeCatch .speakerRight,
	.eyeCatch .speakerRight img {
		height: 170px;
		width: 85px;
	}
	.eyeCatch .speakerRight {
		right: 40px;
	}
	.eyeCatch .bgBottomLeft,
	.eyeCatch .bgBottomLeft img {
		height: 295px;
		width: 465px;
	}
	.eyeCatch .bgTopRight,
	.eyeCatch .bgTopRight img {
		height: 230px;
		width: 495px;
	}
	.eyeCatch .circle-01 {
		height: 40px;
		left: calc( 50% - 75px );
		top: 45px;
		width: 40px;
	}
	.eyeCatch .circle-02 {
		height: 20px;
		left: calc( 50% - 10px );
		top: 40px;
		width: 20px;
	}
	.eyeCatch .circle-03 {
		height: 20px;
		left: calc( 50% - 35px );
		bottom: 10px;
		width: 20px;
	}
	.eyeCatch .bg-circle-stripe-green {
		bottom: -75px;
		left: calc( 50% - 10px );
	}
	.eyeCatch .bg-circle-stripe-green,
	.eyeCatch .bg-circle-stripe-green img {
		height: 100px;
		width: 100px;
	}
	.eyeCatch .bg-circle-double-green {
		left: -20px;
		top: 310px;
	}
	.eyeCatch .bg-2color-circle-green {
		height: 80px;
		left: calc( 50% + 200px );
		top: 420px;
		width: 80px;
	}
	.eyeCatch .bg-2color-circle-green img {
		max-width: 80px;
	}
	.eyeCatch .bg-circle-purple-01 {
		height: 70px;
		right: 25px;
		top: 470px;
		width: 70px;
	}
	.eyeCatch .bg-circle-purple-01 img {
		max-width: 70px;
	}
	.eyeCatch .bg-circle-dot-gray-left {
		left: calc( 50% - 303px );
		top: 350px;
	}
	.eyeCatch .bg-circle-dot-gray-right {
		height: 130px;
		right: 160px;
		top: 40px;
		width: 130px;
	}
	.eyeCatch .bg-circle-dot-gray-right img {
		max-width: 130px;
	}
	.eyeCatch .note-01 {
		left: calc( 50% + 50px );
		top: 110px;
	}
	.eyeCatch .note-02 {
		left: 120px;
		top: 240px;
	}
	.eyeCatch .note-04 {
		display: none;
	}

	/* リードBlock */
	.leadBlock {
		padding: 100px 0;
	}
	.leadBlock .contents {
		width: 900px;
	}
	.leadBlock strong {
		font-size: 1.4em;
		line-height: 220%;
	}

	/* 概要Block */
	.overViewBlock dl {
		padding: 100px 0 160px;
	}
	.overViewBlock dt,
	.overViewBlock dd {
		width: 800px;
	}
	.overViewBlock dt {
		font-size: 26px;
		margin: 120px auto 40px;
	}
	.overViewBlock dd {
		padding: 45px 40px 42px;
	}
	.eachAward .awardName,
	.eachAward .prize,
	.eachAward .price {
		display: inline-block;
	}
	.eachAward .prize,
	.eachAward .price {
		text-align: center;
	}
	.eachAward .awardName {
		padding-left: 10px;
		width: 240px;
	}
	.eachAward .prize {
		width: 120px;
	}
	.eachAward .price {
		margin: 0 0 0 10px;
		padding-left: 40px;
		text-align: center;
		width: 70px;
	}
	.award-others .price {
		padding-left: 0;
		width: 200px;
	}
	.eachAward .right {
		margin-left: 20px;
	}

	/* footer */
	#footer {
		margin-top: 220px;
	}
	#pageTop {
		left: calc( 50vw - 88px );
	}
	.footer {
		display: none;
	}

}
@media screen and (min-width: 1200px) {

	/* ミドルブラウザ */

	/* EyeCatch */
	.eyeCatch .era {
		left: calc( 50% - 345px );
		top: 58px;
	}
	.eyeCatch h1 {
		left: calc( 50% - 350px );
		top: 120px;
	}
	.eyeCatch h1,
	.eyeCatch h1 picture {
		height: 118px;
		width: 700px;
	}
	.eyeCatch .desktop,
	.eyeCatch .desktop img {
		height: 406px;
		width: 500px;
	}
	.eyeCatch .desktop {
		left: calc( 50% - 250px );
		top: 275px;
	}
	.eyeCatch .speakerLeft,
	.eyeCatch .speakerLeft img {
		height: 266px;
		width: 196px;
	}
	.eyeCatch .speakerLeft {
		left: 60px;
	}
	.eyeCatch .speakerRight,
	.eyeCatch .speakerRight img {
		height: 204px;
		width: 100px;
	}
	.eyeCatch .speakerRight {
		right: 60px;
	}
	.eyeCatch .bg-2color-circle-green {
		height: 90px;
		left: calc( 50% + 220px );
		top: 440px;
		width: 90px;
	}
	.eyeCatch .bg-2color-circle-green img {
		max-width: 90px;
	}
	.eyeCatch .bg-circle-dot-gray-right {
		height: 140px;
		right: 160px;
		top: 30px;
		width: 140px;
	}
	.eyeCatch .bg-circle-dot-gray-right img {
		max-width: 140px;
	}
	.eyeCatch .note-01 {
		height: 55px;
		left: calc( 50% + 60px );
		width: 65px;
	}
	.eyeCatch .note-01 img {
		max-width: 65px;
	}
	.eyeCatch .note-02 {
		height: 100px;
		left: 160px;
		top: 280px;
		width: 40px;
	}
	.eyeCatch .note-02 img {
		max-width: 40px;
	}
	.eyeCatch .note-03 {
		display: block;
		height: 90px;
		right: 60px;
		top: 320px;
		width: 50px;
	}
	.eyeCatch .note-03 img {
		max-width: 50px;
	}
	.eyeCatch .note-04 {
		bottom: 40px;
		display: block;
		height: 60px;
		left: calc( 50% - 160px );
		width: 41px;
	}
	.eyeCatch .note-04 img {
		max-width: 41px;
	}

}

@media screen and (min-width: 1400px) {

	/* ミドルブラウザ */

	/* EyeCatch */
	.eyeCatch,
	.eyeCatch .contentsBg,
	.eyeCatch .contents {
		height: 770px;
	}
	.eyeCatch .era {
		left: calc( 50% - 350px );
		top: 63px;
	}
	.eyeCatch h1 {
		left: calc( 50% - 360px );
		top: 130px;
	}
	.eyeCatch h1,
	.eyeCatch h1 picture {
		height: 122px;
		width: 720px;
	}
	.eyeCatch .desktop,
	.eyeCatch .desktop img {
		height: 422px;
		width: 520px;
	}
	.eyeCatch .desktop {
		left: calc( 50% - 260px );
		top: 295px;
	}
	.eyeCatch .awardPR,
	.eyeCatch .awardPR img {
		height: 230px;
		width: 230px;
	}
	.eyeCatch .awardPR {
		top: 250px;
		right: calc( calc( 50% - 230px ) - 330px );
	}
	.eyeCatch .house,
	.eyeCatch .house img {
		height: 275px;
		width: 580px;
	}
	.eyeCatch .speakerLeft,
	.eyeCatch .speakerLeft img {
		height: 285px;
		width: 210px;
	}
	.eyeCatch .speakerLeft {
		left: 100px;
	}
	.eyeCatch .speakerRight,
	.eyeCatch .speakerRight img {
		height: 219px;
		width: 107px;
	}
	.eyeCatch .speakerRight {
		right: 100px;
	}
	.eyeCatch .equipment,
	.eyeCatch .equipment img {
		height: 280px;
		width: 177px;
	}
	.eyeCatch .equipment {
		left: calc( calc( 50% - 230px ) - 250px );
		top: 330px;
	}
	.eyeCatch .bg-circle-double-green {
		height: 100px;
		top: 320px;
		width: 100px;
	}
	.eyeCatch .bg-circle-double-green img {
		max-width: 100px;
	}
	.eyeCatch .bg-2color-circle-green {
		height: 100px;
		left: calc( 50% + 230px );
		top: 450px;
		width: 100px;
	}
	.eyeCatch .bg-2color-circle-green img {
		max-width: 100px;
	}
	.eyeCatch .bg-circle-dot-gray-left {
		height: 130px;
		left: calc( 50% - 333px );
		top: 350px;
		width: 130px;
	}
	.eyeCatch .bg-circle-dot-gray-right {
		height: 150px;
		right: 170px;
		top: 40px;
		width: 150px;
	}
	.eyeCatch .bg-circle-dot-gray-right img {
		max-width: 150px;
	}
	.eyeCatch .bg-circle-dot-gray-left img {
		max-width: 130px;
	}
	.eyeCatch .bg-circle-purple-01 {
		height: 80px;
		top: 455px;
		right: 30px;
		width: 80px;
	}
	.eyeCatch .bg-circle-purple-01 img {
		max-width: 80px;
	}
	.eyeCatch .note-02 {
		height: 110px;
		left: 180px;
		top: 300px;
		width: 44px;
	}
	.eyeCatch .note-02 img {
		max-width: 44px;
	}
	.eyeCatch .note-03 {
		height: 90px;
		right: 60px;
		top: 300px;
		width: 50px;
	}
	.eyeCatch .note-03 img {
		max-width: 50px;
	}
	.eyeCatch .note-04 {
		bottom: 30px;
		height: 70px;
		left: calc( 50% - 180px );
		width: 48px;
	}
	.eyeCatch .note-04 img {
		max-width: 48px;
	}

}
@media screen and (min-width: 1600px) {

	/* ワイドブラウザ */

	/* EyeCatch */
	.eyeCatch,
	.eyeCatch .contentsBg,
	.eyeCatch .contents {
		height: 860px;
	}
	.eyeCatch .era {
		left: calc( 50% - 365px );
		top: 65px;
	}
	.eyeCatch h1 {
		left: calc( 50% - 370px );
		top: 130px;
	}
	.eyeCatch h1,
	.eyeCatch h1 picture {
		height: 125px;
		width: 740px;
	}
	.eyeCatch .desktop,
	.eyeCatch .desktop img {
		height: 487px;
		width: 600px;
	}
	.eyeCatch .desktop {
		left: calc( 50% - 300px );
		top: 300px;
	}
	.eyeCatch .awardPR,
	.eyeCatch .awardPR img {
		height: 260px;
		width: 260px;
	}
	.eyeCatch .awardPR {
		top: 270px;
		right: calc( calc( 50% - 260px ) - 350px );
	}
	.eyeCatch .house,
	.eyeCatch .house img {
		height: 300px;
		width: 632px;
	}
	.eyeCatch .speakerLeft,
	.eyeCatch .speakerLeft img {
		height: 300px;
		width: 221px;
	}
	.eyeCatch .speakerLeft {
		left: 120px;
	}
	.eyeCatch .speakerRight,
	.eyeCatch .speakerRight img {
		height: 230px;
		width: 113px;
	}
	.eyeCatch .speakerRight {
		right: 120px;
	}
	.eyeCatch .bgBottomLeft,
	.eyeCatch .bgBottomLeft img {
		height: 356px;
		width: 560px;
	}
	.eyeCatch .bgTopRight,
	.eyeCatch .bgTopRight img {
		height: 276px;
		width: 588px;
	}
	.eyeCatch .equipment {
		left: calc( calc( 50% - 280px ) - 265px );
		top: 360px;
	}
	.eyeCatch .circle-03 {
		height: 22px;
		left: calc( 50% + 10px );
		bottom: 20px;
		width: 22px;
	}
	.eyeCatch .bg-circle-stripe-green,
	.eyeCatch .bg-circle-stripe-green img {
		height: 120px;
		width: 120px;
	}
	.eyeCatch .bg-circle-stripe-green {
		bottom: -85px;
		left: calc( 50% + 30px );
	}
	.eyeCatch .circle-01 {
		top: 55px;
	}
	.eyeCatch .bg-circle-double-green {
		height: 110px;
		top: 335px;
		width: 110px;
	}
	.eyeCatch .bg-circle-double-green img {
		max-width: 110px;
	}
	.eyeCatch .bg-2color-circle-green {
		height: 110px;
		left: calc( 50% + 265px );
		top: 505px;
		width: 110px;
	}
	.eyeCatch .bg-2color-circle-green img {
		max-width: 110px;
	}
	.eyeCatch .bg-circle-dot-gray-left,
	.eyeCatch .bg-circle-dot-gray-left img {
		height: 150px;
		width: 150px;
	}
	.eyeCatch .bg-circle-dot-gray-left {
		left: calc( 50% - 390px );
		top: 370px;
	}
	.eyeCatch .bg-circle-dot-gray-right {
		height: 160px;
		right: 210px;
		top: 60px;
		width: 160px;
	}
	.eyeCatch .bg-circle-dot-gray-right img {
		max-width: 160px;
	}
	.eyeCatch .bg-circle-purple-01 {
		height: 90px;
		top: 500px;
		right: 40px;
		width: 90px;
	}
	.eyeCatch .bg-circle-purple-01 img {
		max-width: 90px;
	}
	.eyeCatch .bg-circle-purple-02 {
		display: block;
		height: 55px;
		left: calc( 50% - 460px );
		top: 250px;
		width: 55px;
	}
	.eyeCatch .bg-circle-purple-02 img {
		max-width: 55px;
	}
	.eyeCatch .circle-04 {
		display: block;
		height: 25px;
		left: calc( 50% - 450px );
		top: 80px;
		width: 25px;
	}
	.eyeCatch .note-01 {
		height: 63px;
		top: 110px;
		width: 75px;
	}
	.eyeCatch .note-01 img {
		max-width: 75px;
	}
	.eyeCatch .note-02 {
		height: 130px;
		left: 200px;
		top: 340px;
		width: 52px;
	}
	.eyeCatch .note-02 img {
		max-width: 52px;
	}
	.eyeCatch .note-03 {
		height: 100px;
		right: 100px;
		top: 320px;
		width: 56px;
	}
	.eyeCatch .note-03 img {
		max-width: 56px;
	}
	.eyeCatch .note-04 {
		height: 80px;
		left: calc( 50% - 200px );
		width: 55px;
	}
	.eyeCatch .note-04 img {
		max-width: 55px;
	}

}
@media screen and (min-width: 1800px) {

	/* ワイドブラウザ */

	/* EyeCatch */
	.eyeCatch,
	.eyeCatch .contentsBg,
	.eyeCatch .contents {
		height: 920px;
	}
	.eyeCatch .era {
		left: calc( 50% - 395px );
		top: 75px;
	}
	.eyeCatch h1 {
		left: calc( 50% - 400px );
		top: 142px;
	}
	.eyeCatch h1,
	.eyeCatch h1 picture {
		height: 135px;
		width: 800px;
	}
	.eyeCatch .desktop,
	.eyeCatch .desktop img {
		height: 519px;
		width: 640px;
	}
	.eyeCatch .desktop {
		left: calc( 50% - 320px );
		top: 330px;
	}
	.eyeCatch .awardPR,
	.eyeCatch .awardPR img {
		height: 280px;
		width: 280px;
	}
	.eyeCatch .awardPR {
		right: calc( calc( 50% - 280px ) - 400px );
	}
	.eyeCatch .house,
	.eyeCatch .house img {
		height: 339px;
		width: 650px;
	}
	.eyeCatch .speakerLeft,
	.eyeCatch .speakerLeft img {
		height: 333px;
		width: 245px;
	}
	.eyeCatch .speakerLeft {
		left: 130px;
	}
	.eyeCatch .speakerRight,
	.eyeCatch .speakerRight img {
		height: 255px;
		width: 125px;
	}
	.eyeCatch .speakerRight {
		right: 130px;
	}
	.eyeCatch .equipment,
	.eyeCatch .equipment img {
		height: 316px;
		width: 200px;
	}
	.eyeCatch .equipment {
		left: calc( calc( 50% - 316px ) - 290px );
		top: 370px;
	}
	.eyeCatch .bg-circle-double-green {
		height: 115px;
		top: 370px;
		width: 115px;
	}
	.eyeCatch .bg-circle-double-green img {
		max-width: 115px;
	}
	.eyeCatch .bg-circle-dot-gray-left,
	.eyeCatch .bg-circle-dot-gray-left img {
		height: 170px;
		max-width: 170px;
		width: 170px;
	}
	.eyeCatch .bg-circle-dot-gray-left {
		left: calc( 50% - 420px );
		top: 395px;
	}
	.eyeCatch .bg-circle-dot-gray-right {
		height: 180px;
		right: 210px;
		top: 50px;
		width: 180px;
	}
	.eyeCatch .bg-circle-dot-gray-right img {
		max-width: 180px;
	}
	.eyeCatch .bg-2color-circle-green {
		left: calc( 50% + 285px );
		top: 530px;
	}
	.eyeCatch .bg-2color-circle-green,
	.eyeCatch .bg-2color-circle-green img {
		height: 120px;
		width: 120px;
	}
	.eyeCatch .bg-2color-circle-green img {
		max-width: 120px;
	}
	.eyeCatch .bg-circle-purple-01 {
		height: 100px;
		top: 490px;
		right: 30px;
		width: 100px;
	}
	.eyeCatch .bg-circle-purple-01 img {
		max-width: 100px;
	}
	.eyeCatch .bg-circle-purple-02 {
		height: 65px;
		left: calc( 50% - 480px );
		width: 65px;
	}
	.eyeCatch .bg-circle-purple-02 img {
		max-width: 65px;
	}
	.eyeCatch .circle-04 {
		left: calc( 50% - 490px );
		top: 80px;
	}
	.eyeCatch .note-01 {
		height: 80px;
		left: calc( 50% + 80px );
		top: 90px;
		width: 95px;
	}
	.eyeCatch .note-01 img {
		max-width: 95px;
	}
	.eyeCatch .note-02 {
		height: 150px;
		left: 220px;
		top: 380px;
		width: 60px;
	}
	.eyeCatch .note-02 img {
		max-width: 60px;
	}
	.eyeCatch .note-03 {
		height: 110px;
		right: 120px;
		top: 320px;
		width: 61px;
	}
	.eyeCatch .note-03 img {
		max-width: 61px;
	}
	.eyeCatch .note-04 {
		bottom: 30px;
		left: calc( 50% - 220px );
	}

}