@charset "UTF-8";
/*
data-sc-sp
data-sc-pc
data-sc-onlyPc
data-sc-tab
data-sc-pcMin
*/
/*
	@include hover() {
		opacity: 0.6;
	}
*/
/*
	$line:イラレの行の値
	$size:イラレの文字の値

	@include lh(38, 15);
*/
/*
	$size:object-fitの値

	@include objectfit();
	@include objectfit('contain');
*/
/*
	@include taJ();
*/
/*
	@extend %rightarr;
*/
/*
	$weight:フォントの太さ
	@include f_min();
	@include f_min(400);Reguler
	@include f_min(600);SemiBold
*/
/*
* "はんなり明朝" licensed under the IPA Font License Agreement v1.0
* https://typingart.net/?p=44（配布元のURL）
* http://ipafont.ipa.go.jp/（IPAフォントのURL）
* http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
*/
@font-face {
		font-family: "hannari";
		src: url("/common/font/hannari.woff2") format("woff2"), url("/common/font/hannari.woff") format("woff");
		font-weight: normal;
		font-style: normal;
}
/*
	$color:色指定
	$stripe:線サイズ
	$spacing:線の空きサイズ
	$height:太さ

	@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
.mainvisual {
		position: relative;
		height: 4.6rem;
		overflow: hidden;
}
@media screen and (max-width: 640px) {
		.mainvisual {
				height: 1.5rem;
				margin-top: 0.5rem;
		}
}
.mainvisual img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		font-family: "object-fit: cover;";
		background-size: cover;
}

.content1Area {
		position: relative;
}
.content1Area .title {
		font-size: 0.25rem;
}
.content1Area .nextscrollBtn {
		bottom: -0.6rem;
}

/* .sec1Area */
.sec1Area {
		margin-top: 0.8rem;
		position: relative;
		z-index: 1000;
		background-color: #fff;
}
.sec1Area > .content {
		position: relative;
		overflow: hidden;
		font-size: 0;
}
.sec1Area > .content:nth-child(odd) {
		text-align: left;
}
.sec1Area > .content:nth-child(even) {
		text-align: right;
}
.sec1Area > .content > .img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
}
.sec1Area > .content > .txtareaWrap {
		width: 45%;
		max-width: 5rem;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		overflow: hidden;
		position: relative;
}
.sec1Area > .content > .txtareaWrap > .txtarea {
		background-color: #fff;
		background-color: rgba(255, 255, 255, 0.9);
		padding: 0.4rem 8%;
}
.sec1Area > .content > .txtareaWrap > .txtarea:last-child {
		margin-bottom: 30%;
}
.sec1Area > .content > .txtareaWrap > .txtarea > .img {
		width: 100%;
		height: auto;
}
.sec1Area > .content > .txtareaWrap > .txtarea > .title {
		margin-bottom: 0.12rem;
		text-align: left;
}
.sec1Area > .content > .txtareaWrap > .txtarea > .title > img {
		display: block;
		height: auto;
}
.sec1Area > .content > .txtareaWrap > .txtarea > .title > img:nth-child(1) {
		margin-bottom: 30px;
		width: 100px;
}
.sec1Area > .content > .txtareaWrap > .txtarea > .caption {
		font-size: 0.15rem;
		color: #494949;
		text-align: left;
		line-height: 1.8;
}
.sec1Area > .content > .txtareaWrap > .links {
		margin-top: 0.25rem;
		display: inline-block;
		width: 85%;
		font-size: 0;
}
.sec1Area > .content > .txtareaWrap > .links > .link {
		display: block;
		position: relative;
		background-color: #fff;
		background-color: rgba(255, 255, 255, 0.9);
}
.sec1Area > .content > .txtareaWrap > .links > .link + .link {
		margin-top: 0.15rem;
}
.sec1Area > .content > .txtareaWrap > .links > .link:before {
		content: "";
		height: 0.8rem;
		display: inline-block;
		vertical-align: middle;
}
.sec1Area > .content > .txtareaWrap > .links > .link > span {
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		width: 79%;
		padding-left: 10%;
		padding-right: 10%;
}
.sec1Area > .content > .txtareaWrap > .links > .link > span:before, .sec1Area > .content > .txtareaWrap > .links > .link > span:after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
}
.sec1Area > .content > .txtareaWrap > .links > .link > span:before {
		width: 0.2rem;
		height: 0.2rem;
		right: 0.2rem;
		margin-top: -0.1rem;
		border-radius: 50%;
		background-color: #A5964B;
		-webkit-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
}
.sec1Area > .content > .txtareaWrap > .links > .link > span:after {
		width: 0.05rem;
		height: 0.05rem;
		right: 0.28rem;
		margin-top: -0.03rem;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
}
.sec1Area > .content > .txtareaWrap > .links > .link > span > img {
		display: inline-block;
		vertical-align: middle;
		height: auto;
}
.sec1Area > .content > .txtareaWrap > .links > .link > span > img:nth-child(1) {
		width: 60%;
		margin-right: 5%;
}
.sec1Area > .content > .txtareaWrap > .links > .link > span > img:nth-child(2) {
		width: 26%;
}
.sec1Area > .content:after {
		content: "";
		height: 100%;
		display: inline-block;
		vertical-align: middle;
}
.no-touchevents .sec1Area > .content > .img {
		background-attachment: fixed;
}
.no-touchevents .sec1Area > .content > .txtareaWrap > .links > .link:hover {
		opacity: 0.9;
}
.no-touchevents .sec1Area > .content > .txtareaWrap > .links > .link:hover > span:before {
		right: 0.18rem;
}
.no-touchevents .sec1Area > .content > .txtareaWrap > .links > .link:hover > span:after {
		right: 0.26rem;
}
@media screen and (max-width: 640px) {
		.sec1Area {
				position: static;
				margin-top: 0.3rem;
		}
		.sec1Area > .content > .txtareaWrap {
				max-width: none;
		}
		.sec1Area > .content > .txtareaWrap > .txtarea {
				padding: 0.4rem 0 0;
		}
		.sec1Area > .content > .txtareaWrap > .txtarea > .title > img {
				margin-left: auto;
				margin-right: auto;
		}
		.sec1Area > .content > .txtareaWrap > .txtarea > .title > img:nth-child(1) {
				margin-bottom: 0.15rem;
				width: 30%;
				height: auto;
		}
		.sec1Area > .content > .txtareaWrap > .txtarea > .title > img:nth-child(2) {
				height: auto;
		}
		.sec1Area > .content:nth-child(1) > .txtareaWrap > .txtarea > .title > img:nth-child(2) {
				width: 80%;
		}
		.sec1Area > .content:nth-child(2) > .txtareaWrap > .txtarea > .title > img:nth-child(2) {
				width: 83%;
		}
		.sec1Area > .content:nth-child(3) > .txtareaWrap > .txtarea > .title > img:nth-child(2) {
				width: 52%;
		}
		.sec1Area > .content:nth-child(3) > .txtareaWrap > .txtarea > .title > img:nth-child(3) {
				width: 60%;
		}
		.sec1Area > .content:nth-child(4) > .txtareaWrap > .txtarea > .title > img:nth-child(2) {
				width: 80%;
		}
		.sec1Area > .content:nth-child(5) > .txtareaWrap > .txtarea > .title > img:nth-child(2) {
				width: 78%;
		}
		.sec1Area > .content:nth-child(6) > .txtareaWrap > .txtarea > .title > img:nth-child(2) {
				width: 84%;
		}
}

