body {
	background-color:#fff;
  position: relative;
  z-index: 1000;
}

.for_sp{
	display:none;
}

.for_pc{
	display:block;
}

#header-contents {
	height:777px;
	background: url(../img/top-bg.png) center top no-repeat;
}

#main-contents {
	height:auto;
	background: url(../img/middle-bg.png) right top no-repeat;
	position:relative;
	z-index:105;
}


header {
	margin:0 auto;
	height:543px;
	background-color:#96dfdf;
	z-index: 100;
}

#header {
	margin:0 auto;
	width:1100px;
	height:543px;
}

h1 {
	margin:0;
	width:300px;
	height:75px;
	padding-top:35px;
	border-right:solid 1px #cbefef;
	display:inline-block;
}

h1 img{
	width:229px;
	height:78px;
}

h2 {
	margin:0 0 40px 0;
	font-family: 'Raleway', sans-serif;
	font-size:36px;
	font-weight:700;
	color:#5c889a;
	letter-spacing:1.8px;
}

h2.jme {
	margin:0 0 40px 0;
	font-family: 'Raleway', sans-serif;
	font-size:36px;
	font-weight:700;
	color:#fff;
	letter-spacing:1.8px;
}

.navigator-box {
	margin:0;
	padding:0;
	width:300px;
	display:inline-block;
}

.navigator {
	width:90px;
	margin:0 0 0 20px;
	display:inline-block;
	vertical-align:bottom;
}

.navigator img{
	width:69px;
	height:69px;
}

.navigator-name {
	margin:0 0 10px 0;
	font-family: 'Raleway', sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#fff;
	display:inline-block;
	letter-spacing:1.8px;
	vertical-align:bottom;
  line-height: 1.3;
}

.navigator-name p{
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	font-weight:300;
	color:#fff;
	letter-spacing:1px;
}

ul.header_menu {
	margin:47px 0 0 auto;
	float:right;
	text-align:right;
}

ul.header_menu li{
	margin-right:40px;
	display:inline-block;
	vertical-align:middle;
}

ul.header_menu li img{
	height:23px;
}

ul.header_menu li.menu{
	width:60px;
	height:60px;
	margin:0 0 0 -6px;
	display:inline-block;
	vertical-align:middle;
	z-index:1000;
	position:relative;
	background-color:#fff;
	border-radius: 50%;
}

ul.header_menu li.menu img.menu_btn {
	width:60px;
	height:60px;
	position:relative;
}

ul.header_menu li.menu img{
	height:60px;
}

#main_txt {
	margin:60px auto 30px;
	width:1100px;
}

#message {
	width:1100px;
	margin:0 auto;
}
.message_txt {
	width:173px;
	padding:18px 30px;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	font-weight:300;
	color:#ddfefe;
	letter-spacing:0.2px;
	border:solid 1px #ddfefe;
}

.message_txt:Hover {
	color:#65e2e2;
	background-color:#fff;
}


#main-box {
	margin:80px auto 30px;
	width:1100px;
}

.left-cont {
	width:410px;
	margin:0 60px 0 0;
	display:inline-block;
	vertical-align:top;
}

.left-cont img{
	width:392px;
}

.right-cont {
	width: 580px;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	padding: 20px;
	border-radius: 6px;
}

.right-cont p {
	font-size:14px;
	line-height:1.8;
	letter-spacing:1.2px;
	font-family: "メイリオ", "Meiryo", 'Noto Sans Japanese', YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.date {
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	color:#000;
	letter-spacing:1.2px;
}

.cnt_line {
	width:35px;
	height:1px;
	margin:20px 0;
	padding:1px;
	background-color:#5c889a;
}

.top_sponcer {
	margin: 60px 0 30px;
	text-align: center;
}

.top_sponcer img {
	padding: 30px 60px;
}

#jme {
	margin:80px auto 30px;
	width:100%;
	background-color:rgba(42,130,197,0.5);
	position:relative;
	z-index:10;
}

.jme-contents {
	margin:80px auto 30px;
	padding:80px 0;
	width:1100px;
}

.jme-contents p{
	font-size:12px;
	line-height:1.8;
	font-family: "メイリオ", "Meiryo", 'Noto Sans Japanese', YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.jme-contents .left-cont img{
	width:auto;
}

#footer {
  margin-top: -30px;
  padding: 30px 0;
	width:100%;
	height:auto;
	background-color:#fff;
}

.c-footer {
	width:1100px;
	margin:0 auto;
}

#backtop {
	display:inline-block;
}

.c-footer__logo {
	margin:0 0 0 20px;
	display:inline-block;
}

.c-footer__copyright {
	width:80%;
	margin:0 0 0 auto;
	display:inline-block;
	text-align:right;
	font-size:12px;
	font-family: 'Raleway', sans-serif;
	color:#000;
}

