@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap');
img {
	max-width: 100%;
	height: auto;
}
/*------------------------------------------------------------
	sales index
------------------------------------------------------------*/
#main {
	overflow: hidden;
}
.pageTitle {
	position: relative;
	overflow: hidden;
	z-index: -1;
}
.pageTitle .photo {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.pageTitle img {
	width: 100%;
}
.pageTitle .textImg {
	width: 450px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.scroll {
	position: relative;
	z-index: 1;
}
.scroll a {
	display: block;
	position: absolute;
	left: 50%;
	top: -65px;
	color: #fff;
	letter-spacing: 0.1em;
	transform: translateX(-50%);
}
.scroll a::after {
	width: 1px;
	height: 40px;
	position: absolute;
	left: 50%;
	bottom: -45px;
	background-color: rgba(255,255,255,0.5);
	content: '';
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 980px;
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 115px;
	text-align: center;
}
.headLine01 em {
	font-style: normal;
}
.headLine01 img {
	height: 200px;
}
.headLine01 .num {
	display: block;
	font-size: 150px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.3;
	font-family: 'GFS Didot', serif;
	border: none;
}
.headLine01 span {
	margin-top: 10px;
	padding: 0;
	display: inline-block;
	font-size: 38px;
	font-weight: 500;
	border-bottom: 1px solid #707070;
	vertical-align: top;
	line-height: 1.25;
	font-style: normal;
}
/*------------------------------------------------------------
	comImgBox01
------------------------------------------------------------*/
.comImgBox01 {
	display: flex;
	justify-content: space-between;
}
.comImgBox01 .photoBox {
	width: 50%;
	order: 1;
}
.comImgBoxR01 .photoBox {
	order: 0;
}
.comImgBox01 .photoBox img {
	width: 100%;
}
.comImgBox01 .textBox {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.comImgBox01 .textBox .subBox {
	width: 500px;
	text-align: center;
}
.comImgBox01 .textBox .subBox h2 {
	margin-bottom: 20px;
	font-size: 31px;
	font-weight: 500;
	letter-spacing: 0.2em;
}
.comImgBoxR01 .textBox .subBox h2 {
	margin-bottom: 18px;
	font-size: 24px;
}
.comImgBox01 .textBox .subBox p {
	margin-bottom: 38px;
	font-size: 15px;
	line-height: 2.53;
}
.comImgBox01 .textBox .subBox .btn span {
	padding: 20px 20px 20px 40px;
	min-width: 280px;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	box-sizing: border-box;
	background: #000;
}
.comImgBox01 .textBox .subBox .btn .icon {
	margin-left: 7px;
	padding: 0;
	width: 13px;
	min-width: 13px;
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
	background-color: transparent;
}
.comImgBox01 .textBox .subBox .btn span::before,
.comImgBox01 .textBox .subBox .btn span::after {
	display: none;
}
.comImgBox01 .textBox .subBox .btn .icon .pic02 {
	display: none;
}
.comImgBox01 .textBox .subBox .btn a:hover span {
	color: #000;
	background-color: #fff;
}
.comImgBox01 .textBox .subBox .btn a:hover .icon {
	background-color: transparent;
}
.comImgBox01 .textBox .subBox .tel {
	font-size: 41px;
	letter-spacing: 0.08em;
	font-family: 'Bebas Neue', sans-serif;
}
.comImgBoxR01 .textBox .subBox p {
	margin-bottom: 0;
	font-size: 13px;
	letter-spacing: 0.16em;
	font-family: "游ゴシック Medium", YuGothic,YuGothicM , "Yu Mincho", "YuMincho" , "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
/*------------------------------------------------------------
	comImgBox02
------------------------------------------------------------*/
.comImgBox02 {
	margin-bottom: 110px;
	display: flex;
	justify-content: space-between;
}
.comImgBox02 .textBox {
	width: 465px;
}
.comImgBox02 .textBox .title {
	margin-bottom: 56px;
	position: relative;
	font-size: 23px;
	font-weight: 600;
	line-height: 1.74;
	letter-spacing: 0.06em;
}
.comImgBox02 .textBox .title::after {
	width: 30px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -25px;
	background-color: #707070;
	content: '';
}
.comImgBox02 .textBox .btn a {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.comImgBox02 .textBox .btn span {
	padding: 14px 4px 14px 24px;
}
.comImgBox02 .textBox .btn .sectionMore::before,
.comImgBox02 .textBox .btn .sectionMore::after {
	width: 4px;
}
.comImgBox02 .textBox .btn .sectionMore::before {
	left: -2px;
}
.comImgBox02 .textBox .btn .sectionMore::after {
	right: -2px;
}
.comImgBox02 .textBox .btn .icon {
	margin-left: 7px;
	padding: 0;
	width: 13px;
	min-width: 13px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}
.comImgBox02 .textBox .btn a:hover span {
	background-color: #000;
}
.comImgBox02 .textBox p {
	margin-bottom: 30px;
	font-size: 14px;
	font-weight: 500;
	line-height: 2.29;
	letter-spacing: 0.04em;
}
.comImgBox02 .textBox p:last-of-type {
	margin-bottom: 0;
}
.comImgBox02 .textBox .txt {
	margin-bottom: 30px !important;
}
.comImgBox02 .photoBox {
	width: 465px;
}
.comImgBoxR02 .photoBox {
	order: -1;
}
.comImgBox02 .photoBox img {
	width: 100%;
}
/*------------------------------------------------------------
	comTextBox
------------------------------------------------------------*/
.comTextBox {
	margin: 0 auto 150px;
	padding: 65px 65px 70px;
	width: 860px;
	position: relative;
	border: 1px solid #000;
	box-sizing: border-box;
}
.comTextBox::before {
	width: 1px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: -30px;
	background-color: #000;
	content: '';
}
.comTextBox .title {
	margin-bottom: 40px;
	font-size: 23px;
	letter-spacing: 0.2em;
	text-align: center;
}
.comTextBox .title small {
	margin-top: 5px;
	display: block;
	font-size: 12px;
	font-style: italic;
	letter-spacing: 0.1em;
	font-family: 'GFS Didot', serif;
}
.comTextBox dl {
	overflow: hidden;
}
.comTextBox dl dt {
	padding-top: 36px;
	width: 260px;
	float: left;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.06em;
}
.comTextBox dl dt small {
	margin-top: 10px;
	display: block;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.45;
}
.comTextBox dl dd {
	padding: 40px 0 46px 295px;
	font-size: 14px;
	font-weight: 500;
	line-height: 2.29;
	border-top: 1px solid #e5e5e5;
}
.comTextBox dl dd:last-of-type {
	padding-bottom: 0;
}
.comTextBox dl dd img {
	margin-top: 30px;
	width: 100%;
}
/*------------------------------------------------------------
	next
------------------------------------------------------------*/
.next {
	position: absolute;
	left: 50%;
	bottom: -185px;
	font-size: 12px;
	line-height: 2.33;
	letter-spacing: 0.1em;
	transform: translateX(-50%);
}
.next::after {
	width: 1px;
	height: 60px;
	position: absolute;
	left: 50%;
	bottom: -70px;
	background-color: #000;
	content: '';
}
#main .topTextBox {
	margin-bottom: 150px;
	padding-top: 123px;
	font-size: 34px;
	position: relative;
	background-color: #fff;
}
#main .topTextBox .textBox {
	margin-bottom: 45px;
	display: flex;
	justify-content: center;
}
#main .topTextBox p {
	width: 200px;
	height: 327px;
	font-weight: 500;
	letter-spacing: 0.37em;
	line-height: 1.95;
	text-align: left;
	writing-mode: horizontal-tb; 
	writing-mode: vertical-rl; 
	writing-mode: tb-rl;
	-webkit-writing-mode: horizontal-tb;
	-webkit-writing-mode: vertical-rl;
	-webkit-writing-mode: tb-rl;
}
#main .topTextBox .btn {
	text-align: center;
}
#main .topTextBox .btn a {
	padding: 13px;
	min-width: 240px;
	font-size: 15px;
	font-weight: 500;
	border: 1px solid rgba(0,0,0,0.5);
	box-sizing: border-box;
}
#main .topTextBox .btn a::before,
#main .topTextBox .btn a::after {
	background-color: transparent;
}
#main .chosen {
	padding: 115px 0 120px;
	background-color: rgba(241,244,247,0.5);
}
#main .chosen h2 {
	margin-bottom: 56px;
	font-size: 28px;
	font-weight: 400;
	text-align: center;
}
#main .chosen h2 span {
	margin-top: 16px;
	font-size: 13px;
	font-weight: 400;
	display: block;
	letter-spacing: 0.14em;
	font-family: 'Marcellus', serif;
}
#main .chosen .linkList {
	margin: 0 -35px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#main .chosen .linkList li {
	margin: 0 35px;
	width: 270px;
	min-height: 270px;
	box-sizing: border-box;
}
#main .chosen .linkList li a {
	padding: 23px 20px;
	height: 100%;
	box-sizing: border-box;
	display: block;
	border-radius: 50%;
	border: 1px solid #707070;
	text-align: center;
	transition: background 1s ease, color 1s ease;
	background: url("../img/sales/arrow02.png") no-repeat center bottom 40px / 20px auto;
}
#main .chosen .linkList li a:hover {
	background-color: #fff;
	color: #000;
}
#main .chosen .linkList li .num {
	margin-bottom: 12px;
}
#main .chosen .linkList .list01 .num {
	margin-bottom: 25px;
}
#main .chosen .linkList li .num img {
	height: 63px;
}
#main .chosen .linkList li p {
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0.1em;
}
#main .area > .photo:first-child {
	min-height: 560px;
	background: url(../img/sales/promotion_photo01.jpg) fixed;
	background-size: cover;
}
#main .appraisal .areaInner {
	padding: 100px 0 255px;
}
#main .areaInner {
	position: relative;
}
#main .area .text {
	position: absolute;
	right: 30px;
	width: 100vh;
	top: auto;
	bottom: 0;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0.2em;
	transform: rotate(90deg);
	transform-origin: right center;
	z-index: 99;
}
#main .area .enTtl {
	position: absolute;
	left: 15px;
	top: 50px;
	width: 1em;
	writing-mode: tb-rl;
	font-size: 130px;
	color: #000;
	opacity: 0.03;
	letter-spacing: 0.04em;
	font-family: 'Marcellus', serif;
}
#main .business.area .enTtl {
	top: 145px;
}
#main .promotion .enTtl {
	top: 130px;
}
#main .skill .enTtl {
	top: 130px;
}
#main .speedy .enTtl {
	top: 124px;
}
#main .appraisal .imgBox01 {
	margin-bottom: 80px;
}
#main .appraisal .comImgBox02:last-of-type {
	margin-bottom: 0;
}
#main .business .areaInner {
	padding: 99px 0 265px;
}
#main .business img {
	width: 100%;
}
#main .business  .headLine01 {
	margin-bottom: 91px;
}
#main .business  .headLine01 img {
	width: auto;
}
#main .business .areaInner {
	padding-top: 99px;
}
#main .business h3 {
	margin-bottom: 54px;
	position: relative;
	font-size: 23px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-align: center;
}
#main .business h3::after {
	width: 30px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -26px;
	transform: translateX(-50%);
	background-color: #707070;
	content: '';
}
#main .business .content .text01 {
	margin-bottom: 48px;
	font-size: 14px;
	letter-spacing: 0.04em;
	line-height: 2.29;
	text-align: center;
}
#main .business p small {
	display: block;
	font-size: 10px;
	letter-spacing: 0.06em;
}
#main .business .textImg {
	margin: 0 auto 110px;
	width: 700px;
}
#main .business .comTextBox {
	margin-bottom: 0;
}
#main .business .next {
	bottom: -195px;
}
#main .promotion .areaInner {
	padding: 99px 0 265px;
}
#main .promotion .comTextBox:last-of-type {
	margin-bottom: 0;
}
#main .promotion .photo img {
	width: 100%;
}
#main .promotion .imgBox01 {
	margin-bottom: 80px;
}
#main .promotion .imgBox02 {
	margin-bottom: 100px;
}
#main .promotion .imgBox03 {
	margin-bottom: 78px;
}
#main .promotion .textList {
	margin: -23px 0 95px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .promotion .textList li {
	margin-top: 23px;
	width: calc((100% - 2px) / 3);
	box-sizing: border-box;
	text-align: center;
}
#main .promotion .textList li .pho {
	margin-bottom: 33px;
}
#main .promotion .textList li .pho img {
	width: 100%;
}
#main .promotion .textList li .txtBox p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.71;
	letter-spacing: 0.04em;
}
#main .promotion .textList li .txtBox .ttl {
	margin-bottom: 19px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.76;
	letter-spacing: 0.06em;
}
#main .promotion .comImgBox02 .photoBox {
	position: relative;
}
#main .promotion .comImgBox02 .photoBox ul {
	margin-bottom: 23px;
}
#main .promotion .comImgBox02 .photoBox p {
	font-size: 12px;
	line-height: 1;
	line-height: 1.9;
	letter-spacing: 0.04em;
	text-align: center;
}
#main .promotion .comImgBox02 .photoBox .arrowList {
	margin-bottom: 0;
}
#main .promotion .comImgBox02 .photoBox .arrowList li {
	width: 9px;
	position: absolute;
	left: 0;
	bottom: 4px;
	cursor: pointer;
	transition: 1s;
}
#main .promotion .comImgBox02 .photoBox .arrowList .next01 {
	right: 0;
	left: auto;
}
#main .promotion .next {
	bottom: -195px;
}
#main .promotion .comImgBox02 .photoBox .arrowList li:hover {
	opacity: 0.7;
}
@media all and (min-width: 0) and (max-width: 1100px) {
	#main .area > .photo:first-child {
		background-attachment: inherit;
	}
	#main .flow .photo .bg {
		background-attachment: inherit;
	}
}
@media all  and (min-width: 768px) {
	.scroll a:hover {
		opacity: 0.7;
	}
	.comImgBox02 .textBox .btn .sectionMore:hover .icon {
		background-color: transparent;
	}
	.comImgBox01 .textBox .subBox .btn a:hover .icon .pic02 {
		display: block;
	}
	.comImgBox01 .textBox .subBox .btn a:hover .icon .pic01 {
		display: none;
	}
}
@media all and (min-width: 0) and (max-width: 767px) {
	.pageTitle .textImg {
		width: 300px;
	}
	.scroll a {
		top: -62px;
	}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
	.content {
		margin: 0 20px;
		width: auto;
	}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
	.headLine01 {
		margin: 0 -10px 63px;
	}
	.headLine01 em {
		display: none;
	}
	.headLine01 img {
		margin: 0 auto;
		height: 133px;
	}
	.headLine01 .num {
		font-size: 100px;
		text-decoration: none;
	}
	.headLine01 span {
		margin-top: 5px;
		padding: 0;
		font-size: 30px;
		font-weight: 400;
		letter-spacing: 0.05em;
		text-decoration: underline;
		border-bottom: none;
		vertical-align: top;
		line-height: 1.53;
		text-decoration-color: #707070;
	}
	.headLine01 span .txt {
		padding: 0;
	}
/*------------------------------------------------------------
	comImgBox01
------------------------------------------------------------*/
	.comImgBox01 {
		margin-bottom: 40px;
		display: block;
	}
	.comImgBoxR01 {
		margin-bottom: 98px;
	}
	.comImgBox01 .photoBox {
		margin-bottom: 47px;
		width: auto;
	}
	.comImgBoxR01 .photoBox {
		display: none;
	}
	.comImgBox01 .textBox {
		margin: 0 20px;
		width: auto;
		display: block;
	}
	.comImgBoxR01 .textBox {
		padding-top: 38px;
		border-top: 1px solid rgba(0,0,0,0.3);
	}
	.comImgBox01 .textBox .subBox {
		width: auto;
	}
	.comImgBox01 .textBox .subBox h2 {
		margin-bottom: 19px;
		font-size: 26px;
		letter-spacing: 0.1em;
	}
	.comImgBoxR01 .textBox .subBox h2 {
		margin-bottom: 18px;
		font-size: 18px;
	}
	.comImgBox01 .textBox .subBox p {
		margin-bottom: 30px;
		font-size: 13px;
		line-height: 2;
		text-align: left;
}
	.comImgBox01 .textBox .subBox .btn span {
		padding: 22px 20px 21px;
		background-position: right 30px center;
	}
	.comImgBox01 .textBox .subBox .btn a:hover span {
		color: #fff;
		background-color: #000;
	}
	.comImgBoxR01 .textBox .subBox .tel {
		margin-bottom: 23px;
		line-height: 1;
	}
	.comImgBoxR01 .textBox .subBox p {
		text-align: center;
		line-height: 1.69;
	}
/*------------------------------------------------------------
	comImgBox02
------------------------------------------------------------*/
	.comImgBox02 {
		margin: 0 0 75px;
		display: block;
	}
	.comImgBox02 .textBox {
		margin-bottom: 40px;
		width: auto;
	}
	.comImgBox02 .textBox .title {
		margin-bottom: 40px;
		font-size: 18px;
		line-height: 1.78;
		text-align: center;
	}
	.comImgBox02 .textBox .title::after {
		left: 50%;
		transform: translateX(-50%);
		bottom: -21px;
	}
	.comImgBox02 .textBox .btn {
		text-align: center;
	}
	.comImgBox02 .textBox .btn span {
		padding: 13px;
		min-width: 200px;
		font-size: 13px;
		box-sizing: border-box;
	}
	.comImgBox02 .textBox .btn a:hover span {
		background-color: #fff;
	}
	.comImgBox02 .textBox p {
		margin-bottom: 30px;
		font-size: 13px;
		font-weight: 400;
		line-height: 2;
		text-align: left;
	}
	.comImgBox02 .photoBox {
		width: auto;
	}
/*------------------------------------------------------------
	comTextBox
------------------------------------------------------------*/
	.comTextBox {
		margin: 0 0 88px;
		padding: 43px 20px 50px;
		width: auto;
	}
	.comTextBox::before {
		top: -25px;
	}
	.comTextBox .title {
		margin-bottom: 30px;
		font-size: 18px;
	}
	.comTextBox .title small {
		font-size: 10px;
	}
	.comTextBox dl dt {
		margin-bottom: 18px;
		padding-top: 28px;
		width: auto;
		float: none;
		font-size: 18px;
		text-align: center;
		border-top: 1px solid #e5e5e5;
	}
	.comTextBox dl dt small {
		margin-top: 7px;
		font-size: 10px;
		font-weight: 400;
		line-height: 1.6;
	}
	.comTextBox dl dd {
		padding: 0 0 30px;
		font-size: 13px;
		line-height: 2;
		border-top: none;
	}
	.comTextBox dl dd img {
		margin-top: 20px;
	}
/*------------------------------------------------------------
	next
------------------------------------------------------------*/
.next {
	bottom: -105px;
	left: 50%;
}
.next::after {
	height: 40px;
	bottom: -50px;
}
	#main .topTextBox {
		margin-bottom: 80px;
		padding-top: 67px;
		font-size: 26px;
	}
	#main .topTextBox .textBox {
		margin-bottom: 25px;
	}
	#main .topTextBox p {
		width: 140px;
		height: 250px;
		line-height: 1.85;
	}
	#main .topTextBox .btn {
		text-align: center;
	}
	#main .topTextBox .btn a {
		padding: 9px;
		min-width: 190px;
		font-size: 13px;
	}
	#main .chosen {
		padding: 77px 0 80px;
	}
	#main .chosen h2 {
		margin-bottom: 40px;
		font-size: 26px;
		letter-spacing: 0.14em;
	}
	#main .chosen h2 span {
		margin-top: 9px;
		font-size: 11px;
		line-height: 1;
	}
	#main .chosen .linkList {
		margin: -20px -9px 0;
		max-width: inherit;
	}
	#main .chosen .linkList li {
		margin: 20px 9px 0;
		width: 158px;
		min-height: 158px;
	}
	#main .chosen .linkList .list02 {
		margin-top: 10px;
	}
	#main .chosen .linkList li a {
		padding: 11px 10px;
		background-size: auto 10px;
		background-position: center bottom 18px;
	}
	#main .chosen .linkList li a:hover {
		background-color: transparent;
	}
	#main .chosen .linkList li .num {
		margin-bottom: 7px;
		font-size: 26px;
	}
	#main .chosen .linkList .list01 .num {
		margin-bottom: 18px;
	}
	#main .chosen .linkList li .num img {
		height: 35px;
	}
	#main .chosen .linkList li p {
		font-size: 15px;
		line-height: 1.4;
		letter-spacing: 0.1em;
	}
	#main .area > .photo:first-child {
		min-height: 450px;
		background-image: url(../img/sales/sp_promotion_photo01.jpg);
	}
	#main .area .enTtl {
		display: none;
	}
	#main .area .text {
		display: none !important;
	}
	#main .appraisal .areaInner {
		padding: 66px 0 155px;
	}
	#main .appraisal .text {
		display: none;
	}
	#main .appraisal .imgBox01 {
		margin-bottom: 58px;
	}
	#main .appraisal .comImgBox02:last-of-type {
		margin-bottom: 0;
	}
	#main .appraisal .imgBox02 .photoBox {
		margin-bottom: 38px;
	}
	#main .appraisal .imgBox02 .textBox {
		margin-bottom: 0;
	}
	#main .business .text {
		display: none;
	}
	#main .business  .headLine01 {
		margin-bottom: 63px;
	}
	#main .business .areaInner {
		padding: 66px 0 155px;
	}
	#main .business h3 {
		margin-bottom: 54px;
		font-size: 18px;
		line-height: 1.78;
	}
	#main .business h3::after {
		bottom: -21px;
	}
	#main .business .content > p {
		margin-bottom: 38px;
		font-size: 13px;
		line-height: 2;
		text-align: left;
	}
	#main .business .content .text01 {
		text-align: left;
	}
	#main .business .textImg {
		margin-bottom: 75px;
		width: auto;
	}
	#main .business .comTextBox {
		margin-bottom: 0;
	}
	#main .business .next {
		bottom: -105px;
	}
	#main .promotion .areaInner {
		padding: 66px 0 155px;
	}
	#main .promotion .text {
		display: none;
	}
	#main .promotion .comImgBox02 .textBox .title {
		margin: 0 -10px 46px;
	}
	#main .promotion .imgBox01 {
		margin-bottom: 58px;
	}
	#main .promotion .imgBox02 {
		margin-bottom: 88px;
	}
	#main .promotion .imgBox03 {
		margin-bottom: 66px;
	}
	#main .promotion .textList {
		margin: -48px 20px 88px;
		display: block;
	}
	#main .promotion .textList li {
		margin-top: 48px;
		width: auto;
		display: block;
		display: flex;
		flex-wrap: wrap;
	}
	#main .promotion .textList li .pho {
		margin-bottom: 0;
		width: 100%;
		order: 1;
	}
	#main .promotion .textList li .pho img {
		width: 100%;
	}
		#main .promotion .textList li .txtBox  {
			margin-bottom: 13px;
			width: 100%;
		}
	#main .promotion .textList li .txtBox p {
		font-size: 14px;
		line-height: 1.71;
		letter-spacing: 0.04em;
	}
	#main .promotion .textList li .txtBox .ttl {
		margin-bottom: 15px;
	}
	#main .promotion .comImgBox02 .photoBox {
		position: relative;
	}
	#main .promotion .comImgBox02 .photoBox ul {
		margin-bottom: 23px;
	}
	#main .promotion .comImgBox02 .photoBox p {
		font-size: 12px;
		line-height: 1;
		line-height: 1.9;
		letter-spacing: 0.04em;
		text-align: center;
	}
	#main .promotion .comImgBox02 .photoBox .arrowList {
		margin-bottom: 0;
	}
	#main .promotion .comImgBox02 .photoBox .arrowList li {
		width: 9px;
		position: absolute;
		left: 0;
		bottom: 4px;
		cursor: pointer;
	}
		#main .promotion .comImgBox02 .photoBox .arrowList li:hover {
			opacity: 1;
		}
	#main .promotion .comImgBox02 .photoBox .arrowList .next01 {
		right: 0;
		left: auto;
	}
	#main .promotion .next {
		bottom: -105px;
	}
}