.prevscrollBtn,
.nextscrollBtn {
		position: absolute;
		bottom: 0.5rem;
		left: 50%;
		margin-left: -0.2rem;
		cursor: pointer;
		font-size: 0;
		background-color: #fff;
		border-radius: 50%;
		width: 0.4rem;
		height: 0.4rem;
		overflow: hidden;
}

.prevscrollBtn {
		top: 0.5rem;
}

.prevscrollBtn.alonebtn {
		position: relative;
		margin-left: 0;
		display: block;
		margin: 0.5rem auto -0.7rem;
		bottom: 0;
		top: 0;
		left: 0;
}

.prevscrollBtn:after,
.nextscrollBtn:after {
		content: "";
		width: 0.15rem;
		height: 0.15rem;
		display: block;
		border-right: 1px solid #494949;
		border-bottom: 1px solid #494949;
		position: absolute;
		left: 50%;
		bottom: 0.16rem;
		margin-left: -0.075rem;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
}

.prevscrollBtn:after {
		bottom: 9px;
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
}

.popupwindow {
		background-color: #fff;
		padding: 0.5rem;
		text-align: center;
		max-width: 4rem;
		margin-left: auto;
		margin-right: auto;
		position: relative;
}

.popupwindow .title {
		margin-bottom: 0.2rem;
		font-weight: normal;
}

.popupwindow .title > span {
		display: block;
		font-size: 0.13rem;
		margin-bottom: 0.1rem;
		color: #494949;
}

.popupwindow .title > b {
		display: block;
		font-size: 0.18rem;
		color: #494949;
		font-weight: normal;
}

.popupwindow .title2 {
		font-size: 0.18rem;
		color: #494949;
		text-align: left;
		position: relative;
		padding-right: 1rem;
		margin-bottom: 0.35rem;
		font-weight: normal;
}

