@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
p {
    font-family: 'Noto Serif SC', serif!important;
}

#gHeader {
	background-color: #fff;
	position: fixed;
	width: 100%;
	z-index: 100;
}
#pagePath {
	margin-bottom: 0;
	background: #a61e32;
	padding-top: 81px;
}
@media screen and (min-width:768px) and (max-width:1100px) {
	#gHeader h1 {
		margin-left: 20px;
	}
}
@media screen and (max-width: 767px) {
	#pagePath {
		display: none;
	}
	#gHeader {
		background: none;
	}
}
#main {
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
#main .sec01 {
	position: relative;
}

#main .sec01 .photo {
	margin: 0 auto;
	max-width: 1200px;
}
#main .sec01 .photo img {
	width: 100%;
}
#main .sec02 {
	margin-bottom: -2.75%;
	position: relative;}
#main .sec02::before {
	width: 100%;
	height: 873px;
	position: absolute;
	left: 0;top: 0;
	background: url("../img/index/sec02_bg.jpg") repeat-x left bottom / auto 100%;
	content: '';
	z-index: -1;
}
#main .sec02 .content {
	margin: 0 auto;
	max-width: 1280px;
}
#main .sec02 .mainBox {
	width: 923px;
	position: absolute;
	left: 50%;
	top: 50.2%;
	transform: translateX(-50%);
	letter-spacing: 0.12em;
}

#main .sec02 .photo img {
	width: 100%;
}
#main .photoBox {
	margin: 0 auto;
	max-width: 920px;
	position: relative;
	text-align: center
}
#main .photoBox img {
	width: 100%;
	max-width: 1200px;
}
#main p {
	color: #727D80;
	font-size: 1.2rem;
	/*font-weight: bold;*/
	font-family: "游明朝", "YuMincho", "Hiragino Mincho Pro", "MS PMincho", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W6", serif;
	line-height: 2.25;
}
#main .sec03 {
	margin: -3.7% 0 0;
	position: relative;
	background: url("../img/index/sec03_bg.png") no-repeat center bottom / 100% auto;
}
#main .sec03 .photo {
	width: 1200px;
	margin: 0 auto;
}
#main .sec03 .photo img {
	width: 100%;
}
#main .sec03 h2 {
	width: 100%;
	left: 0;
	top: 22.6%;
	position: absolute;
	text-align: center;
}
#main .sec03 .mainBox {
	width: 824px;
	position: absolute;
	left: 50%;
	top: 69.6%;
	transform: translateX(-50%);
}
#main .sec03 .mainBox p {
	width: 31%;
	color: #5A5A75;
	float: right;
	font-size: 1.438rem;
	line-height: 1.77;
	text-align: center;
	letter-spacing: 0.4em;
}
#main .sec04 {
	margin-top: -65px;
	position: relative;
}
#main .sec04 .imgInn01 {
	margin: 0 auto;
	max-width: 1200px;
}
#main .sec04 img {
	width: 100%;
}
#main .sec04 .mainBox {
	width: 930px;
	max-width: inherit;
	position: absolute;
	left: 50%;
	top: 56%;
	transform: translateX(-50%);
	letter-spacing: 0.12em;
}
#main .sec04 .text {
	width: 920px;
	position: absolute;
	left: 50%;
	top: 34%;
	transform: translateX(-50%);
	letter-spacing: 0.15em;
}
#main .sec04 .mainBox p {
	width: 38.6%;
	float: right;
}
#main .sec04 .inner02 {
	min-height: 640px;
	position: relative;
	background: url("../img/index/sec04_photo02.jpg") no-repeat bottom center/ auto 100%;
}
#main .sec04 .inner02::before {
	width: 100%;
	min-width: 1200px;
	height: 116px;
	position: absolute;
	left: 0;
	top: -116px;
	background: url("../img/index/sec04_photo03.png") no-repeat top center / auto 100%;
	content: '';
}