@media all and (min-width: 320px) and (max-width: 374px) {
	#main .chosen .linkList li {
		width: 130px;
		min-height: 130px;
	}
	#main .chosen .linkList li .num {
		margin-bottom: 0;
		font-size: 23px;
	}
	#main .chosen .linkList li p {
		font-size: 10px;
	}
	#main .chosen .linkList li a {
		background-position: center bottom 10px;
	}
	#main .chosen h2 {
		font-size: 24px;
	}
	.headLine01 span .txt {
		font-size: 24px;
	}
	.headLine01 span {
		font-size: 28px;
	}
	.comImgBox02 .textBox .title {
		font-size: 15px;
	}
}


/*------------------------------------------------------------
	skill
------------------------------------------------------------*/
.skill .areaInner {
	padding: 99px 0 0;
}
.skill.skill3 .areaInner {
	padding: 0 0 265px
}
.skill .comTextBox:last-of-type {
	margin-bottom: 0;
}
.skill .next {
	bottom: -196px;
}
#main .skill h3 {
    margin-bottom: 54px;
    position: relative;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-align: center;
}
#main .skill h3::after {
    width: 30px;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: -26px;
    transform: translateX(-50%);
    background-color: #707070;
    content: '';
}
#main .skill .centerTxt {
    margin-bottom: 48px;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 2.29;
    text-align: center;
}
#main .linkListSec {
	margin-bottom: 177px;
}
#main .linkListSec .comLinkList li {
	border-top: none;
}
#main .linkListSec .comLinkList li a {
	min-height: 160px;
}
#main .linkListSec .comLinkList li a::after {
	right: 72px;
}