.popupwindow .title2 > img {
		position: absolute;
		right: 0;
		top: 0;
}

.popupwindow .caption {
		line-height: 2.2;
		text-align: left;
		font-size: 0.12rem;
		color: #717171;
}

.popupwindow .popup-modal-dismiss {
		position: absolute;
		top: 0;
		right: 0;
		width: 0.5rem;
		height: 0.5rem;
		cursor: pointer;
		font-size: 0;
		-webkit-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
}

.no-touchevents .popupwindow .popup-modal-dismiss:hover {
		opacity: 0.5;
}

.popupwindow .popup-modal-dismiss > span {
		display: none;
}

.popupwindow .popup-modal-dismiss:after,
.popupwindow .popup-modal-dismiss:before {
		content: "";
		width: 0.3rem;
		display: block;
		border-top: 1px solid #494949;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -0.15rem;
}

.popupwindow .mfp-close {
		display: none;
}

.popupwindow .popup-modal-dismiss:after {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
}

.popupwindow .popup-modal-dismiss:before {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
}

/*
@media screen and (max-width:960px) {
	.sec1Area .prevscrollBtn{
		margin-top: -60px;
	}
	.sec1Area .nextscrollBtn{
		margin-bottom: 50px;
	}
}*/
@media screen and (max-width: 640px) {
		.sec1Area > .content {
				height: auto !important;
		}
		.sec1Area > .content > .img {
				position: static;
				background-attachment: scroll !important;
				padding-top: 62.5%;
				height: auto !important;
		}
		.sec1Area > .content > .txtareaWrap {
				width: 100%;
				padding-bottom: 0.4rem;
		}
		.sec1Area > .content > .txtareaWrap > .txtarea {
				padding: 0;
		}
		.sec1Area > .content > .txtareaWrap > .txtarea:last-child {
				margin-bottom: 0;
		}
		.sec1Area > .content > .txtareaWrap > .txtarea > .img {
				margin-top: 0.1rem;
				margin-bottom: 0.2rem;
		}
		.sec1Area > .content > .txtareaWrap > .links > .link {
				background-color: #F4F4F4;
		}
		.popupwindow {
				padding: 0.5rem 5% 0.2rem;
		}
		.sec1Area > .content > .txtareaWrap > .txtarea > .caption {
				margin: 0 3%;
		}
		.sec1Area > .content > .txtareaWrap > .links > .link > span {
				width: 81%;
				padding-left: 4%;
				padding-right: 14%;
		}
		.sec1Area > .content > .txtareaWrap > .links > .link > span > img:nth-child(1) {
				width: 68%;
				margin-right: 3%;
		}
		.sec1Area > .content > .txtareaWrap > .links > .link > span > img:nth-child(2) {
				width: 28%;
		}
}
/* .sec2Area */
.sec2Area {
		text-align: center;
		font-size: 0;
		padding-top: 1rem;
		padding-bottom: 1rem;
}

.sec2Area > li {
		max-width: 4.7rem;
		width: 48%;
		display: inline-block;
		vertical-align: top;
		padding: 0.6rem 0 0.5rem;
		background-color: #F4F3F2;
}

.sec2Area > li + li {
		margin-left: 4%;
}

.sec2Area > li:before {
		content: "";
		display: inline-block;
		width: 0.74rem;
		height: 0.74rem;
		margin-bottom: 0.22rem;
		background-repeat: no-repeat;
		background-position: center center;
}

.sec2Area > li:nth-child(1):before {
		background-image: url(../img/sec2_mark1.png);
}

.sec2Area > li:nth-child(2):before {
		background-image: url(../img/sec2_mark2.png);
}

.sec2Area > li > .title {
		margin-bottom: 0.23rem;
}

.sec2Area > li > .caption {
		font-size: 0.14rem;
		color: #494949;
		line-height: 1.8;
		padding: 0 9%;
		text-align: left;
}

@media screen and (max-width: 640px) {
		.sec2Area {
				padding-top: 0.5rem;
				padding-bottom: 0.5rem;
		}
		.sec2Area > li {
				width: 100%;
				height: auto !important;
		}
		.sec2Area > li + li {
				margin-left: 0;
				margin-top: 0.2rem;
		}
		.sec2Area > li:before {
				width: 0.37rem;
				height: 0.37rem;
				background-size: contain;
		}
		.sec2Area > li > .caption {
				padding: 0px 3%;
		}
		.sec2Area > li::before {
				width: 0.5rem;
				height: 0.5rem;
				background-size: contain;
		}
}
/* .sec3Area */
.sec3Area {
		position: relative;
		padding-bottom: 3.4rem;
		overflow: hidden;
}

.sec3Area > .img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
}