@media screen and (max-width: 640px) {
	body {
	  font-family: MyGothic, 'Hiragino Kaku Gothic ProN', -apple-system, blinkMacSystemFont, 'メイリオ', YuGothic-M, YuGothic, Meiryo, sans-serif;
	  position: relative;
	  z-index: 1000;
	}
	* {
	  box-sizing: border-box;
	}

	.for_sp{
		display:block;
	}

	.for_pc{
		display:none;
	}


	#header-contents {
		height:448px;
		background: url(../img/top-bg_sp.png) center -357px no-repeat;
	}

	#main-contents {
		height:auto;
		background: url(../img/middle-bg_sp.png) right top no-repeat;
		position:relative;
		z-index:200;
	}


	header {
		margin:0 auto;
		height:407px;
		background-color:#96dfdf;
	}

	#header {
		margin:0 auto;
		padding:0 20px;
		width:100%;
		height:auto;
	}

	h1 {
		margin:0;
		width:300px;
		height:75px;
		padding-top:20px;
		border-right:none;
		display:inline-block;
	}

	h1 img{
		width:50%;
		height:auto;
	}

	h2 {
		margin:0 0 20px 0;
		font-family: 'Raleway', sans-serif;
		font-size:18px;
		font-weight:700;
		color:#5c889a;
		letter-spacing:1.8px;
	}

	h2.jme {
		margin:0 0 40px 0;
		font-family: 'Raleway', sans-serif;
		font-size:18px;
		font-weight:700;
		color:#fff;
		letter-spacing:1.8px;
	}

	.navigator-box {
		height:90px;
		position:absolute;
		top:94px;
		left:0px;
	}

	.navigator {
		width:50px;
		margin:0 0 0 20px;
		display:inline-block;
		vertical-align:bottom;
	}

	.navigator img{
		width:48px;
		height:48px;
	}

	.navigator-name {
		margin:0 0 6px 6px;
		padding:0 28px 0 0;
		font-family: 'Raleway', sans-serif;
		font-size:12px;
		font-weight:normal;
		color:#fff;
		display:inline-block;
		letter-spacing:1.8px;
		vertical-align:bottom;
		border-right:solid 1px #fff;
	}

	.navigator-name p{
		margin:0 0 6px 0;
		font-family: 'Raleway', sans-serif;
		font-size:12px;
		font-weight:300;
		color:#fff;
		letter-spacing:1px;
	}

	ul.header_menu {
		margin:47px 0 0 auto;
		float:right;
		text-align:right;
	}

	ul.header_menu li:nth-child(1) {
		position:absolute;
		top:102px;
		right:146px;
		margin-right:0;
		display:inline-block;
		vertical-align:middle;
	}

	ul.header_menu li:nth-child(2) {
		position:absolute;
		top:103px;
		right:89px;
		margin-right:0;
		display:inline-block;
		vertical-align:middle;
	}

	ul.header_menu li:nth-child(3) {
		position:absolute;
		top:102px;
		right:42px;
		margin-right:0;
		display:inline-block;
		vertical-align:middle;
	}

	ul.header_menu li img{
		height:24px;
	}

	ul.header_menu li.menu{
		width:40px;
		height:40px;
		margin:0 0 0 -6px;
		display:inline-block;
		vertical-align:middle;
		position:absolute;
		top:30px;
		right:30px;
		z-index:1000;
	}

	ul.header_menu li.menu img{
		height:auto;
	}

	#main_txt {
		width:auto;
		margin:30px auto 15px;
		position:absolute;
		top:142px;
		left:15px;
	}

	#main_txt img{
		width:320px;
		height:auto;
	}

	#message {
		width:auto;
		margin:0 auto;
		position:absolute;
		top:350px;
		left:21px;
	}
	.message_txt {
		width:100%;
		padding:14px 16px;
		font-family: 'Raleway', sans-serif;
		font-size:14px;
		font-weight:300;
		color:#ddfefe;
		letter-spacing:0.2px;
		border:solid 2px #ddfefe;
	}

	.message_txt:Hover {
		color:#65e2e2;
		background-color:#fff;
	}


	#main-box {
		margin:80px auto 30px;
		padding:0 30px;
		width:auto;
	}

	.left-cont {
		width:auto;
		margin:0 0 0 0;
		display:inline-block;
		vertical-align:top;
	}

	.left-cont img{
		width:100%;
	}

	.right-cont {
		width:100%;
		margin:0;
		padding:5px;
		display:inline-block;
		vertical-align:top;
	}

	.right-cont p {
		font-size:12px;
		line-height:1.8;
		letter-spacing:1.2px;
	}

	.date {
		margin-top:50px;
		font-family: 'Raleway', sans-serif;
		font-size:12px;
		color:#000;
		letter-spacing:1.2px;
	}

	.cnt_line {
		width:35px;
		height:1px;
		margin:20px 0;
		padding:2px;
		background-color:#5c889a;
	}


	#jme {
		margin:80px auto 30px;
		padding:0 30px 40px;
		width:100%;
		background-color:rgba(42,130,197,0.5);
		position:relative;
		z-index:10;
	}

	.jme-contents {
		margin:80px auto 30px;
		padding:80px 0;
		width:auto;
	}

	.jme-contents p{
		margin-bottom:30px;
		font-size:12px;
		line-height:1.5;
	}



	#footer {
		width:100%;
		height:auto;
		margin-top: 30px;
		padding:0 0 40px 0;
		background-color:#fff;
		position:relative;
	}

	.c-footer {
		width:100%;
		margin:0 auto;
	}

	#backtop {
		display:inline-block;
	}

	.c-footer__logo {
		margin:0 0 0 0;
		position:absolute;
		top:0;
		left:100px;
	}

	.c-footer__copyright {
		width:auto;
		margin:0 0 0 0;
		float:right;
		text-align:left;
		font-size:12px;
		font-family: 'Raleway', sans-serif;
		color:#000;
		position:absolute;
		top:25px;
		left:100px;
	}


	#commonFooterInner {
	    padding: 15px 0;
	    width: 100%;
	    background-color: #282828;
	    text-align: center;
	}
}