#main .linkSec.skill2 {
	margin-bottom: 0;
}
#main .linkSec.skill2 a {
	background: url("../img/sales/arrow03.png") no-repeat center bottom 35px / 8px auto;
}
#main .linkSec.skill2 a .photo {
	position: relative;
}
#main .linkSec.skill2 a .photo p.en {
	position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	color: #fff;
	font-size: 26px;
	width: 100%;
	margin-bottom: 0;
	line-height: 1;
}
#main .linkSec.skill2 .txt {
	padding: 36px 0 59px;
}
#main .linkSec.skill2 .name {
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.1em;
	margin-bottom: 11px;
}
#main .linkSec.skill2 .ja {
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
#main .linkSec.skill2 .txt .en {
	font-size: 10px;
	margin-bottom: 0;
	line-height: 1;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.skill .areaInner {
		padding: 66px 0 0;
	}
	.skill.skill3 .areaInner {
		padding: 0 0 155px;
	}
	.skill .next {
		bottom: -105px;
	}
	#main .skill h3 {
		margin-bottom: 57px;
		font-size: 18px;
	}
	#main .skill h3::after {
		bottom: -22px;
	}
	#main .skill .centerTxt {
		margin-bottom: 50px;
		font-size: 13px;
		line-height: 2;
		text-align: center;
		letter-spacing: -0.01em;
	}
	#main .linkSec.skill2 ul {
		display: flex;
	}
	#main .linkSec.skill2 li {
		width: 50%;
	}
	#main .linkSec.skill2 a {
		height: 100%;
		background: url("../img/sales/arrow03.png") no-repeat center bottom 19px / 6px auto;
	}
	#main .linkSec.skill2 a .photo p.en {
		font-size: 22px;
	}
	#main .linkSec.skill2 .txt {
		padding: 11px 0 36px;
	}
	#main .linkSec.skill2 .name {
		font-size: 15px;
		line-height: 1.5;
		margin-bottom: 5px;
	}
	#main .linkSec.skill2 .ja {
		font-size: 15px;
	}
	#main .linkListSec {
		margin-bottom: 82px;
	}
	#main .linkListSec .comLinkList li.areaLi {
		border-top: 1px solid #fff;
	}
	#main .linkListSec .comLinkList li a {
		min-height: 107px;
	}
	#main .linkListSec .comLinkList li a::after {
		right: 36px;
	}
}
/*------------------------------------------------------------
	speedy
------------------------------------------------------------*/
#main .speedy .next {
	bottom: -196px;
}
#main .speedy .areaInner {
	padding: 99px 0 265px;
}
#main .speedy .headLine01 {
    margin-bottom: 91px;
}
#main .speedy h3 {
    margin-bottom: 54px;
    position: relative;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-align: center;
}
#main .speedy h3::after {
    width: 30px;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: -26px;
    transform: translateX(-50%);
    background-color: #707070;
    content: '';
}
#main .speedy .centerTxt {
    margin-bottom: 48px;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 2.29;
    text-align: center;
}
#main .speedy .textImg {
    margin: 0 auto;
	width: 700px;
}
@media all and (min-width: 0) and (max-width: 767px) {
	#main .speedy .next {
		bottom: -105px;
	}
	#main .speedy .areaInner {
		padding: 68px 0 155px;
	}
	#main .speedy .headLine01 {
		margin-bottom: 61px;
	}
	#main .speedy h3 {
		margin-bottom: 57px;
		font-size: 18px;
	}
	#main .speedy h3::after {
		bottom: -22px;
	}
	#main .speedy .centerTxt {
		margin-bottom: 40px;
		font-size: 13px;
		line-height: 2;
		text-align: left;
	}
	#main .speedy .textImg {
		margin: 0 auto;
		max-width: 100%;
	}
}
/*------------------------------------------------------------
	flow
------------------------------------------------------------*/
#main .flow {
	padding-bottom: 180px;
	background-color: #F8F9FB;
}
.flow .photo {
	margin-bottom: 173px;
	position: relative;
}
.flow .photo .bg {
	height: 768px;
	background: url(../img/sales/flow_photo01.jpg) fixed;
	background-size: cover;
}
.flow .photo p {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	line-height: 2.27;
	letter-spacing: 0.18em;
	color: #fff;
}
.flow .content {
	display: flex;
	justify-content: center;
}
.flow h2 {
	margin-right: 100px;
	writing-mode: tb-rl;
	width: 1em;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: 0.4em;
}
.flow h2 span {
	font-size: 12px;
	letter-spacing: 0.1em;
	font-weight: normal;
}
.flow .rBox > p {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 54px;
	letter-spacing: 0.1em;
}
.flow .rBox li {
	margin-bottom: 67px;
	display: flex;
	position: relative;
}
.flow .rBox li:after {
	position: absolute;
	top: 100%;
	left: 25px;
	width: 7px;
	height: 56px;
	background: url(../img/sales/flow_arrow.png) no-repeat center / 7px auto;
	content: "";
}
.flow .rBox li:last-child {
	margin-bottom: 0;
}
.flow .rBox li:last-child:after {
	display: none;
}
.flow .rBox .step {
	font-size: 18px;
	font-style: italic;
	line-height: 44px;
	color: #606e7c;
	margin-right: 57px;
}
.flow .rBox .step img {
	height: 37px;
}
.flow .rBox li:last-child .step {
	color: #7c5e0c;
}
.flow .rBox .step .num {
	font-size: 30px;
}
.flow .rBox .txt {
	font-size: 26px;
	line-height: 2.04;
	letter-spacing: 0.1em;
}
.flow .rBox li:last-child .txt {
	color: #7c5e0c;
}
@media all and (min-width: 0) and (max-width: 767px) {
	#main .flow {
		padding-bottom: 80px;
	}
	.flow .photo {
		margin-bottom: 74px;
	}
	.flow .photo .bg {
		height: 667px;
		background-image: url(../img/sales/sp_flow_photo01.jpg);
	}
	.flow .photo p {
		font-size: 20px;
		line-height: 2.2;
		letter-spacing: 0.1em;
	}
	.flow .content {
		display: flex;
		justify-content: center;
	}
	.flow h2 {
		margin-right: 30px;
		font-size: 26px;
	}
	.flow h2 span {
		font-size: 11px;
	}
	.flow .rBox > p {
		font-size: 13px;
		line-height: 2;
		margin-bottom: 31px;
	}
	.flow .rBox li {
		margin-bottom: 30px;
		align-items: center;
	}
	.flow .rBox li:after {
		top: 100%;
		left: 25px;
		width: 6px;
		height: 25px;
		background: url(../img/sales/flow_arrow.png) no-repeat bottom center / 6px auto;
		content: "";
	}
	.flow .rBox li:last-child {
		margin-bottom: 0;
	}
	.flow .rBox .step {
		font-size: 12px;
		margin-right: 12px;
		line-height: 32px;
	}
	.flow .rBox .step img {
		height: 32px;
	}
	.flow .rBox .step .num {
		font-size: 24px;
	}
	.flow .rBox .txt {
		font-size: 18px;
		line-height: 1.33;
		letter-spacing: 0.1em;
	}
	.flow .rBox li:last-child .txt {
		font-size: 22px;
	}
}
/*------------------------------------------------------------
	linkSec
------------------------------------------------------------*/
.linkSec {
	margin-bottom: 150px;
}
.linkSec ul {
	display: flex;
	flex-wrap: wrap;
}
.linkSec li {
	width: calc(100% / 3);
}
.linkSec a {
	display: block;
	text-align: center;
}
.linkSec .photo img {
	width: calc(100% - 2px);
}
.linkSec a .photo {
	transition: .6s;
}
.linkSec a:hover .photo {
	opacity: 0.8;
}
.linkSec .txt {
	padding: 46px 0 58px;
	border: 1px solid #e5e5e5;
	border-top: none;
}
.linkSec li:not(:last-of-type) .txt {
	border-right: none;
}
.linkSec .en {
	margin-bottom: 24px;
	font-size: 34px;
	font-weight: 400;
	font-family: 'Marcellus', serif;
	letter-spacing: 0.06em;
	line-height: 36px;
}
.linkSec .ja {
	font-size: 12px;
	line-height: 1.67;
	letter-spacing: 0.1em;
}
@media all and (min-width: 0) and (max-width: 767px) {
	.linkSec {
		margin-bottom: 100px;
	}
	.linkSec ul {
		display: block;
		border-bottom: 1px solid #e5e5e5;
	}
	.linkSec li {
		width: 100%;
	}
	.linkSec .photo img {
		width: calc(100% - 1px);
	}
	.linkSec a:hover .photo {
		opacity: 1;
	}
	.linkSec .txt {
		padding: 22px 0 43px;
		/* border: none; */
	}
	.linkSec .en {
		margin-bottom: 11px;
		font-size: 28px;
	}
}
/*------------------------------------------------------------
	gFooter
------------------------------------------------------------*/
#gFooter {
	padding: 0;
	background-color: #000;
}
#gFooter .inner {
	padding: 96px 0 100px;
	color: #fff;
}
#gFooter .title {
	margin-bottom: 40px;
	font-family: 'Marcellus', serif;
	text-align: center;
	font-size: 40px;
	line-height: 1;
    letter-spacing: 3px;
}
#gFooter .btn {
	margin-bottom: 47px;
	text-align: center;
}
#gFooter .btn a {
	display: inline-block;
	transition: color 1s ease;
	vertical-align: top;
	overflow: hidden;
}
#gFooter .sectionMore {
	color: #fff;
	font-weight: 400;
	letter-spacing: 0.15em;
	border-color: #fff;
	background-color: #000;
	font-family: 'Marcellus', serif;
}
#gFooter .sectionMore .icon {
	margin-left: 7px;
	width: 13px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
