@charset "utf-8";

/* CSS Document */



article {

	/*明朝*/

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	font-size: 18px;

	background-image: url(../images/main_photo.jpg);

	background-repeat: no-repeat;

}



article > h1 {

	padding: 15px 0 0 90px;

}



article .inner {

	width: 1075px;

	margin: 0 auto;

	overflow: hidden;

}



article .photo01 {

	float: left;

	margin: 160px 0 0 50px;

}

article > .inner > .text.white {

	background: #FFF;

	width: 618px;

	margin: 300px 0 0 auto;

	padding: 30px 0 0 40px;

	box-sizing: border-box;

}

article > .inner > .text.box {

	text-align: center;

	margin-bottom: 60px;

}



article > .inner > .text h2 {

	margin: 50px 0;

}



section {

	overflow: hidden;

}



section::before,

section:last-of-type::after {

	content: "";

	display: block;

	width: 100%;

	height: 9px;

}

section:nth-of-type(odd)::before {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,500000+53,f00000+100 */

	background: #ff0000; /* Old browsers */

	background: -moz-linear-gradient(left,  #ff0000 0%, #500000 53%, #f00000 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(left,  #ff0000 0%,#500000 53%,#f00000 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to right,  #ff0000 0%,#500000 53%,#f00000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#f00000',GradientType=1 ); /* IE6-9 */

}

section:nth-of-type(even)::before,

section:last-of-type::after {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a0ff+0,000063+57,0090f2+100 */

	background: #00a0ff; /* Old browsers */

	background: -moz-linear-gradient(left,  #00a0ff 0%, #000063 57%, #0090f2 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(left,  #00a0ff 0%,#000063 57%,#0090f2 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to right,  #00a0ff 0%,#000063 57%,#0090f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0ff', endColorstr='#0090f2',GradientType=1 ); /* IE6-9 */

}



section .inner {

	padding-top: 20px;

}

section:nth-of-type(odd) .photo {

	float: right;

}

section:nth-of-type(even) .photo {

	float: left;

}



section .text {

	width: 100%;

	text-align: center;

	margin: 0 auto;

	padding: 125px 0 150px;

	line-height: 2;

}

section h1 {

	margin-bottom: 50px;

}



.last_text {

	padding: 80px 0 0;

	text-align: center;

}

.last_text .btn {

	margin-top: 85px;

}



@media screen and (max-width: 767px) {

	article {

		background: none;

	}

	article > h1 {

		padding: 0;

	}

	article .inner {

		position: relative;

		width: 100%;

	}

	article .photo01 {

		position: absolute;

		bottom: 0;

		float: none;

		width: 50%;

		margin: 0;

		vertical-align: bottom;

	}

	article .photo01.pc {

		display: none;

	}

	article > .inner > .text.white {

		width: 100%;

		margin: 0;

		padding: 14vw 8.6% 10vw;

		font-size: 14px;

		vertical-align: bottom;

	}

	article > .inner > .text.box {

		width: 100%;

		padding: 0 8.6% 24.6vw;

		margin: 0;

		font-size: 14px;

		vertical-align: bottom;

		text-align: left;

		box-sizing: border-box;

	}

	article > .inner > .text h2 {

		width: 100%;

		margin: 0 0 10vw;

	}

	article > .inner > .text p {

		position: relative;

		margin: 0;

		z-index: 100;

	}



	section .inner {

		width: 100%;

		padding: 17vw 9.3vw 15vw;

		box-sizing: border-box;

	}

	section .text {

		width: 100%;

		margin: 0;

		padding: 3% 0 8%;

		font-size: 14px;

		line-height: 140%;

		vertical-align: bottom;

		text-align: left;

	}

	section h1 {

		margin-bottom: 5.3vw;

	}



	.last_text {

		width: 90%;

		margin: 0 auto;

		padding: 18% 0;

	}

	.last_text .btn {

		margin: 10% auto 0;

		width: 50%;

	}

}