@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main .topTtl {
	margin-bottom: -9%;
	position: relative;
	z-index: 1;
}
#main .inner01 {
	position: relative;
}
#main .inner01 .txtBox {
	position: absolute;
	top: 64%;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}
#main .inner01 .txtBox .txt {
	margin-bottom: 5px;
	color: #5c849f;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1.45;
}
#main .inner01 .txtBox h2 {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 1.44;
	letter-spacing: 2.5px;
	text-align: center;
}
#main .inner01 .txtBox .text {
	margin: 0 16px 0 17px;
	padding-top: 8px;
	line-height: 2;
	letter-spacing: 2px;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	border-top: 1px solid #000;
}
#main .inner02 {
	margin-top: -8%;
	position: relative;
}
#main .inner02 p, #main .inner03 p {
	position: absolute;
	line-height: 2.15;
	font-size: 1.4rem;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}
#main .inner02 .txt01 {
	right: 4.5%;
	top: 5.1%;
	width: 46%;
	color: #fff;
	letter-spacing: 1.5px;
}
#main .inner02 .txt02 {
	left: 13%;
	top: 78.2%;
	width: 74.2%;
	color: #4d4d4d;
	letter-spacing: -0.3px;
}
#main .inner03 {
	position: relative;
}
#main .inner03 p {
	top: 73.8%;
	left: 6.5%;
	width: 87%;
	color: #4d4d4d;
	letter-spacing: 0.3px;
}
#main .sec02 .inner01 .txtBox {
	top: 70.25%;
}
#main .sec02 .inner01 .txtBox .text {
	letter-spacing: 0;
	color: #4d4d4d;
}
#main .sec03 {
	margin-bottom: -6%;
	position: relative;
	z-index: 1;
}
#main .sec03 .inner01 .txtBox {
	top: 67.0%;
}
#main .sec03 .inner01 .txtBox h2 {
	letter-spacing: 1.5px;
}
#main .sec03 .inner01 .txtBox .text {
	color: #4d4d4d;
	letter-spacing: 0.4px;
}
#main .sec04 {
    padding-top: 22px;
}
#main .sec04 .inner04 .txtBox {
	top: 72.4%;
}
#main .sec04 .inner02 {
	margin-top: 0;
	position: relative;
}
#main .sec04 .inner02 li {
	position: absolute;
	left: 11.2%;
	top: 13.2%;
	width: 50%;
}
#main .sec04 .inner01 .txtBox {
	top: 72.5%;
}
#main .sec04 .inner02 li p {
	position: static;
	left: auto;
	top: auto;
	line-height: 1.9;
}
#main .sec04 .inner02 li p:last-child {
	color: #4d4d4d;
}
#main .sec04 .inner02 li .ttl {
	margin: 0 0 2px -3px;
	font-size: 3rem;
	line-height: 1.4;
	letter-spacing: 2.5px;
}
#main .sec04 .inner02 li .ttl span {
	margin-left: 2px;
	display: block;
	color: #9cbcc5;
	font-size: 1.25rem;
	letter-spacing: 1.25px;
	font-family: Futura, 'Century Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 游ゴシック, 'Yu Gothic', メイリオ, Meiryo, sans-serif;
}
#main .sec04 .inner02 li:nth-child(2) {
	left: 39.2%;
	top: 37.5%;
}
#main .sec04 .inner02 li:nth-child(2) .ttl {
	margin-bottom: 6px;
	line-height: 1.45;
}
#main .sec04 .inner02 li:nth-child(2) p:last-child {
	padding-top: 9px;
	border-top: 1px solid #858585;
}
#main .sec04 .inner02 li:nth-child(3) {
	top: 62.9%;
	width: 42%;
}
#main .sec04 .inner03 p {
	top: 62.1%;
	left: 8.3%;
	width: 83.7%;letter-spacing: -0.05em;