#main .sec05 {
	position: relative;
	background: url("../img/index/sec05_bg.jpg") no-repeat top center / cover;
}
#main .sec05 .photo {
	width: 1200px;
	margin: 0 auto;
}
#main .sec05 .photo img {
	width: 100%;
}
#main .sec05 .img {
	margin-left: -113px;
	width: 263px;
	position: absolute;
	left: 50%;
	top: -80px;
}
#main .sec05 p {
	position: absolute;
}
#main .sec05 .text01 {
	position: absolute;
	width: 778px;
	left: 50%;
	top: 31%;
	transform: translateX(-50%);
	letter-spacing: 0.15em;
}
#main .sec05 .text02 {
	margin-left: -111px;
	width: 233px;
	position: absolute;
	left: 50%;
	top: 62%;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: justify;
	letter-spacing: 0.05em;
}
#main .sec06 {
	padding: 125px 0;
	background: url("../img/index/sec06_bg.jpg") no-repeat top center / cover;
}
#main .sec06 .photo {
	width: 789px;
}
#main .sec06 .mainBox {
	width: 776px;
	max-width: inherit;
	position: absolute;
	left: 50%;
	top: 33.8%;
	transform: translateX(-50%);
	letter-spacing: 0.12em;
}
#main .sec06 .mainBox p {
	width: 37.6%;
	float: right;
	position: static;
}
#main .sec05 .text03 {
	margin-left: -8.6%;
	width: 35%;
	top: 71.3%;
	letter-spacing: 0.09em;
}
#main .sec06 .text03 {
	margin-left: -2.6%;
	width: 328px;
	top: 70.8%;
	left: 50%;
	letter-spacing: 0.09em;
}
#main .sec07 {
	padding-bottom: 52px;
}
#main .sec07 .photo {
	width: 940px;
	overflow: hidden;
}
#main .sec07 .photo img {
	margin-top: -10px;
}
#main .sec07 .text03 {
	margin-left: -59px;
	width: 333px;
	top: 64.5%;
	letter-spacing: 0.05em;
}
#main .sec08 {
	min-height: 652px;
	position: relative;
	background: url("../img/index/sec08_bg.jpg") no-repeat top center / 2000px 652px;
}
#main .sec08 .content {
	margin: 0 auto;
	max-width: 668px;
}
#main .sec08 .img {
	margin-left: -88px;
	width: 184px;
	position: absolute;
	left: 50%;
	top: -59px;
}
#main .sec08 .txt {
	width: 331px;
	top: 31%;
	position: absolute;
}
#main .sec08 img {
	width: 100%;
}
#main .sec08 p {
	position: absolute;
	left: 23.1%;
	top: 51.8%;
	letter-spacing: 0.15em;
}
#main .sec09 {
	padding: 140px 0 150px;
	background: url("../img/index/sec09_bg.jpg") repeat top center / 1200px auto;
}
#main .sec09 h2 {
	margin-bottom: 95px;
	text-align: center;
}
#main .sec09 .photoUl {
	margin: -65px auto 30px;
	max-width: 782px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .sec09 .photoUl li {
	margin-top: 64px;
	width: 46.7%;
}
#main .sec09 .photoUl li img {
	width: 100%;
}
#main .sec09 .photoUl li p {
	margin-top: 16px;
	line-height: 1.7;
	font-weight: normal;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.08em;
}
#main .sec09 h3 {
	text-align: center;
}
#main .sec09 .videoBox {
	padding-left: 29px;
	position: relative;
	margin: 0 auto;
	max-width: 1006px;
}
#main .sec09 .videoBox .video {
    margin-left: 100px;
	/*margin: 0 auto;*/
	max-width: 650px;
}
#main .sec09 .videoBox .video video {
	width: 100%;
}
#main .sec09 .videoBox .img {
	width: 335px;
	position: absolute;
	right: -70px;
	bottom: -30px;
}
#main .sec10 {
	padding: 103px 0 0;
	text-align: center;
	position: relative;
	background: url("../img/index/sec10_bg.jpg") no-repeat top center / cover;
}
#main .sec10 img {
	max-width: 1200px;
	width: 100%;
}
#main .sec10 .text01 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 35.2%;
	color: #333;
	text-align: center;
	letter-spacing: 0.15em;
}
#main .sec10 .text02 {
	margin-left: -376px;
	width: 770px;
	position: absolute;
	left:50%;
	top: 68.2%;
	letter-spacing: 0.15em;
	text-align: left;
}
#main .sec11 {
	margin-top: 0;
	position: relative;
	text-align: center;
	background-color: #ECF7F1;
}
#main .sec11 img {
	margin-top: -33px;
	width: 100%;
	max-width: 1200px;
}
#main .sec11 p {
	position: absolute;
	left: 59%;
	top: 49.8%;
	letter-spacing: 0.15em;
	text-align: left;
}
#main .sec12 .comBtn {
	margin-left: -145px;
	width: 290px;
	position: absolute;
	left: 50%;
	bottom: 117px;
}
#main .sec12 .comBtn a {
	padding: 11px 18px;
	font-size: 1.3rem;
	background-color: #23283C;
	background-size: 8px auto;
}
@media all and (max-width: 767px) {
	#main p {
		font-size: 1.35rem;
		line-height: 1.85;
		font-weight: normal;
		font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#main .sec01 {
		margin-bottom: -23.2%;
		z-index: 2;
	}
	#main .sec02 {
		padding: 35.5% 0 122px;
		margin-bottom: -100px;
		background: #F6F8F7 url("../img/index/sp_sec02_bg.png") no-repeat top left / 100% auto;
	}
	#main .sec02 h2 {
		margin-bottom: 5px;
		text-align: center;
	}
	#main .sec02 .mainBox {
		width: auto;
		position: static;
		transform: none;
		text-align: center;
	}
	#main .sec02 p {
		line-height: 1.98;
		letter-spacing: 0.2em;
	}
	#main .sec02 .photo {
		margin-bottom: -65px;
	}
	#main .photoBox {
		margin-bottom: 7px;
		width: auto;
		max-width: inherit;
		position: relative;
	}
	#main .photoBox h2 {
		position: absolute;
		left: 0;
		top: 9.3%;
		text-align: center;
	}
	#main .photoBox h2 img {
		width: 90.4%;
		max-width: 678px;
	}
	#main .sec04 {
		margin-top: 0;
	}
	#main .sec03 {
		margin: -5.3% 0 0;
	}
	#main .sec03 .mainBox p {
		width: auto;
		float: none;
		font-size: 1.35rem;
		font-family: "游明朝", "YuMincho", "Hiragino Mincho Pro", "MS PMincho", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W6", serif;
	}
	#main .sec03 .mainBox {
		top: 88.8%;
	}
	#main .sec03 .photo {
		width: auto;
	}
	#main .sec04 .text {
		width: 100%;
		top: 35.6%;
		text-align: center;
		font-weight: normal;
		letter-spacing: 0.08em;
	}
	#main .sec04 .inner02 {
		min-height: inherit;
		background: none;
	}
	#main .sec04 .mainBox p {
		width: auto;
		float: none;
	}
	#main .sec04 .inner02::before {
		display: none;
	}
	#main .sec04 .mainBox {
		width: 92.8%;
		top: 87.2%;
		letter-spacing: 0.05em;
		text-align: justify;
	}
	#main .sec05 .img {
		margin-left: -105px;
		width: 220px;
		top: -69px;
	}
	#main .sec05 .photo {
		width: auto;
	}
	#main .sec05 .text01 {
    width: 42%;
    top: 27.5%;
    text-align: justify;
    left: 26%;
	}
	#main .sec05 .text02 {
		width: 46%;
		margin: 0;
		left: auto;
		right: 10%;
		top: 61.8%;
	}
	#main .sec06 .mainBox p {
		width: auto;
		float: none;
	}
	#main .sec06 .mainBox {
		width: 92.8%;
		top: 55.5%;
		text-align: justify;
	}
	#main .sec06 {
		padding: 0;
	}
	#main .sec05 .text03 {
		top: 74.8%;
	}
	#main .sec07 {
		padding-bottom: 0;
	}
	#main .sec07 .text01 {
    top: 25.8%;
    letter-spacing: 0.05em;
    width: 90%;
    left: 50%;
	}
	#main .sec07 .text03 {
		top: 67%;
	}
	#main .sec07 .photo img {
		margin-top: 0;
	}
	#main .sec08 .img {
		margin-left: -70px;
		top: -71px;
		width: 154px;
	}
	#main .sec08 p {
		    width: 45%;
		    top: 36.4%;
		    left: 26%;
		    letter-spacing: 0.05em;
		    text-align: justify;
	}
	#main .sec08::before {
		width: 237px;
		height: 230px;
		position: absolute;
		left: 5.2%;
		bottom: 50px;
		background: url("../img/index/sp_sec08_photo02.png") no-repeat left top / 100% 100%;
		content: '';
	}
	#main .sec09 {
		padding: 65px 15px 111px;
		background: url("../img/index/sp_sec09_bg.png") repeat-x top center / 100% auto;
	}
	#main .sec09 h2 img {
		width: 156px;
	}
	#main .sec09 h2 {
		margin-bottom: 34px;
	}
	#main .sec09 .photoUl {
		margin-top: -27px;
		margin-bottom: 7px;
	}
	#main .sec09 .photoUl li {
		margin-top: 27px;
		width: 48.5%;
	}
	#main .sec09 .photoUl li p {
		margin-top: 13px;
		font-size: 1.35rem;
		line-height: 1.85;
	}
	#main .sec09 .photoInn {
		margin: 0 -15px 44px;
	}
	#main .sec09 .videoBox {
		padding-left: 0;
	}
	#main .sec09 h3 {
		margin-bottom: 23px;
	}
	#main .sec10 {
		padding: 0 0 61px;
		margin-top: -100px;
		background: none;
	}
	#main .sec10 .text01 {
		color: #727d80;
		top: 28.3%;
		line-height: 2.09;
		letter-spacing: 0.35em;
		font-family: "游明朝", "YuMincho", "Hiragino Mincho Pro", "MS PMincho", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W6", serif;
	}
	#main .sec10 .text02 {
		margin-left: 0;
		top: 82%;
		width: 100%;
		left: 0;
		text-align: center;
		letter-spacing: 0.1em;
	}
	#main .sec11 p {
		width: 100%;
		left: 0;
		top: 78.7%;
		font-family: "游明朝", "YuMincho", "Hiragino Mincho Pro", "MS PMincho", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W6", serif;
		text-align: center;
		letter-spacing: 0.35em;
	}
	#main .sec12 {
		margin-bottom: 0;
	}
	#main .sec12 .comBtn {
		margin: 0;
		width: 100%;
		max-width: 345px;
		bottom: 42px;
		transform: translateX(-50%);
	}
	#main .sec12 .comBtn a {
		padding: 21px 18px;
		font-size: 1.25rem;
		font-family: "游明朝", "YuMincho", "Hiragino Mincho Pro", "MS PMincho", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W6", serif;
	}
	#main .sec09 .videoBox .video{
		    margin-left: 0px;
	}
}
@media all and (max-width: 374px) {
	#main .sec12 .comBtn {
		max-width: 288px;
	}
	#main p {
		font-size: 3.5vw;
	}
}