.sec3Area > .title {
		padding-top: 0.74rem;
		margin-bottom: 0.65rem;
		position: relative;
		text-align: center;
}

.sec3Area > .title:before {
		content: "";
		display: block;
		width: 3rem;
		height: 1px;
		background-color: #494949;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -1.5rem;
}

.sec3Area > .txtarea {
		padding: 0.8rem 0.5rem 0.5rem 0.5rem;
		position: relative;
		width: 6.6rem;
		height: 5.3rem;
		margin: 0 auto;
		background-color: #fff;
		background-image: url(../img/sec3_bg.png);
		background-position: right bottom;
		background-repeat: no-repeat;
}

.sec3Area > .txtarea:before {
		content: "";
		display: block;
		position: absolute;
		top: 0.08rem;
		bottom: 0.08rem;
		left: 0.08rem;
		right: 0.08rem;
		border: 1px solid #DBDBDB;
}

.sec3Area > .txtarea > * {
		position: relative;
}

.sec3Area > .txtarea > .title {
		text-align: center;
}

.sec3Area > .txtarea .caption {
		font-size: 0.14rem;
		color: #646464;
}

.sec3Area > .txtarea h1 {
		width: 2.5rem !important;
}

/* .sliderArea */
.sliderArea {
		margin-top: 4.2%;
		position: relative;
		height: 2.4rem;
		overflow: hidden;
		margin-bottom: 4%;
		margin-top: -1.5rem;
}

.sliderArea > ul {
		position: absolute;
		top: 0;
		font-size: 0;
		width: 10000px;
}

.sliderArea > ul > li {
		padding-right: 0.1rem;
		display: inline-block;
}

@media screen and (max-width: 640px) {
		.sec3Area > .title {
				padding-top: 0.35rem;
				margin-bottom: 0.3rem;
		}
		.sliderArea {
				height: 1.5rem;
		}
		.sliderArea > ul > li {
				height: 1.5rem;
		}
		.sliderArea > ul > li > img {
				width: auto;
				height: 100%;
				display: block;
		}
		.sec3Area > .txtarea {
				padding: 0.4rem 7% 0.3rem;
				width: auto;
				height: auto;
				background-size: 80%;
		}
		.sec3Area > .txtarea h1 {
				width: 100% !important;
				margin-bottom: 0.3rem;
		}
		.sec3Area > .txtarea h1 > img {
				width: 70%;
				height: auto;
		}
		.sec3Area > .txtarea .caption {
				line-height: 1.8;
		}
		.sec3Area > .txtarea .caption > br {
				display: none;
		}
		.sec3Area > .txtarea .caption + .caption {
				margin-top: 0.2rem;
		}
		.sec3Area > .txtarea > .title > img {
				height: auto;
				margin-bottom: 0.05rem;
		}
		.sec3Area > .txtarea > .title > img:nth-child(1) {
				width: 79%;
		}
		.sec3Area > .txtarea > .title > img:nth-child(2) {
				width: 78%;
		}
		.sec3Area > .txtarea > .title > img:nth-child(3) {
				width: 61%;
		}
		.sec3Area > .txtarea > .title > img:nth-child(4) {
				width: 72%;
		}
}
/* .sec4Area */
.sec4Area {
		text-align: center;
		font-size: 0;
		padding: 0.2rem 0 0.7rem;
}

.sec4Area > a {
		display: inline-block;
		position: relative;
}

.no-touchevents .sec4Area > a:hover {
		opacity: 1;
}

.sec4Area > a > .bg {
		position: relative;
}

.sec4Area > a > span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

.sec4Area > a > span:before {
		content: "";
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #192254;
		background-color: rgba(25, 34, 84, 0.85);
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
}

.no-touchevents .sec4Area > a:hover > span:before {
		opacity: 0;
}

.sec4Area > a > span:after {
		content: "";
		width: 0.24rem;
		height: 0.24rem;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		position: absolute;
		right: 0.5rem;
		top: 50%;
		margin: -0.12rem;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
}

.no-touchevents .sec4Area > a:hover > span:after {
		right: 0.4rem;
		opacity: 0;
}

.sec4Area > a > span > img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
}

.no-touchevents .sec4Area > a:hover > span > img {
		opacity: 0;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
}

@media screen and (max-width: 640px) {
		.sec4Area > a {
				width: 90%;
		}
		.sec4Area > a > .bg {
				width: 100%;
				height: auto;
		}
		.sec4Area > a > span > img {
				width: 60%;
		}
		.sec4Area > a > span:after {
				width: 0.12rem;
				height: 0.12rem;
				right: 0.25rem;
				margin: -0.06rem;
		}
}
/*# sourceMappingURL=index.css.map */