font-size: 1.5rem;
}
#main .sec04 .inner04 .txtBox {
    position: absolute;
	top: auto;
    bottom: 24.1%;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}
#main .sec04 .inner04 .txtBox h2 {
    margin-bottom: 10px;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 2.5px;
    text-align: center;
}
#main .sec04 .inner04 .text {
    margin: 0;
    padding-top: 9px;
    letter-spacing: 1px;
    line-height: 2;
    text-align: justify;
    font-size: 1.5rem;        
    border-top: 1px solid #000;
}   
#main .sec05 .txtBox {
	top: 76.1%;
}
#main .sec05 .txtBox .text {
	letter-spacing: 0;
	color: #4d4d4d;
}
#main .sec05 .txtList li {
	position: absolute;
	color: #4d4d4d;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	width: 43%;
}
#main .sec05 .txtList li:first-child {
	top: 24.97%;
	left: 53.3%;
}
#main .sec05 .txtList li:nth-child(2) {
	top: 52.6%;
	left: 4.6%;
}
#main .sec05 .txtList li:nth-child(3) {
	top: 80.55%;
	left: 53.5%;
}
#main .sec05 {
	margin-bottom: 40px;
}
#main .sec05 .inner02 {
	margin-top: 0;
}
.btn {
	text-align: center;
	max-width: 280px;
	margin: 7px auto;
}
.btn input{
	position: absolute;
    right: 100px;
    top: 15px;
    width: 50px;
}
#main img {
	width: 100%;
}
.ttl{
margin: 40px 0;
	font-size: 1.3rem;
	text-align: center;
}
@media all and (max-width: 767px) {
.btn input{
        right: 7rem;
    top: 1.8rem;
    width: 60px;
}
}