#gFooter .sectionMore .icon .pic02 {
	display: none;
}
#gFooter .sectionMore::before,#gFooter .sectionMore::after {
	width: 4px;
	background-color: #000;
}
#gFooter .sectionMore::before {
	left: -2px;
}
#gFooter .sectionMore::after {
	right: -2px;
}
#gFooter .info {
	display: flex;
	justify-content: center;
}
#gFooter .info li {
	margin: 0 21px;
	color: #fff;
	font-size: 13px;
	line-height: 1.84;
	letter-spacing: 0.1em;
}
#gFooter .info li a {
	display: block;
	color: #fff;
	transition: 1s;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "メイリオ", sans-serif;
}
#gFooter .info li a span {
	text-decoration: underline;
}
#gFooter .copyright {
	padding: 30px 0;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0.14em;
	background-color: #fff;
	font-family: 'Marcellus', serif;
}
#gFooter .fixedTxt {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #000;
	display: none;
}
#gFooter .fixedTxt .inner {
	margin: 0 auto;
	max-width: 904px;
	width: auto;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#gFooter .fixedTxt .inner p {
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.05em;
}
#gFooter .fixedTxt .inner .btn {
	margin: 0;
}
#gFooter .fixedTxt .inner .btn span {
	padding: 14px 4px 14px 24px;
	width: 240px;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.14em;
}
#gFooter .fixedTxt .inner .btn .icon {
	margin-left: 7px;
	padding: 0;
	width: 13px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