@media all and (-ms-high-contrast:none) {}
@media all and (max-width: 374px) {
	body {
		font-size: 1.2rem;
	}
	#main .inner02 p, #main .inner03 p {
		font-size: 1.2rem;
		letter-spacing: 0 !important;
	}
	#main .inner01 .txtBox h2 {
		letter-spacing: 0;
	}
	#main .sec04 .inner02 li .ttl {
		font-size: 2.8rem;
	}
	#main .sec04 .inner03 p {
		font-size: 1.2rem;
	}
	#main .sec03 {
		margin-bottom: -7%;
	}
	#main .sec04 .inner04 .txtBox h2 {
		font-size: 2.2rem;
	}
}
@media all and (min-width: 751px) {
	#main .mainImg {
		background: url("../img/index/bg01.jpg") no-repeat center center / cover;
	}
	#main .topTtl {
		margin-bottom: 0;
		background: url("../img/index/bg02.jpg") repeat-x top left / auto 100%;
	}
	#main .inner01 {
		background: url("../img/index/bg03.jpg") repeat-x top center / auto 100%;
	}
	#main .inner01 .txtBox {
		width: 28.3%;
		text-align: left;
		top: 48.15%;
		left: 18.6%;
	}
	#main .inner01 .txtBox .txt {
		margin-bottom: 8px;
		text-align: left;
		font-size: 1.7rem;
		line-height: 1.529;
	}
	#main .inner01 .txtBox h2 {
		margin-bottom: 12px;
		font-size: 2.3rem;
		line-height: 1.5;
		text-align: left;
	}
	#main .inner01 .txtBox .text {
		margin: 0;
		font-size: 1.6rem;
		padding-top: 10px;
		letter-spacing: 0;
	}
	#main .inner02 {
		margin-top: -1px;
		background: url("../img/index/bg04.jpg") repeat-x bottom center / auto 100%;
	}
	#main .inner03 {
		background: #DBE6EC;
	}
	#main .inner02 .txt01 {
		width: 250px;
		font-size: 1.6rem;
		line-height: 2;
		right: 271px;
		top: 82px;
	}
	#main .inner02 .txt02 {
		width: 303px;
		font-size: 1.6rem;
		line-height: 2;
		left: auto;
		right: 221px;
		top: auto;
		bottom: -10px;
	}
	#main .inner03 p {
		width: 274px;
		font-size: 1.6rem;
		line-height: 2;
		top: 417px;
		left: 675px;
	}
    #main .sec01 .inner04 {
        background: #929292 url(../img/index/bg10.jpg) repeat-x left top / 8px auto;
    }
	#main .sec02 .inner01 .content {
		max-width: 1500px;
	}
	#main .sec02 .inner01{
		background: #DCDFE4 url("../img/index/bg05.jpg") top left repeat-x;
		background-size: cover;
	}
	#main .sec02 .inner01 .txtBox {
		left: 351px;
		width: 337px;
		top: 507px;
	}
	#main .sec03 .inner01 {
		background: url("../img/index/bg06.png") top left repeat-x;
	}
	#main .sec03 .inner01 .txtBox {
		top: 472px;
		left: 639px;
		width: 340px;
	}
	#main .sec03 {
		margin-bottom: 0;
	}
	#main .sec04 {
		background: url("../img/index/bg07.jpg") no-repeat top center / cover;
	}
	#main .sec04 .content {
		position: relative;
	}
	#main .sec04 .inner01 {
		width: 325px;
		position: absolute;
		left: 225px;
		top: 513px;
		background: none;
	}
	#main .sec04 .inner01 .txtBox {
		width: auto;
		position: static;
	}
	#main .sec04 .inner03 {
        position: relative;
        background: none;
	}
	#main .sec04 .inner03 p {
		position: absolute;
		width: 360px;
        top: 401px;
        left: auto;
        right: 216px;
		font-size: 1.6rem;
		letter-spacing: 0;
	}
    #main .sec04 {
        padding-top: 0;
    }
    #main .sec04 .inner04 {
        position: relative;
    }
    #main .sec04 .inner04 .txtBox {
		transform: none;
		left: auto;
        position: absolute;
        top: 477px;
        width: 336px;
        right: 212px;
    }
    #main .sec04 .inner04 .txtBox h2 {
        margin-bottom: 16px;
        font-size: 2.3rem;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0.15em;
        text-align: left;
    }
    #main .sec04 .inner04 .text {
        margin: 0;
        padding-top: 12px;
        letter-spacing: 1px;
        line-height: 2;
        text-align: justify;
        font-size: 1.6rem;        
        border-top: 1px solid #000;
    }   
	#main .sec05 .inner01 {
		padding-bottom: 29px;
		background: url("../img/index/bg08.jpg") no-repeat top center / cover;
	}
	#main .sec05 .inner01 .txtBox {
		top: 411px;
		width: 320px;
	}
	#main .sec05 .inner02 {padding-top: 69px;
		background: none;
		background: url("../img/index/bg09.png") repeat-x top center;
	}
	#main .sec05 {
		margin-bottom: -24px;
	}
	#main .sec07 {
		position: relative;
	}
	#main .sec07::before {
		height: 590px;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		background: #EEF0F1;
		content: '';
		z-index: -1;
	}
	#main .sec07 .btn {
		max-width: 709px;
		width: 100%;
		position: absolute;
		left: 50%;
		bottom: 142px;
		transform: translateX(-50%);
		box-sizing: border-box;
		text-align: right;
	}
	#main .sec07 .btn a {
		display: inline-block;
		width: 236px;
	}
	#main .inner04 .content {
		position: relative;
	}
	#main .inner04 .content p {
		position: absolute;
		color: #fff;
		width: 250px;
		font-size: 1.6rem;
		line-height: 2;
		right: 271px;
		top: 82px;
	}
}
@media all and (min-width: 751px) and (max-width: 1500px) {
	#main .sec02 .inner01 .content {
		margin: 0 -125px;
	}
}

@media all and (min-width: 1500px) {
	#main .sec04 {
		background-size: 100% 100%;
	}
}