#gFooter .fixedTxt .inner .btn .icon .pic02 {
	display: none;
}
#gFooter .pageTop {
    bottom: 27px;
}
@media all and (min-width: 768px) {
	#gFooter a:hover .sectionMore {
		background-color: #fff;
		color: #000;
	}
	#gFooter a:hover .sectionMore::before,#gFooter a:hover .sectionMore::after {
		background-color: #fff;
	}
	#gFooter .info li a:hover {
		opacity: 0.7;
	}
	.pageTitle .scroll a:hover {
		opacity: 0.7;
	}
	
	#gFooter a:hover .sectionMore::before,#gFooter a:hover .sectionMore::after {
		width: 1px;
	}
	#gFooter a:hover .sectionMore::before {
		left: -1px;
	}
	#gFooter a:hover .sectionMore::after {
		right: -1px;
	}
	#gFooter a:hover .sectionMore .icon .pic02 {
		display: block;
		margin-top: -2px;
	}
	#gFooter a:hover .sectionMore .icon .pic01 {
		display: none;
	}
	#gFooter .fixedTxt .inner .btn a:hover .icon .pic02 {
		display: block;
		margin-top: -4px;
	}
	#gFooter .fixedTxt .inner .btn a:hover .icon .pic01 {
		display: none;
	}
}
@media all and (min-width: 0) and (max-width: 767px) {
	.comImgBoxR01:last-child {
		margin-bottom: 50px;
	}
	#gFooter .inner {
		padding: 66px 0 79px;
	}
	#gFooter .title {
		margin-bottom: 30px;
		font-size: 34px;
	}
	#gFooter .btn {
		margin-bottom: 37px;
	}
	#gFooter .sectionMore {
		padding: 12px;
		width: 200px;
		height: 48px;
		box-sizing: border-box;
		font-size: 13px;
	}
	#gFooter .sectionMore::before,#gFooter .sectionMore::after {
		background-color: #000;
	}
	#gFooter .info {
		display: block;
	}
	#gFooter .info li {
		margin: 0 0 16px;
		text-align: center;
		line-height: 1.3;
	}
	#gFooter .info li:last-child {
		margin-bottom: 0;
	}
	#gFooter .copyright {
		padding: 20px 37px 20px 25px;
		font-size: 9px;
		letter-spacing: 0.04em;
		text-align: left;
	}
	#gFooter .fixedTxt .inner {
		margin: 0 8px;
	}
	#gFooter .fixedTxt .inner .btn {
		margin: 0 7px;
		width: calc(33.33% - 14px);
	}
	#gFooter .btn a {
		display: block;
	}
	#gFooter .fixedTxt .inner .btn span {
		padding: 5px;
		width: 100%;
		min-width: inherit;
		font-size: 12px;
		line-height: 1.25;
		background-image: none;
		height: 44px;
		display: flex;
		justify-content: center;
		align-items: center;
        letter-spacing: 1px;
	}
	#gFooter .fixedTxt .inner .btn01 span  {
		font-size: 13px;
		letter-spacing: 1px;
	}
	#gFooter .fixedTxt .inner .tel span {
		letter-spacing: 0.12em;
	}
	#gFooter .fixedTxt .inner .btn span .sp {
		display: inline-block !important;
	}
	#gFooter .fixedTxt .inner .btn .icon {
		display: none;
	}
	#gFooter .pageTop {
		right: 20px;
        bottom: 19px;
	}
}
#main .business > .photo:first-child {
	background-image: url(../img/sales/business_photo01.jpg);
}
#main .promotion > .photo:first-child {
	background-image: url(../img/sales/promotion_photo01.jpg);
}
#main .skill > .photo:first-child {
	background-image: url(../img/sales/skill_photo01.jpg);
}
#main .speedy > .photo:first-child {
	background-image: url(../img/sales/speedy_photo01.jpg);
}
@media all and (min-width: 0) and (max-width: 767px) {
	#main .business > .photo:first-child {
		background-image: url(../img/sales/sp_business_photo01.jpg);
	}
	#main .promotion > .photo:first-child {
		background-image: url(../img/sales/sp_promotion_photo01.jpg);
	}
	#main .skill > .photo:first-child {
		background-image: url(../img/sales/sp_skill_photo01.jpg);
	}
	#main .speedy > .photo:first-child {
		background-image: url(../img/sales/sp_speedy_photo01.jpg);
	}
}
@media all and (min-width: 0) and (max-width: 374px) {
	#gFooter .fixedTxt .inner .btn span {
		font-size: 10px;
		min-width: auto;
	}
}
.popBox {
	display: none;
	padding: 0 !important;
}
.popBox button {
	display: none;
}
.popBox .inner {
	padding: 80px 20px 77px;
	margin: 0 auto;
	width: 900px;
	background-color: #fff;
	z-index: 2;
	position: relative;
	box-sizing: border-box;
}
.popBox .inner:before {
	position: absolute;
	left: 10px;
	top: 10px;
	bottom: 10px;
	right: 10px;
	border: 1px solid #000;
	z-index: -1;
	content: "";
}
.popBox .inner .close {
	position: absolute;
	right: 30px;
	top: 30px;
}
.popBox .inner h2 {
	margin-bottom: 60px;
	text-align: center;
	font-size: 28px;
}
.popBox .inner h2 span {
	padding: 0 5px 5px;
	font-weight: 600;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #000;
	display: inline-block;
}
.popBox .inner p {
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 2.13;
	letter-spacing: 0.03em;
}
.popBox .inner .btmTXt {
	margin: 66px 0 8px;
	font-size: 12px;
	line-height: 1.33;
}
.popBox .inner .name {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.36;
}
@media all and (min-width: 0) and (max-width: 767px) {
	.popBox .inner {
		padding: 60px 23px 52px;
		width: calc(100vw - 40px);
	}
	.popBox .inner:before {
		left: 5px;
		top: 5px;
		bottom: 5px;
		right: 5px;
	}
	.popBox .inner .close {
		right: 25px;
		top: 25px;
	}
	.popBox .inner .close svg {
		width: 10px;
		height: 10px;
	}
	.popBox .inner h2 {
		margin-bottom: 45px;
		font-size: 22px;
	}
	.popBox .inner p {
		text-align: left;
		font-size: 14px;
		line-height: 1.71;
	}
	.popBox .inner .btmTXt {
		margin: 38px 0 4px;
		font-size: 11px;
		text-align: center;
	}
	.popBox .inner .name {
		font-size: 20px;
		text-align: center;
	}
}
@media all and (min-width: 0) and (max-width: 374px) {
	.flow .rBox .txt {
		font-size: 17px;
	}
	.flow .rBox li:last-child .txt {
		font-size: 19px;
	}
	.popBox .inner h2 span {
		font-size: 20px;
		letter-spacing: 0;
	}
}
.pageTitle {
	overflow: hidden;
}
.pageTitle .photo img {
	transition: transform 10s;
	display: block;
	transform: scale(1);
}
.pageTitle.inView .photo img {
	transform: scale(1.2);
}
#main .area.fixed .text {
	position: fixed;
}
.pageTop a:hover {
	opacity: 0.8;
}
.next {
	transform: translate(-50%,50px);
}
.next.animated {
	transform: translate(-50%,0);
}
.pageTitle .textImg {
	opacity: 0;
	transition: 0.8s;
	transition-delay: 0.5s;
}
.pageTitle.inView .textImg {
	opacity: 1;
}
.flow .photo {
	background: none !important;
}
.flow .photo .bg {
	opacity: 0;
	transition: .8s;
}
.flow .photo p {
	opacity: 0;
	transition: .8s;
	transition-delay: 0.5s;
}
.flow .photo.animated .bg {
	opacity: 1;
}
.flow .photo.animated p {
	opacity: 1;
}
@media all and (min-width: 768px) and (max-width: 1150px) {
	.linkSec .ja {
		letter-spacing: 0;
	}
}
@media all and (min-width: 768px) {
	.pageTitle .photo {
		position: relative;
	}
	.pageTitle .photo img {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		min-width: 100%;
		min-height: 100%;
		object-fit: cover;
	}
	.pageTitle.inView .photo img {
		transform: scale(1.2);
	}
}
#main .area .text {
	position: fixed;
	display: none;
}
#gFooter .inner {
	width: auto;
}
#main .areaInner {
	background-color: #fff;
}
#main .area{
	padding-top: 1px;
}
#main .area > .photo:first-child.fixed {
	opacity: 1;
}
#main .area > .photo:first-child + .areaInner {
	margin-top: 560px;
}
#main .area > .photo:first-child {
	position: fixed;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-attachment: inherit;
	background-position: top center;
	opacity: 0;
}
.flow .photo p {
	transition-delay: 1.5s;
}
#main .next {
	bottom: 70px !important
}
@media all and (max-width: 767px) {
	#main .area > .photo:first-child + .areaInner {
		margin-top: 450px;
	}
	#main .next {
		bottom: 50px !important
	}
	.pageTitle.inView .photo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}
#gFooter.height .pageTop {
	bottom: 100px;
}
@media all and (min-width: 0) and (max-width: 767px) {
	#gFooter.height .pageTop {
		bottom: 85px;
	}
}
@media all and (-ms-high-contrast:none) {
	#gFooter a:hover .sectionMore .icon .pic02 {
		margin-top: -4px;
	}
}