@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@font-face {
	font-family: "MazdaTypeRegular";
	src: local('MazdaType-Regular'), local('MazdaType-Regular'),
	url(fonts/MazdaType-Regular.woff2) format("woff2"),
	url(fonts/MazdaType-Regular.woff) format("woff"),
	url(fonts/MazdaType-Regular.otf) format("opentype");
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}
.wp-block-image figure,
.wp-block-image figcaption {
	display: block;
}
a.nolink,
a.nolink:hover {
	opacity: 1;
	cursor: default;
	pointer-events: none;
}
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}
html {
	font-size: 62.5%;
}
body, table, input, textarea, select, option {
	font-family: MazdaTypeRegular,Noto Sans CJK JP,Hiragino Kaku Gothic ProN,HiraKakuProN-W3,Meiryo,Yu Gothic Medium,sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
a,
a:link {
	color: #121212;
	text-decoration: none;
	transition: all 0.3s;
}
a:visited {
	color: #121212;
}
a:hover {
	color: #121212;
}
a:active {
	color: #121212;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #121212;
	font-size: 1.4rem;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #F5F5F5;
}
#container {
	padding-top: 105px;
	text-align: left;
	overflow: hidden;
}
#main {
	margin-bottom: 150px;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (max-width: 1000px) {
	#container {
		padding-top: 60px;
	}
}
@media all and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}
@media all and (min-width: 1001px) {
	.sp02 {
		display: none !important;
	}
}
@media all and (max-width: 767px) {
	body {
		min-width: inherit;
		font-size: 1.1rem;
	}
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
	#main {
		margin-bottom: 50px;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	width: 100%;
	padding: 28px 15px 12px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	z-index: 99999;
}
.headBox {
	position: relative;
	z-index: 1000;
}
.headBox .hBox {
	margin: 0 auto;
	max-width: 1360px;
	display: flex;
	justify-content: space-between;
}
.headBox .logo {
	margin-right: 34px;
	width: 166px;
}
.headBox .rightBox {
	margin-top: -5px;
	flex: 1;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.headBox .naviUl {
	margin-top: 20px;
	display: flex;
	flex: 1;
	letter-spacing: 1px;
}
.headBox .naviUl li {
	margin-right: 36px;
}
.headBox .naviUl li:nth-child(2) {
	padding-right: 40px;
	position: relative;
}
.headBox .naviUl li:nth-child(2)::after {
	width: 2px;
	height: 20px;
	position: absolute;
	top: 1px;
	right: 2px;
	background-color: #d9d9d9;
	content: "";
}
.headBox .naviUl li:last-child {
	margin-right: 0;
}
.headBox .naviUl img {
	margin: -4px 6px 0 0;
}
.headBox .naviUl a {
	display: block;
	position: relative;
}
.headBox .naviUl a::after {
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -21px;
	left: 0;
	background-color: #121212;
	content: "";
	opacity: 0;
	transition: all 0.3s;
}
.headBox .innerBox {
	width: 375px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.headBox .variousBox {
	margin-right: 5px;
	padding-bottom: 10px;
	width: 180px;
	position: relative;
}
.headBox .variousBox .btn a {
	padding: 19px 20px 10px;
	height: 60px;
	display: block;
	border: 1px solid #b3b3b3;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	letter-spacing: 1px;
	box-sizing: border-box;
}
.headBox .variousBox .btn a::after {
	width: 10px;
	height: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 14px;
	background: url(img/common/icon09.png) no-repeat left top;
	background-size: 10px auto;
	content: "";
}
.headBox .variousBox .btn a.on::after {
	background-image: url(img/common/icon18.png);
}
.headBox .variousBox .dropBox {
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
}
.headBox .hLinkUl {
	flex: 1;
	display: flex;
	font-size: 0.9rem;
}
.headBox .hLinkUl li {
	margin-right: 5px;
	width: 60px;
	text-align: center;
	position: relative;
}
.headBox .hLinkUl li:first-child > a span {
	letter-spacing: -2px;
}
.headBox .hLinkUl li:last-child {
	margin-right: 0;
}
.headBox .hLinkUl li > a {
	padding: 10px 2px 2px;
	height: 60px;
	display: block;
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
	transition: all 0s;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
.headBox .hLinkUl li > a span {
	margin-top: 4px;
	display: block;
}
.headBox .hLinkUl li.calendar > a {
	color: #fff;
	background-color: #121212;
	transition: all 0.3s;
}
.headBox .hLinkUl li.calendar > a .open {
	position: relative;
}
.headBox .hLinkUl li.calendar > a .open .black {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 1;
	transition: opacity 0.3s;
	opacity: 0;
}
.headBox .hLinkUl .calendar .off {
	position: relative;
	display: none;
}
.headBox .hLinkUl .calendar .on .open {
	display: none;
}
.headBox .hLinkUl .calendar .on .off {
	display: block;
}
.headBox .hLinkUl .calendar .on .off .black {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 1;
	opacity: 0;
}
.headBox .calendarBox {
	position: absolute;
	top: calc(100% + 15px);
	right: 0;
	display: none;
}
.headBox .icon {
	display: inline-block;
	vertical-align: middle;
}
.headBox .over,
.headBox .over02 {
	display: none;
	vertical-align: middle;
}
/* headBox show */
.headBox.show {
	background-color: transparent !important;
}
.headBox.show a {
	color: #fff;
}
.headBox.show .icon {
	display: none;
}
.headBox.show .over {
	display: inline-block;
}
.headBox.show .hLinkUl li.calendar > a {
	background-color: #FFF;
	color: #121212;
}
.headBox.show .hLinkUl li.calendar > a .open .black,
.headBox.show .hLinkUl .calendar .on .off .black {
	opacity: 1;
}
.headBox.show .naviUl a::after {
	background-color: #fff;
}
.headBox.show .naviUl li:nth-child(2)::after {
	background-color: #b3b3b3;
}
.headBox.show .variousBox .btn a::after {
	background-image: url(img/common/icon09_over.png);
}
.headBox.show .variousBox .btn a.on::after {
	background-image: url(img/common/icon09_over02.png);
}
.headBox.show .hLinkUl li > a {
	background-color: transparent;
	border-color: #b3b3b3;
}
.headBox.show .variousBox .variousUl a {
	color: #121212;
}
@media all and (min-width: 1001px) and (max-width: 1200px) {
	.headBox .logo {
		margin-right: 15px;
		width: 140px;
	}
	.headBox .naviUl {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	.headBox .variousBox {
		width: 140px;
	}
	.headBox .variousBox .btn a {
		padding: 19px 10px 10px;
		height: 54px;
		font-size: 1.2rem;
	}
	.headBox .variousBox .btn a::after {
		right: 10px;
	}
	.headBox .naviUl li {
		margin-right: 14px;
	}
	.headBox .innerBox {
		width: 335px;
	}
	.headBox .naviUl img {
		display: none;
	}
	.headBox .naviUl li:nth-child(2) {
		padding-right: 20px;
	}
	.headBox .hLinkUl li > a {
		padding: 6px 2px 2px;
		height: 54px;
	}
	.headBox .hLinkUl img {
		width: 23px;
	}
	.headBox .naviUl li:nth-child(2)::after {
		top: -1px;
	}
}
@media all and (min-width: 1101px) and (max-width: 1200px) {
	.headBox .naviUl {
		font-size: 1.3rem;
	}
	.headBox .naviUl li {
		margin-right: 21px;
	}
	.headBox .logo {
		margin-right: 27px;
	}
}
@media all and (min-width: 1201px) and (max-width: 1360px) {
	.headBox .naviUl {
		font-size: 1.3rem;
	}
	.headBox .naviUl li {
		margin-right: 15px;
	}
	.headBox .logo {
		margin-right: 15px;
		width: 140px;
	}
	.headBox .naviUl li:nth-child(2) {
		padding-right: 27px;
	}
}
@media all and (min-width: 768px) {
	.headBox .naviUl a:hover::after {
		opacity: 1;
	}
	.headBox .hLinkUl li > a:hover {
		color: #fff;
		background-color: #b3b3b3;
	}
	.headBox .hLinkUl a:hover .icon {
		display: none;
	}
	.headBox .hLinkUl a:hover .over02 {
		display: inline-block;
	}
	.headBox .hLinkUl li.calendar > a:hover {
		opacity: 0.7;
		background-color: #121212;
	}
	.headBox .variousBox .btn a:hover {
		opacity: 0.7;
	}
	.headBox.show .hLinkUl li > a:hover {
		opacity: 0.7;
		background-color: #FFF;
	}
	.headBox.show .hLinkUl a:hover .over02 {
		display: none;
	}
}
@media all and (max-width: 1000px) {
	#gHeader {
		padding: 14px 20px 12px;
	}
	.headBox .hBox {
		display: block;
	}
	.headBox .rightBox {
		display: none;
	}
	.headBox .logo {
		width: 100px;
	}
}

.variousUl {
	padding: 5px;
	display: flex;
	justify-content: flex-end;
	border-radius: 4px;
	background-color: #fff;
}
.variousUl li {
	margin-left: 2px;
	width: 105px;
}
.variousUl li:first-child {
	margin-left: 0;
}
.variousUl a {
	padding: 15px 5px 10px;
	font-size: 1.1rem;
	display: block;
	border-radius: 4px;
	letter-spacing: 0.09rem;
	background-color: #ebebeb;
	text-align: center;
}
.variousUl .image {
	margin-bottom: 8px;
}
.variousUl .txt {
	display: inline-block;
}
@media all and (min-width: 768px) {
	.variousUl a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 1000px) {
	.variousUl {
		padding: 0 5px 5px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.variousUl li {
		margin: 5px 0 0 0;
		width: calc(50% - 2.5px);
	}
	.variousUl .image {
		margin: 0 5px 0 0;
		width: 40px;
		display: inline-block;
		vertical-align: middle;
	}
	.variousUl .image img {
		width: 100% !important;
	}
	.variousUl .txt {
		margin-top: -1px !important;
		vertical-align: middle;
	}
	.variousUl a {
		font-size: 1.3rem;
		padding: 12px 10px 13px;
		text-align: left;
	}
}
@media all and (max-width: 374px) {
	.variousUl a {
		padding: 12px 3px 13px 10px;
		font-size: 1.1rem;
	}
	.variousUl .image {
		width: 34px;
	}
}

/* calendarBox */
.calendarBox {
	width: 410px;
	padding: 12px 11px 15px;
	color: #fff;
	font-size: 1rem;
	background-color: #121212;
	box-sizing: border-box;
	border-radius: 4px;
}
.calendarBox .title {
	margin-bottom: 11px;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}
.calendarBox .title img {
	margin: -5px 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.calendarBox .txtBox {
	margin: 6px 3px 0;
	text-align: left;
	line-height: 1.4;
}
.calendarBox .txt {
	margin-bottom: 6px;
	text-align: left;
}
.calendarBox .txt02 {
	margin-bottom: 3px;
}
.calendarBox .txt .col {
	margin-top: -1px;
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	background-color: #d0d0d0;
}
.calendarBox .txt02 .col {
	background-color: #a98852;
}
.calendarBox .dots {
	margin: -6px 4px 0 5px;
	display: inline-block;
	vertical-align: middle;
}
/* ui */
.ui-widget-content {
	width: 100% !important;
	border: none !important;
	background-color: transparent !important;
}
.ui-widget-header {
	padding: 3px 0 0 !important;
	border: 1px solid #b2b2b2 !important;
	color: #fff !important;
	font-size: 1.2rem;
	border-radius: 0 !important;
	background-color: transparent !important;
	font-family: MazdaTypeRegular,Noto Sans CJK JP,Hiragino Kaku Gothic ProN,HiraKakuProN-W3,Meiryo,Yu Gothic Medium,sans-serif;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	display: none;
}
.ui-datepicker th {
	color: #fff;
	padding: 11px 2px 5px !important;
}
.ui-datepicker td span, .ui-datepicker td a {
	text-align: center;
}
.ui-datepicker-group-last {
	float: right !important;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 47.8% !important;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: 1 !important;
	filter: Alpha(Opacity=100);
	background-color: #282828 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
	color: #fff;
	border: none !important;
	background-color: transparent !important;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 100%;
}
.ui-datepicker td span, .ui-datepicker td a {
	padding: 5px 0 4px;
}
.ui-datepicker-calendar thead th:last-child,
.ui-datepicker-calendar tbody tr td:last-child a,
.ui-datepicker-calendar tbody tr td:last-child span {
	color: #269ad6 !important;
}
.ui-datepicker-calendar thead th:first-child,
.ui-datepicker-calendar tbody tr td:first-child a,
.ui-datepicker-calendar tbody tr td:first-child span {
	color: #e13737 !important;
}
.ui-datepicker-calendar {
	margin-bottom: 0 !important;
	border-spacing: 2px;
	border-collapse: inherit !important;
}
#container .ui-datepicker td.blue a,
#container .ui-datepicker td.blue span {
    background-color: #D0D0D0 !important;
    color: #282828;
}
#container .ui-datepicker td.yellow a,
#container .ui-datepicker td.yellow span {
    background-color: #A98852 !important;
    color: #FFF;
}
/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {
	width: 26.66%;
	max-width: 320px;
}
@media all and (max-width: 767px) {
	#sideBar {
		margin-bottom: 20px;
		width: auto;
		max-width: inherit;
	}
}
/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {
	margin-bottom: 50px;
	max-width: 820px;
	width: 68.33%;
	order: 3;
}
@media all and (max-width: 767px) {
	#conts {
		width: auto;
		max-width: inherit;
	}
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 90px 20px 18px;
	color: #fff;
	background: url(img/common/footer_bg.jpg) no-repeat center top;
	background-size: cover;
}
#gFooter a {
	color: #fff;
}
#gFooter .fBox {
	margin: 0 auto;
	max-width: 1050px;
}
#gFooter .flexBox {
	display: flex;
	justify-content: space-between;
}
#gFooter .flexBox > div {
	width: 48%;
}
#gFooter .flexBox .rightBox {
	margin-top: 31px;
	width: 43.8%;
}
#gFooter .fLogo {
	margin-bottom: 64px;
}
#gFooter .addressTxt {
	margin-bottom: 11px;
	line-height: 1.7;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
}
#gFooter .telBtn {
	margin-bottom: 54px;
}
#gFooter .telBtn a {
	padding: 9px 8px 7px;
	width: 200px;
	font-size: 1.9rem;
	box-sizing: border-box;
	border: 1px solid #767676;
	box-sizing: border-box;
	text-align: center;
	display: block;
	letter-spacing: 0.07em;
}
#gFooter .telBtn span {
	padding-left: 28px;
	display: inline-block;
	position: relative;
}
#gFooter .telBtn span::before {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 6px;
	left: 0;
	background: url(img/common/icon08.png) no-repeat left top;
	background-size: 16px auto;
	content: "";
}
#gFooter .headLine01 {
	font-size: 2.1rem;
	text-align: left;
	font-weight: normal;
}
#gFooter .headLine01 .en {
	margin-left: 12px;
	font-size: 1.5rem;
	display: inline-block;
}
#gFooter .calendarBox {
	padding: 0;
	width: auto;
	font-size: 1.2rem;
	background-color: transparent;
}
#gFooter .ui-widget-header {
	font-size: 1.4rem !important;
	font-weight: normal !important;
}
#gFooter .ui-datepicker table {
	font-size: 1.4rem;
}
#gFooter .ui-datepicker th {
	font-size: 1.2rem;
	font-weight: normal !important;
}
#gFooter .ui-datepicker td span,
#gFooter .ui-datepicker td a {
	padding: 3px 0 4px;
}
#gFooter .calendarBox .txtBox {
	margin: 47px 3px 0;
}
#gFooter .calendarBox .txt .col {
	width: 13px;
	height: 13px;
}
#gFooter .calendarBox .txt {
	margin-bottom: 10px;
}
#gFooter .calendarBox .txt02 {
	margin-bottom: 5px;
}
#gFooter .btmBox {
	margin: 38px 0 56px;
	display: flex;
	justify-content: space-between;
}
#gFooter .btmBox .leftBox {
	width: 32.5%;
}
#gFooter .btmBox .rightBox {
	width: 65.8%;
}
#gFooter .btmBox .textUl {
	padding: 10px 5px 10px;
	border: 1px solid #767676;
	display: flex;
	font-size: 1.6rem;
	text-align: center;
	justify-content: center;
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
#gFooter .btmBox .textUl li {
	margin-right: 37px;
	position: relative;
}
#gFooter .btmBox .textUl li::after {
	width: 1px;
	height: 23px;
	position: absolute;
	top: 1px;
	right: -18px;
	background-color: #767676;
	content: "";
}
#gFooter .btmBox .textUl li:last-child {
	margin-right: 0;
}
#gFooter .btmBox .textUl li:last-child::after {
	display: none;
}
#gFooter .btmBox .textUl span {
	margin-left: 3px;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	display: inline-block;
}
#gFooter .btmBox .textUl .tel {
	padding-left: 17px;
	font-size: 1.9rem;
	line-height: 1;
	position: relative;
}
#gFooter .btmBox .textUl .tel::after {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 3px;
	left: -8px;
	background: url(img/common/icon08.png) no-repeat left top;
	background-size: 16px auto;
	content: "";
}
#gFooter .btmBox .flex {
	margin-bottom: 7px;
	display: flex;
	justify-content: space-between;
}
#gFooter .btmBox .link img {
	margin: -2px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#gFooter .btmBox .link a {
	padding-right: 15px;
	font-size: 1.2rem;
	display: inline-block;
	border-bottom: 2px solid transparent;
	background: url(img/common/arrow_icon01.png) no-repeat right center;
	background-size: 12px auto;
}
#gFooter .copyright {
	color: #767676;
	font-size: 1.1rem;
	font-style: inherit;
	text-align: center;
	letter-spacing: 0.07em;
}
@media all and (min-width: 768px) and (max-width: 1050px) {
	#gFooter .btmBox .textUl span {
		margin: 0;
		font-size: 1.1rem;
		display: block;
	}
	#gFooter .btmBox .textUl .size {
		display: inline-block;
	}
	#gFooter .btmBox .flex {
		font-size: 1.2rem;
	}
	#gFooter .btmBox .rightBox {
		width: 60%;
	}
	#gFooter .btmBox .leftBox {
		width: 35.5%;
	}
	#gFooter .flexBox .rightBox {
		width: 48.8%;
	}
	#gFooter .btmBox .textUl {
		font-size: 1.5rem;
	}
	#gFooter .ui-datepicker table {
		font-size: 1.2rem;
	}
	#gFooter .fLogo img {
		width: 200px;
	}
}
@media all and (min-width: 768px) {
	#gFooter .btmBox .link a:hover {
		border-color: currentColor;
	}
}
@media all and (max-width: 1000px) {
	#gFooter {
		padding: 45px 50px 84px;
		background-image: url(img/common/sp_footer_bg.jpg);
	}
	#gFooter .pagetop {
		position: fixed;
		bottom: 70px;
		right: 15px;
		z-index: 1000;
	}
	#gFooter .flexBox {
		display: block;
	}
	#gFooter .flexBox > div {
		width: auto;
	}
	#gFooter .flexBox .rightBox {
		margin-top: 0;
		width: auto;
	}
	#gFooter .fLogo {
		margin-bottom: 34px;
		text-align: center;
	}
	#gFooter .fLogo img {
		width: 126px;
	}
	#gFooter .addressTxt {
		margin-bottom: 10px;
		text-align: center;
		font-size: 1.3rem;
		line-height: 1.55;
	}
	#gFooter .telBtn {
		margin-bottom: 40px;
	}
	#gFooter .telBtn a {
		margin: 0 auto;
		padding: 11px 8px 8px;
		width: 100%;
		max-width: 300px;
		font-size: 1.7rem;
	}
	#gFooter .telBtn span::before {
		width: 14px;
		height: 14px;
		background-size: 14px auto;
	}
	#gFooter .telBtn span {
		padding-left: 24px;
	}
	#gFooter .btmBox .leftBox,
	#gFooter .btmBox .rightBox {
		width: auto;
	}
	#gFooter .btmBox {
		display: block;
	}
	#gFooter .btmBox .textUl {
		padding: 0;
		display: block;
		border: none;
		font-size: 1.3rem;
	}
	#gFooter .btmBox .textUl li {
		margin: 0 0 10px;
		padding: 12px 5px 11px;
		border: 1px solid #767676;
	}
	#gFooter .btmBox .textUl li:last-child {
		margin-bottom: 0;
	}
	#gFooter .btmBox .rightBox .textUl li:last-child {
		padding: 8px 5px 6px;
		font-size: 1.2rem;
	}
	#gFooter .btmBox .rightBox .textUl li:last-child span {
		margin: 0;
		display: block;
	}
	#gFooter .btmBox .rightBox .textUl .size {
		display: inline-block !important;
	}
	#gFooter .btmBox .textUl li::after {
		display: none;
	}
	#gFooter .btmBox .textUl span {
		font-size: 0.9rem;
	}
	#gFooter .btmBox .textUl .tel {
		font-size: 1.8rem;
		letter-spacing: 0.03em;
	}
	#gFooter .btmBox .flex {
		margin-bottom: 5px;
		font-size: 1.1rem;
	}
	#gFooter .btmBox .link a {
		padding-left: 19px;
		font-size: 1rem;
	}
	#gFooter .btmBox .textUl .tel::after {
		width: 14px;
		height: 14px;
		left: -2px;
		top: 4px;
		background-size: 14px auto;
	}
	#gFooter .btmBox .leftBox {
		margin-bottom: 23px;
	}
	#gFooter .btmBox .link img {
		margin: -2px 11px 0 0;
	}
	#gFooter .copyright {
		margin: 0 -40px;
	}
}
@media all and (max-width: 374px) {
	#gFooter {
		padding: 45px 25px 84px;
	}
	#gFooter .copyright {
		margin: 0 -25px;
		font-size: 0.9rem;
	}
}

/*------------------------------------------------------------
	menuList
------------------------------------------------------------*/
.menuList dt {
	color: #767676;
	font-size: 1.5rem;
	float: left;
	letter-spacing: 0.05em;
}
.menuList dd {
	padding: 2px 0 11px 7.1em;
}
.menuList ul {
	margin-top: -8px;
	font-size: 1.2rem;
	letter-spacing: 0.03em;
}
.menuList ul li {
	margin: 8px 30px 0 0;
	display: inline-block;
	position: relative;
}
.menuList ul li:last-child {
	margin-right: 0;
}
.menuList ul li::after {
	width: 1px;
	height: 12px;
	position: absolute;
	top: 3px;
	right: -15px;
	background-color: #767676;
	content: "";
}
.menuList ul li:last-child::after {
	display: none;
}
.menuList ul img {
	margin-top: -3px;
	display: inline-block;
	vertical-align: middle;
}
.menuList .blankTxt span::after {
	width: 11px;
	background-size: 11px auto;
}
@media all and (min-width: 768px) and (max-width: 1050px) {
	.menuList dd {
		padding-left: 6.1em;
	}
	.menuList dt {
		font-size: 1.3rem;
	}
}
@media all and (min-width: 768px) {
	.menuList a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 1000px) {
	.menuList {
		border-bottom: 1px solid #767676;
	}
	.menuList dt {
		padding: 14px 33px 13px;
		color: #fff;
		float: none;
		border-top: 1px solid #767676;
		cursor: pointer;
		position: relative;
	}
	.menuList dt::before {
		margin-top: -5px;
		width: 9px;
		height: 9px;
		position: absolute;
		top: 50%;
		left: 10px;
		background: url(img/common/icon28.png) no-repeat left top;
		background-size: 9px auto;
		content: "";
	}
	.menuList dt.on::before {
		background-image: url(img/common/icon29.png);
	}
	.menuList dd {
		padding: 0 0 19px;
		display: none;
	}
	.menuList ul {
		margin-top: 0;
		padding: 10px 0;
		background-color: #282828;
	}
	.menuList ul li {
		margin: 0;
		display: block;
	}
	.menuList ul a {
		padding: 7px 20px 8px;
		display: block;
	}
	.menuList ul li::after {
		display: none;
	}
}

/*------------------------------------------------------------
	menuBox
------------------------------------------------------------*/
.menuBox {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99999;
	background-color: #fff;
}
.menuBox .naviUl {
	display: flex;
}
.menuBox .naviUl > li {
	width: 20%;
}
.menuBox .naviUl > li > a {
	padding: 10px 3px;
	display: block;
	font-size: 0.8rem;
	text-align: center;
	position: relative;
}
.menuBox .naviUl > li > a::after {
	margin-top: -10px;
	width: 1px;
	height: 17px;
	position: absolute;
	top: 50%;
	right: 0;
	background-color: #b3b3b3;
	content: "";
}
.menuBox .naviUl > li > a > .image > img {
	width: 25px;
}
.menuBox .naviUl .over {
	display: none;
}
.menuBox .naviUl .txt {
	margin-top: 3px;
}
.menuBox .calendarBtn a {
	color: #fff;
	background-color: #000;
}
.menuBox .calendarBtn a::after {
	display: none;
}
.menuBox .menu a::after {
	display: none;
}
.menuBox .newsBtn a::after {
	display: none;
}
.menuBox .openBox {
	width: 100%;
	position: absolute;
	bottom: 100%;
	left: 0;
	max-height: calc(100vh - 150px);
	background-color: #ffffff;
	overflow: auto;
	display: none;
}
.menuBox .menuList dt {
	color: #121212;
}
.menuBox .menuList {
	margin: 50px;
}
.menuBox .menuList ul {
	background-color: #f5f5f5;
}
.menuBox .menuList ul a {
	color: #767676;
}
.menuBox .menuList dt::before {
	background-image: url(img/common/icon19.png);
}
.menuBox .menuList dt.on::before {
	background-image: url(img/common/icon20.png);
}
.menuBox .calendarBox {
	padding: 40px 79px 38px;
	width: auto;
	box-sizing: border-box;
	border-radius: 0;
}
.menuBox .calendarBox .inner {
	margin: 0 auto;
	max-width: 500px;
}
.menuBox .calendarBox .carenderSlide {
	position: relative;
}
.menuBox .calendarBox .arrowUl li {
	position: absolute;
	bottom: 32px;
	left: -59px;
	cursor: pointer;
}
.menuBox .calendarBox .arrowUl .next {
	left: auto;
	right: -59px;
}
.menuBox .calendarBox .txt .col {
	width: 13px;
	height: 13px;
}
.menuBox .calendarBox .txt {
	font-size: 1.2rem;
}
.menuBox .calendarBox .txt02 {
	margin-bottom: 5px;
}
.menuBox .ui-datepicker table {
	font-size: 1.4rem;
}
.menuBox .ui-datepicker td {
	padding: 0;
}
.menuBox .calendarBox .txtBox {
	margin: 11px 0 0;
}
.menuBox .ui-datepicker {
	padding: 0;
}
.menuBox .ui-datepicker th {
	font-size: 1.2rem;
}
.menuBox .ui-widget-header {
	padding: 4px 0 4px !important;
}
.menuBox .naviUl .on .over {
	display: inline-block;
}
.menuBox .naviUl .on .icon {
	display: none;
}
@media all and (max-width: 374px) {
	.menuBox .calendarBox {
		padding: 40px 40px 38px;
	}
	.menuBox .calendarBox .arrowUl li {
		width: 20px;
		left: -32px;
	}
	.menuBox .calendarBox .arrowUl .next {
		right: -32px;
		left: auto;
	}
}


/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.blank {
	padding: 2px 13px 0 0;
	background: url(img/common/icon17.png) no-repeat right bottom 2px;
	background-size: 10px auto;
	line-height: 1;
}
@media all and (max-width: 767px) {
	.blank {
		padding: 2px 15px 0 0;
		background-size: 12px auto;
		background-position: right bottom 1px;
	}
}

/* topLink */
.topLink {
	position: relative;
	z-index: 100;
}
.topLink a {
	padding: 14px 0 13px 15px;
	color: #fff;
	display: block;
	font-size: 1.2rem;
	background-color: #961d3c;
	text-align: center;
	letter-spacing: 0.19rem;
}
.topLink span {
	padding-right: 19px;
	display: inline-block;
	background: url(img/common/arrow_icon01.png) no-repeat right center;
	background-size: 12px auto;
	transition: all 1s ease-in-out 2s;
}
@media all and (min-width: 768px) {
	.topLink a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	.topLink a {
		padding: 15px 0 14px 15px;
		font-size: 0.9rem;
	}
}
/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
	margin-bottom: 70px;
	padding: 12px 40px;
	background: #000;
}
#pagePath li {
	color: #767676;
	letter-spacing: 1.2px;
	display: inline-block;
}
#pagePath li:first-child {
	color: #FFF;
}
#pagePath li:not(:last-child)::after {
	margin: 0 4px 0 6px;
	color: #767676;
	display: inline-block;
	content: '＞';
}
#pagePath a {
	color: #FFF;
}
#pagePath a:hover {
	opacity: 0.7;
}
div#pagePath {
	display: flex;
	justify-content: space-between;
}
.anchorLink {
	text-align: right;
	flex: 1;
}
.anchorLink li {
	margin-left: 15px;
}
.anchorLink li::after {
	display: none !important;
}
.anchorLink a {
	padding-right: 15px;
	display: inline-block;
	font-size: 1.2rem;
	background: url(img/common/icon05.png) no-repeat right center;
	background-size: 11px auto;
}

@media all and (max-width: 767px) {
	#pagePath {
		padding: 10px;
	}
	div#pagePath {
		display: block;
	}
	.anchorLink a {
		padding-right: 10px;
		font-size: 1rem;
		background-size: 8px auto;
	}
	.anchorLink li {
		margin-left: 5px;
	}
}

.content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
@media all and (max-width: 767px) {
	.content {
		padding: 0 25px;
	}
}
@media all and (max-width: 374px) {
	.content {
		padding: 0 15px;
	}
}
/* headLine01 */
.headLine01 {
	margin-bottom: 25px;
	text-align: center;
	font-size: 3rem;
	font-weight: 500;
	letter-spacing: 0.075em;
}
.headLine01 .en {
	margin-top: 5px;
	display: block;
	color: #767676;
	font-size: 1.7rem;
	font-weight: normal;
	letter-spacing: 0.035em;
}
@media all and (max-width: 767px) {
	.headLine01 {
		margin-bottom: 14px;
		font-size: 1.6rem;
	}
	.headLine01 .en {
		margin-top: 1px;
		font-size: 1.1rem;
	}
}
.headLine02 {
	margin: 55px 0 73px;
	padding-bottom: 58px;
	font-size: 2.1rem;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.12em;
	border-bottom: 1px solid #c0c0c0;
}
.headLine02 small {
	margin-top: 3px;
	display: block;
	font-size: 1.4rem;
	letter-spacing: 0.06em;
}
@media all and (max-width: 767px) {
	.headLine02 {
		margin: 0 0 30px;
		padding-bottom: 30px;
		letter-spacing: 0;
	}
}
/* midTxt */
.midTxt {
	margin-bottom: 55px;
	text-align: center;
	letter-spacing: 0.075em;
}
/* photoLink */
.photoLink {
	margin: 0 -15px 120px;
	display: flex;
	flex-wrap: wrap;
}
.photoLink li {
	padding: 0 15px;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
}
.photoLink .img {
	margin-bottom: 10px;
	padding-bottom: calc(420/555*100%);
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.photoLink .txt {
	padding-bottom: 5px;
	display: inline-block;
	letter-spacing: 0.07em;
	border-bottom: 2px solid transparent;
}
.photoLink a {
	display: block;
}
.photoLink .on .txt {
	border-color: currentColor;
}
@media all and (min-width: 768px) {
	.photoLink a:hover .txt {
		border-color: currentColor;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	.photoLink li {
		padding: 0 7px;
	}
}
@media all and (max-width: 767px) {
	.photoLink {
		margin: -10px -3px 40px;
	}
	.photoLink li {
		margin-top: 10px;
		padding: 0 3px;
		width: 50%;
	}
	.photoLink .txt {
		letter-spacing: 0;
	}
}
@media all and (max-width: 374px) {
	.photoLink .txt {
		font-size: 1rem;
	}	
}
/* carList */
.carList {
	margin: -68px auto 0;
	max-width: 1110px;
	display: flex;
	flex-wrap: wrap;
}
.carList li {
	padding: 68px 30px 0;
	width: calc(100%/3);
	text-align: center;
	box-sizing: border-box;
}
.carList a {
	display: block;
}
.carList .img {
	padding-bottom: calc(250/620*100%);
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	overflow: hidden;
}
.carList .text {
	margin: -2px 0 25px;
	display: block;
	color: #767676;
	font-size: 1.3rem;
}
.carList .en {
	display: block;
	color: #121212;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.2;
}
.carList .txt {
	padding: 0 18px 5px 0;
	display: inline-block;
	letter-spacing: 0.05em;
	border-bottom: 2px solid transparent;
	background: url(img/common/icon01.png) no-repeat right 8px / 11px auto;
}
@media all and (min-width: 768px) {
	.carList a:hover .txt {
		border-color: currentColor;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	.carList li {
		padding: 68px 10px 0;
	}
}
@media all and (max-width: 767px) {
	.carList {
		margin: -15px auto 0;
	}
	.carList li {
		padding: 15px 5px 0;
		width: 50%;
	}
	.carList .text {
		margin-bottom: 10px;
		font-size: 1.2rem;
	}
	.carList .en {
		letter-spacing: 0;
		font-size: 1.4rem;
	}
	.carList .txt {
		letter-spacing: 0;
	}
}
.carList .news a {
	position: relative;
}
.carList .news a::before {
	position: absolute;
	z-index: 3;
	right: 0;
	top: 0;
	width: 50px;
	height: 20px;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 20px;
	background-color: #282828;
	content: 'NEW';
}
.bdList {
	margin: -33px auto 0;
	max-width: 1050px;
}
.bdList li {
	position: relative;
	padding: 33px 35px 0;
}
.bdList li:after {
	position: absolute;
	right: 0;
	top: 35px;
	height: calc(100% - 35px);
	width: 1px;
	background-color: #c0c0c0;
	content: '';
}
.bdList .img {
	margin-bottom: 14px;
	padding-bottom: calc(340/560*100%);
	background-size: cover;
}
.bdList .ttl {
	display: block;
	font-size: 1.6rem;
	text-align: left;
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
.bdList a:hover {
	opacity: 0.7;
}
.bdList .note {
	margin-top: 10px;
	display: block;
	color: #767676;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
}
.bdList .note span {
	display: block;
	margin: 15px 0 20px;
	line-height: 1.6;
}
@media all and (min-width: 768px) {
	.bdList li:nth-child(3n):after,
	.bdList li:last-child:after {
		display: none;
	}
	.bdList li:nth-child(n + 10) {
		display: none;
	}
}
@media all and (max-width: 767px) {
	.bdList {
		margin: -20px auto 0;
	}
	.bdList li {
		padding: 20px 10px 0;
	}
	.bdList li:after {
		top: 20px;
		height: calc(100% - 20px);
	}
	.bdList li:nth-child(2n):after,
	.bdList li:last-child:after {
		display: none;
	}
	.bdList .ttl {
		font-size: 1.3rem;
		letter-spacing: 0;
	}
	.bdList .note {
		font-size: 1.1rem;
		letter-spacing: 0;
	}
	.bdList li:nth-child(n + 7) {
		display: none;
	}
	.bdList .note span {
		margin: 0 0 10px;
	}
}

/* mainImg */
.mainImg {
	margin: 0 6.3% 75px;
	position: relative;
}
.mainImg img {
	width: 100%;
}
.mainImg a {
	margin: -65px 75px 0 -75px;
	padding: 30px 80px 32px 60px;
	position: relative;
	display: flex;
	align-items: center;
	max-width: 670px;
	min-height: 165px;
	box-sizing: border-box;
	background: #FFF url(img/common/icon02.png) no-repeat right 50px center / 7px auto;
}
.mainImg .text {
	display: block;
	font-size: 3.1rem;
	letter-spacing: 0.07em;
	line-height: 1.25;
}
.mainImg .text small {
	margin-top: 10px;
	display: block;
	color: #767676;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
}
@media all and (min-width: 768px) {
	.mainImg a:hover .text {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	.mainImg {
		margin: 0 10px 40px;
	}
	.mainImg a {
		margin: -30px 10px 0 -10px;
		padding: 10px 20px 10px 10px;
		min-height: 100px;
		background-position: right 10px center;
	}
	.mainImg .text {
		font-size: 2rem;
		letter-spacing: 0;
	}
}

/* moreLink */
.moreLink {
	margin-top: 70px;
	text-align: center;
}
.moreLink a {
	padding-top: 50px;
	display: inline-block;
	font-size: 1.3rem;
	background: url(img/common/icon_plus.png) no-repeat center top / 45px auto;
}
.moreLink a:hover {
	opacity: 0.7;
}

/* detailBox */
.detailBox .headLine01 {
	margin-bottom: 38px;
	letter-spacing: 0.055em;
}
.detailBox .headLine01 .en {
	margin-top: 12px;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
}
.detailBox .mainImg {
	margin-bottom: 45px;
}
.articleBox {
	padding: 0 10%;
	margin: 0 auto;
	max-width: 720px;
}
.articleBox .photo {
	margin-bottom: 42px;
}
.articleBox p {
	margin-bottom: 38px;
	letter-spacing: 0.12em;
	line-height: 1.7;
}
.articleBox p + .photo {
	margin-top: 45px;
}
.articleBox .topTxt {
	margin: 0 0 60px;
	position: relative;
	line-height: 1.65;
}
.articleBox .topTxt::after {
	margin: 55px auto 0;
	display: block;
	content: '';
	width: 60px;
	height: 1px;
	background-color: #121212;
}
.geayBack {
	margin: 44px 0;
	padding: 50px 55px 52px;
	background-color: #ebebeb;
}
.articleBox .txtDl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.articleBox .txtDl dt {
	width: 65px;
}
.articleBox .txtDl dd {
	margin-bottom: 27px;
	width: calc(100% - 86px);
	color: #767676;
}
.articleBox .txtDl dd:last-child {
	margin-bottom: 0;
}
.lineLink {
	margin-top: 95px;
	text-align: center;
}
.lineLink a {
	padding: 0 0 5px 30px;
	display: inline-block;
	letter-spacing: 0.12em;
	border-bottom: 2px solid transparent;
	background: url(img/common/icon03.png) no-repeat left 8px / 11px auto;
}
.lineLink.rightArr a {
	padding: 0 20px 5px 0;
	background-image: url(img/common/icon01.png);
	background-position: right 8px;
}
.lineLink.pdf {
	margin-top: 35px;
	text-align: left;
}
.lineLink.pdf a {
	font-size: 1.5rem;
	background-image: url(img/common/icon_pdf.png);
	background-size: 17px auto;
	background-position: left 0;
}
@media all and (min-width: 768px) {
	.lineLink a:hover {
		border-color: currentColor;
	}
}
@media all and (max-width: 767px) {
	.detailBox .headLine01 {
		letter-spacing: 0;
	}
	.detailBox .headLine01 .en {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	.detailBox .mainImg {
		margin-bottom: 30px;
	}
	.articleBox {
		padding: 0 5%;
	}
	.articleBox .photo {
		margin-bottom: 30px;
	}
	.articleBox p {
		margin-bottom: 25px;
		letter-spacing: 0;
	}
	.articleBox p + .photo {
		margin-top: 30px;
	}
	.articleBox .topTxt {
		margin: 0 0 30px;
	}
	.articleBox .topTxt::after {
		margin-top: 25px;
	}
	.geayBack {
		margin: 30px 0;
		padding: 20px;
	}
	.articleBox .txtDl dd {
		margin-bottom: 15px;
		width: calc(100% - 70px);
	}
	.lineLink {
		margin-top: 50px;
	}
	.lineLink a {
		background-position: left 4px;
	}
	.lineLink.rightArr a {
		background-position: right 4px;
	}
}

/* bookArea */
.bookArea {
	margin: 115px 0 0;
	padding: 37px 40px 15px 35px;
	display: flex;
	background-color: #ebebeb;
}
.bookArea .book {
	margin-top: -85px;
	width: 184px;
	mix-blend-mode: multiply; 
}
.bookArea .text {
	padding: 0 0 15px 25px;
	flex: 1;
}
.bookArea .ttl {
	margin-bottom: 17px;
	font-weight: 500;
}
.bookArea p {
	margin-bottom: 0;
	color: #767676;
	letter-spacing: 0.05em;
}
.bookArea p small {
	display: block;
	font-size: 1.1rem;
	line-height: 1.5;
}
@media all and (max-width: 767px) {
	.bookArea {
		margin: 60px 0 0;
		flex-wrap: wrap;
		padding: 10px 20px 20px;
	}
	.bookArea .book {
		margin: -40px 0 20px;
		width: 100%;
		text-align: center;
	}
	.bookArea .text {
		padding: 0;
		width: 100%;	
	}
}
/* headLine03 */
.headLine03 {
	margin-bottom: 30px;
	padding-top: 30px;
	font-size: 2.7rem;
	font-weight: 400;
	border-top: 1px solid #b3b3b3;
}
.headLine03 .en {
	display: block;
	color: #767676;
	font-size: 1.7rem;
	letter-spacing: 0.06em;
}
.headLine03.oneline {
	padding-top: 0;
	border-top: none;
}
.headLine03.oneline .en {
	margin-left: 20px;
	display: inline-block;
}
@media all and (max-width: 767px) {
	.headLine03 {
		margin-bottom: 20px;
		font-size: 2rem;
	}
	.headLine03 .en {
		font-size: 1.5rem;
	}
	.headLine03.oneline .en {
		margin-left: 10px;
	}
}
/* comInner */
.comInner {
	padding-top: 110px;
	padding-bottom: 102px;
}
.comInner + .comInner  {
	margin-top: -102px;
}
.comInner.btmInner {
	padding-bottom: 0;
}
.comInner .dtlBox {
	overflow: hidden;
}
@media all and (min-width: 768px) and (max-width: 1200px) {
	.comInner > .headLine03 {
		width: 27.67%;
		font-size: 2.2rem;
	}
}
@media all and (min-width: 768px) {
	.comInner {
		display: flex;
		justify-content: space-between;
	}
	.comInner.btmInner {
		padding-bottom: 0;
	}
	.comInner > .headLine03 {
		width: 26.67%;
	}
	.comInner .dtlBox {
		width: 68.3%;
	}
}
@media all and (max-width: 767px) {
	.comInner {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.comInner + .comInner  {
		margin-top: -50px;
	}
}
/* comPhotoLink */
.comPhotoLink {
	margin: -32px -2px 95px;
	display: flex;
	flex-wrap: wrap;
}
.comPhotoLink:last-child {
	margin-bottom: 0;
}
.comPhotoLink li {
	margin-top: 32px;
	border: 1px solid transparent; 
	width: calc(100% / 3);
	letter-spacing: 0.055em;
	box-sizing: border-box;
}
.comPhotoLink a,
.comPhotoLink span {
	display: block;
}
.comPhotoLink .img {
	margin-bottom: 20px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.comPhotoLink .img img {
	width: 100%;
}
.comPhotoLink .ttl {
	margin-bottom: 10px;
	font-size: 1.6rem;
}
.comPhotoLink a[target="_blank"] .ttl::after {
	margin: -4px 0 0 5px;
	display: inline-block;
	content: '';
	width: 15px;
	height: 23px;
	vertical-align: middle;
	background: url(img/common/icon04.png) no-repeat center center;
	background-size: 100% auto;
}
.comPhotoLink .txt {
	color: #767676;
}
.comPhotoLink.col .txt {
	color: #c0c0c0;
}
.comPhotoLink.column2 {
	justify-content: space-between;
}
.comPhotoLink .row3 {
	width: calc(100% / 3);
}
.comPhotoLink.column2 li,
.comPhotoLink .row2 {
	width: 50%;
}
.comPhotoLink.noPhoto {
	margin-top: -25px;
}
.comPhotoLink.noPhoto li {
	margin-top: 25px;
	width: calc(50% - 10px);
	border-top-color: #b3b3b3;
	border-bottom-color: #b3b3b3; 
}
.comPhotoLink.noPhoto a {
	padding: 30px 30px 30px 0;
	background: url(img/common/icon07.png) no-repeat right center / 7px auto;
}
.comPhotoLink a .img:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7) url(img/common/icon_plus_black.png) no-repeat center center / 120px auto;
	content: '';
	opacity: 0;
	transition: all 0.3s;
}
@media all and (min-width: 768px) and (max-width: 1200px) {
	.comPhotoLink .ttl {
		font-size: 1.3rem;
	}
	.comPhotoLink li {
		letter-spacing: 0;
		font-size: 1.1rem;
	}
}
@media all and (min-width: 768px) {
	.comPhotoLink a:hover .img img {
		filter: blur(4px);
	}
	.comPhotoLink a:hover .img:after {
		opacity: 1;
	}
	.comPhotoLink.noPhoto a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	.comPhotoLink {
		margin: -20px -1px 50px;
	}
	.comPhotoLink:last-child {
		margin-bottom: 0;
	}
	.comPhotoLink li {
		margin-top: 20px;
		width: 50%;
		letter-spacing: 0;
	}
	.comPhotoLink.column2 li,
	.comPhotoLink .row2 {
		width: 100%;
	}
	.comPhotoLink .ttl {
		font-size: 1.4rem;
	}
	.comPhotoLink.noPhoto {
		margin-top: -15px;
	}
	.comPhotoLink.noPhoto li {
		margin-top: 15px;
	}
	.comPhotoLink.noPhoto a {
		padding: 15px 30px 15px 0;
	}
	.comPhotoLink a[target="_blank"] .ttl::after {
		background-size: 12px auto;
	}
}
@media all and (max-width: 374px) {
	.comPhotoLink .ttl {
		letter-spacing: -0.05em;
		font-size: 1.3rem;
	}
}

.wp-pagenavi {
	margin-top: 36px;
	font-size: 0;
	clear: both;
	text-align: left;
}
.wp-pagenavi a,
.wp-pagenavi span {
	margin: 0 48px 0 0;
	color: #bdbdbd;
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}
.wp-pagenavi span.current {
	color: #121212;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .pages,
.wp-pagenavi .extend {
	display: none;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	margin: -13px 0 0 -17px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid #d3d3d3;
	background: #f5f5f5 url(img/common/arrow_icon04.png) no-repeat center center;
	background-size: 13px auto;
	text-indent: 9999px;
}
.wp-pagenavi .previouspostslink {
	margin: -13px 31px 0 0;
	background-image: url(img/common/arrow_icon06.png);
}
@media all and (min-width: 768px) {
	.wp-pagenavi a:hover {
		color: #121212;
	}
	.wp-pagenavi .nextpostslink:hover {
		background-image: url(img/common/arrow_icon05.png);
	}
	.wp-pagenavi .previouspostslink:hover {
		background-image: url(img/common/arrow_icon07.png);
	}
}
@media all and (max-width: 767px) {
	.wp-pagenavi {
		text-align: center;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		margin: 0 10px;
	}
	.wp-pagenavi .nextpostslink,
	.wp-pagenavi .previouspostslink {
		margin: -13px 10px 0;
	}
}

/* pageVisual */
.pageVisual {
	margin-bottom: 46px;
	padding: 102px 20px;
	height: 620px;
	background: url(img/purchase/guide/main_img.jpg) no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
}
.pageVisual .widBox {
	margin: 0 auto;
	max-width: 1230px;
}
@media all and (max-width: 767px) {
	.pageVisual {
		height: 400px;
		padding: 30px 20px;
	}
}

/* headLine04 */
.headLine04 {
	color: #fff;
	font-size: 3rem;
	font-weight: normal;
	letter-spacing: 0.075em;
}
.headLine04 .size {
	display: block;
	font-size: 2rem;
}
.headLine04 .en {
	margin-top: 4px;
	color: #bdbdbd;
	display: block;
	font-size: 1.7rem;
	letter-spacing: 0.07em;
}
@media all and (max-width: 767px) {
	.headLine04 .size {
		font-size: 1.6rem;
	}
	.headLine04 {
		font-size: 2.5rem;
		letter-spacing: 0;
	}
}
/* comBtn */
.comBtn a {
	padding: 22px 50px 18px 21px;
	width: 300px;
	min-height: 70px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	border: 2px solid #941d3a;
	border-radius: 4px;
	background-color: #961d3c;
	text-align: left;
	box-sizing: border-box;
	letter-spacing: 0.1em;
	position: relative;
}
.comBtn a img {
	margin: -4px 12px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.comBtn a .over {
	display: none;
}
.comBtn a::after {
	margin-top: -4px;
	width: 15px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 28px;
	background: url(img/common/arrow_icon08.png) no-repeat left top;
	background-size: 15px auto;
	content: "";
}
@media all and (min-width: 768px) {
	.comBtn a:hover {
		color: #121212;
		background-color: #fbf4f5;
	}
	.comBtn a:hover .over {
		display: inline-block;
	}
	.comBtn a:hover .icon {
		display: none;
	}
	.comBtn a:hover::after {
		background-image: url(img/common/arrow_icon03.png);
	}
}
@media all and (max-width: 767px) {
	.comBtn a {
		margin: 0 auto;
		max-width: 280px;
		width: auto;
	}
}
/* comBtn02 */
.comBtn02 a {
	color: #121212;
	background-color: #fff;
}
.comBtn02 a::after {
	background-image: url(img/common/arrow_icon03.png);
}

/* comList */
.comList {
	background-color: #fff;
}
.comList a {
	padding: 25px 71px 23px 39px;
	color: #767676;
	display: block;
	letter-spacing: 0.09em;
	border-bottom: 2px solid #fff;
	position: relative;
	background: url(img/common/arrow_icon03.png) no-repeat right 30px center;
	background-size: 16px auto;
}
.comList span {
	display: block;
}
.comList .time {
	margin-bottom: 10px;
	color: #121212;
}
.comList li {
	border-bottom: 2px solid #f5f5f5;
}
@media all and (min-width: 768px) {
	.comList a:hover {
		border-color: #121212;
	}
}
@media all and (max-width: 767px) {
	.comList a {
		padding: 21px 40px 21px 13px;
		font-size: 1.1rem;
		background-position: right 15px center;
		background-size: 12px auto;
	}
	.comList .time {
		margin-bottom: 5px;
	}
}

/* dropUl */
.dropDl {
	letter-spacing: 0.09em;
}
.dropDl dt {
	padding: 21px 40px 19px 29px;
	background-color: #ebebeb;
	position: relative;
	cursor: pointer;
	transition: all 0.3s;
}
.dropDl dt::after {
	margin-top: -5px;
	width: 11px;
	height: 11px;
	position: absolute;
	top: 50%;
	right: 24px;
	background: url(img/common/icon19.png) no-repeat left top;
	background-size: 11px auto;
	content: "";
}
.dropDl dt.on::after {
	background-image: url(img/common/icon20.png);
}
.dropDl dd ul {
	background-color: #fff;
}
.dropDl dd ul a {
	padding: 20px 29px 19px;
	display: block;
}
.dropDl dd {
	display: none;
}
.dropDl dd ul .on a {
	background-color: #fafafa;
}
@media all and (min-width: 768px) {
	.dropDl dd ul a:hover {
		background-color: #fafafa;
	}
	.dropDl dt:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	.dropDl dt {
		padding: 18px 40px 16px 22px;
	}
	.dropDl dd ul a {
		padding: 18px 20px 16px;
	}
}

/* headLine05 */
.headLine05 {
	margin-bottom: 39px;
	font-size: 2.1rem;
	font-weight: normal;
	text-align: center;
}
@media all and (max-width: 767px) {
	.headLine05 {
		font-size: 1.8rem;
	}
}

/* headLine06 */
.headLine06 {
	margin-bottom: 89px;
	color: #121212;
	font-size: 2.7rem;
}
.headLine06 .en {
	margin-top: 0;
}
@media all and (max-width: 767px) {
	.headLine06 {
		margin-bottom: 50px;
		font-size: 2rem;
	}
}

/* comTable */
.comTable {
	width: 100%;
	border-collapse: collapse;
	letter-spacing: 0.1em;
}
.comTable th,
.comTable td {
	padding: 13px 5px 14px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	border: 1px solid #121212;
	line-height: 1.5;
	box-sizing: border-box;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
.comTable th {
	padding-left: 26px;
	height: 70px;
	width: 30.8%;
	text-align: left;
	background-color: #d9d9d9;
	letter-spacing: 0.1em;
}
.comTable .trStyle th {
	padding-left: 17px;
}
.comTable th span {
	font-size: 0.9rem;
}
.comTable thead td {
	padding: 6px 5px 7px;
	color: #fff;
	background-color: #282828;
	border-right-color: #fff;
}
.comTable thead th {
	height: auto;
}
.comTable thead tr td:last-child {
	border-right-color: #121212;
}
.comTable sup {
	margin: -30px 0 8px -30px;
	font-size: 1rem;
	display: inline-block;
	vertical-align: middle;
}
.comTable .num {
	font-size: 1.7rem;
}
@media all and (max-width: 767px) {
	.comTable th {
		padding-left: 17px;
	}
	.comTable .num {
		font-size: 1.5rem;
	}
	.comTable sup {
		font-size: 0.8rem;
	}
}

/* notesBox */
.notesBox {
	padding: 52px 70px;
	background-color: #ebebeb;
}
.notesBox h4 {
	margin-bottom: 12px;
}
.notesBox p {
	color: #767676;
}
@media all and (max-width: 767px) {
	.notesBox {
		padding: 30px 20px;
	}
}

/* comMainImg */
@media all and (max-width: 767px) {
	.comMainImg {
		margin: 0 -25px;
	}
}
@media all and (max-width: 374px) {
	.comMainImg {
		margin: 0 -15px;
	}
}

/* pageBox */
.pageBox {
	margin: 160px auto 0;
	padding: 67px 20px;
	max-width: 1050px;
	background-color: #ebebeb;
	box-sizing: border-box;
}
.pageBox .title {
	margin-bottom: 23px;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
}
.pageBox .pageUl {
	margin: 0 auto;
	max-width: 768px;
	display: flex;
}
.pageBox .pageUl li {
	padding: 0 1px;
	width: 25%;
	box-sizing: border-box;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}
.pageBox .pageUl a {
	display: block;
}
.pageBox .pageUl .image img {
	width: 100%;
	transition: all 0.3s;
}
.pageBox .pageUl .image {
	margin-bottom: 9px;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	transition: all 0.3s;
}
.pageBox .pageUl .image::before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.7);
	content: "";
	z-index: 10;
	transition: all 0.3s;
	opacity: 0;
}
.pageBox .pageUl .on .image img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	transition: all 0.3s;
}
.pageBox .pageUl .on .image {
	filter: blur(1px);
}
.pageBox .pageUl .on .image::before {
	opacity: 1;
}
@media all and (min-width: 768px) {
	.pageBox .pageUl a:hover .image::before {
		opacity: 1;
	}
	.pageBox .pageUl a:hover .image {
		filter: blur(1px);
		transition: all 0.3s;
	}
	.pageBox .pageUl a:hover .image img {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
	}
}
@media all and (max-width: 767px) {
	.pageBox {
		margin-top: 80px;
		padding: 30px 15px;
	}
	.pageBox .pageUl {
		max-width: inherit;
		display: block;
	}
	.pageBox .pageUl li {
		padding: 0;
		margin-bottom: 30px;
		width: auto;
	}
	.pageBox .pageUl li:last-child {
		margin-bottom: 0;
	}
}

/* topics */
.topics .content {
	display: flex;
	justify-content: space-between;
}
@media all and (min-width: 768px) {
	.topics .headLine01 {
		margin-bottom: 71px;
	}
}
@media all and (max-width: 767px) {
	.topics .content {
		display: block;
	}
}

/* purchase */
.grayBack {
	background-color: #282828;
}
.grayBack .headLine03 {
	color: #ffffff;
}
.grayBack .comPhotoLink .ttl {
	color: #ffffff;
}
.purchase .valueBox .banner {
	margin-bottom: 30px;
}
.purchase .valueBox .banner span {
	padding: 6px;
	display: block;
	font-size: 1.2rem;
	text-align: center;
	background-color: #FFF;
}
.purchase .valueBox .banner span:after {
	margin: -4px 0 0 10px;
	display: inline-block;
	content: '';
	width: 7px;
	height: 8px;
	vertical-align: middle;
	background: url(img/common/icon06.png) no-repeat center center;
	background-size: 100% auto;
}
.purchase .valueBox .banner a {
	display: block;
}
.purchase .valueBox .banner a:hover {
	opacity: 0.7;
}

/* service */
.service .imgLink {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #FFF;
}
.service .imgLink .photo {
	width: 49.5%;
}
.service .imgLink .text {
	width: 50%;
	padding: 30px 6.5% 20px;
	box-sizing: border-box;
}
.service .imgLink h4 {
	margin-bottom: 15px;
	font-size: 2.9rem;
	font-weight: 400;
	letter-spacing: 0.15em;
	line-height: 1.34;
}
.service .imgLink p {
	color: #767676;
	letter-spacing: 0.15em;
}
.service .imgLink .rightArr {
	margin: 45px 0 0;
	text-align: left;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
}
@media all and (min-width: 768px) {
	.service .comPhotoLink .ttl {
		font-size: 1.6rem;
	}
}
@media all and (min-width: 768px) and (max-width: 1100px) {
	.service .imgLink .text {
		padding: 10px;
	}
	.service .imgLink h4 {
		margin-bottom: 10px;
		font-size: 2rem;
		letter-spacing: 0;
	}
	.service .imgLink p {
		letter-spacing: 0;
		font-size: 1.2rem;
	}
	.service .imgLink .rightArr {
		margin: 10px 0 0;
		letter-spacing: 0;
	}
	.service .imgLink .rightArr a {
		font-size: 1.3rem;
		letter-spacing: 0;
		background-position: right 6px;
	}
}
@media all and (max-width: 767px) {
	.service .imgLink {
		display: block;
	}
	.service .imgLink > div {
		width: 100% !important;
	}
	.service .imgLink h4 {
		font-size: 2.2rem;
	}
	.service .imgLink .rightArr {
		margin: 30px 0 0;
	}
	.service .imgLink a {
		letter-spacing: 0;
	}
	.service .imgLink .text {
		padding: 20px 15px;
	}
}

/* guide */
.guide #pagePath {
	margin-bottom: 0;
}
.guide .content {
	max-width: 1050px;
}
.guide .midTxt {
	margin-bottom: 125px;
}
.guide .stepUl {
	margin-bottom: 30px;
}
.guide .stepUl li {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.guide .stepUl li:last-child {
	margin-bottom: 0;
}
.guide .stepUl .photo {
	margin-right: 54px;
	width: 455px;
}
.guide .stepUl .photo img {
	width: 100%;
}
.guide .stepUl .textBox {
	padding-top: 3px;
	flex: 1;
}
.guide .stepUl p {
	color: #767676;
	line-height: 2;
}
.guide .stepUl h3 {
	margin-bottom: 14px;
	font-size: 2.6rem;
	font-weight: normal;
	letter-spacing: 0.11em;
}
.guide .stepUl h3 .en {
	margin-bottom: 7px;
	color: #767676;
	font-size: 1.4rem;
	letter-spacing: 0.07em;
	display: block;
}
.guide .dropBox {
	margin-bottom: 30px;
	background-color: #fff;
	border-radius: 7.5px;
	overflow: hidden;
}
.guide .dropBox .title {
	padding: 32px 49px 28px;
	font-size: 2.3rem;
	position: relative;
	letter-spacing: 0.1em;
	cursor: pointer;
}
.guide .dropBox .title::before {
	margin-top: -13px;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 50%;
	right: 51px;
	background: url(img/purchase/guide/icon01.jpg) no-repeat left top;
	background-size: 27px auto;
	content: "";
}
.guide .dropBox .title.on::before {
	background-image: url(img/purchase/guide/icon02.jpg);
}
.guide .dropBox .listDl dt {
	margin-bottom: 9px;
	padding-left: 23px;
	font-size: 1.6rem;
	position: relative;
}
.guide .dropBox .listDl dt::before {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 4px;
	left: -1px;
	background: url(img/purchase/guide/icon03.jpg) no-repeat left top;
	background-size: 15px auto;
	content: "";
}
.guide .dropBox .listDl dd {
	margin-bottom: 41px;
	color: #767676;
}
.guide .dropBox .listDl dd:last-child {
	margin-bottom: 0;
}
.guide .dropBox .innerBox {
	padding: 46px 50px 47px;
	border-top: 1px solid #bdbdbd;
	display: none;
}
.guide .dropBox .listUl {
	margin-top: -30px;
	padding: 4px 0;
	display: flex;
	flex-wrap: wrap;
}
.guide .dropBox .listUl li {
	margin-top: 30px;
	padding-right: 8px;
	width: 31.3%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.guide .dropBox .listUl li:nth-child(2n - 1) {
	width: 31.3%;
}
.guide .dropBox .listUl li:nth-child(3n - 1) {
	width: 39%;
}
.guide .dropBox .listUl li:nth-child(3n) {
	width: 29.7%;
}
.guide .dropBox .listUl .image {
	margin-right: 15px;
	width: 57px;
}
.guide .dropBox .listUl .textBox {
	margin-top: 8px;
	flex: 1;
	color: #121212;
	font-size: 1.6rem;
}
.guide .dropBox .listUl .num {
	margin-bottom: 4px;
	color: #fff;
	font-size: 1rem;
}
.guide .dropBox .listUl .num span {
	min-width: 57px;
	padding: 2px 2px 1px;
	display: inline-block;
	vertical-align: top;
	background-color: #941d3a;
	border-radius: 2px;
	text-align: center;
	letter-spacing: 0.05em;
	box-sizing: border-box;
}
.guide .dropBox .imgBox {
	padding-top: 4px;
	display: flex;
	justify-content: space-between;
}
.guide .dropBox .imgBox .photo {
	margin-left: 50px;
	width: 370px;
}
.guide .dropBox .imgBox .textBox {
	margin-top: 34px;
	flex: 1;
}
.guide .dropBox .imgBox p {
	color: #767676;
}
.guide .dropBox .imgBox h3 {
	margin-bottom: 15px;
	font-size: 2.1rem;
	font-weight: normal;
}
.guide .dropBox .imgBox h3 span {
	color: #941d3a;
}
.guide .btmBox {
	margin-top: 122px;
}
.guide .btmBox h2 {
	margin-bottom: 36px;
	font-size: 3.6rem;
	text-align: center;
	font-weight: 500;
}
.guide .btnUl {
	text-align: center;
}
.guide .btnUl li {
	margin: 0 8px;
	display: inline-block;
}
@media all and (min-width: 768px) and (max-width: 1200px) {
	.guide .stepUl .photo {
		margin-right: 30px;
		width: 350px;
	}
	.guide .stepUl h3 {
		font-size: 2.2rem;
	}
	.guide .stepUl p {
		font-size: 1.3rem;
		line-height: 1.7;
	}
	.guide .dropBox .innerBox {
		padding: 40px 20px;
	}
	.guide .dropBox .listUl .textBox {
		font-size: 1.3rem;
	}
	.guide .dropBox .listUl .image {
		margin-right: 9px;
		width: 52px;
	}
	.guide .dropBox .imgBox .textBox {
		margin-top: 0;
	}
	.guide .dropBox .imgBox .photo {
		margin-left: 30px;
		width: 320px;
	}
	.guide .dropBox .imgBox h3 {
		font-size: 1.8rem;
	}
	.guide .dropBox .imgBox h3 br {
		display: none;
	}
	.guide .btmBox h2 {
		font-size: 3rem;
	}
}
@media all and (max-width: 767px) {
	.guide .stepUl li {
		margin-bottom: 40px;
		display: block;
	}
	.guide .stepUl .photo {
		margin: 0 0 20px;
		width: auto;
	}
	.guide .stepUl .textBox {
		padding-top: 0;
	}
	.guide .stepUl h3 .en {
		margin-bottom: 0;
	}
	.guide .stepUl h3 {
		font-size: 2.2rem;
		letter-spacing: 0;
		font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
	}
	.guide .midTxt {
		margin-bottom: 70px;
	}
	.guide .dropBox .title {
		padding: 20px 35px 18px 16px;
		font-size: 1.5rem;
		letter-spacing: -0.5px;
	}
	.guide .dropBox .title::before {
		margin-top: -9px;
		width: 18px;
		height: 18px;
		right: 10px;
		background-size: 18px auto;
	}
	.guide .dropBox .innerBox {
		padding: 30px 18px;
	}
	.guide .dropBox .listDl dt {
		font-size: 1.5rem;
	}
	.guide .dropBox .listUl li {
		width: auto !important;
	}
	.guide .dropBox .listUl {
		display: block;
	}
	.guide .dropBox .listUl .textBox {
		margin-top: 6px;
		font-size: 1.4rem;
	}
	.guide .dropBox .imgBox {
		display: block;
	}
	.guide .dropBox .imgBox .textBox {
		margin: 0 0 30px;
	}
	.guide .dropBox .imgBox .photo {
		margin-left: 0;
		width: auto;
	}
	.guide .dropBox .imgBox h3 {
		font-size: 1.6rem;
	}
	.guide .btmBox h2 {
		font-size: 2.3rem;
		letter-spacing: 0;
		font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
	}
	.guide .btmBox {
		margin-top: 80px;
	}
	.guide .btnUl li {
		margin: 0 0 20px;
		display: block;
	}
	.guide .btnUl li:last-child {
		margin-bottom: 0;
	}
}

/* skyplan */
#main.skyplan {
	margin-bottom: 0;
}
.skyplan #pagePath {
	margin-bottom: 0;
}
.skyplan .mainVisual {
	margin-bottom: 42px;
	position: relative;
}
.skyplan .mainVisual img {
	width: 100%;
}
.skyplan .mainVisual h2 {
	width: 100%;
	color: #fff;
	font-size: 5rem;
	position: absolute;
	top: 9.2%;
	left: 0;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.08em;
}
.skyplan .mainVisual h2 .size {
	margin: -16px 5px 0 0;
	font-size: 5.3rem;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.skyplan .mainVisual h2 .small {
	margin-bottom: 28px;
	padding: 0 40px;
	font-size: 2.3rem;
	font-weight: 500;
	display: inline-block;
	letter-spacing: 0.06em;
	position: relative;
}
.skyplan .mainVisual h2 .small::before,
.skyplan .mainVisual h2 .small::after {
	position: absolute;
	top: 0;
	right: 0;
	content: "／";
}
.skyplan .mainVisual h2 .small::after {
	right: auto;
	left: 0;
	transform: rotate(-90deg);
}
.skyplan .scorllBox {
	margin-bottom: 67px;
}
.skyplan .scorllBox .btn {
	margin-bottom: 39px;
	text-align: center;
}
.skyplan .scorllBox p {
	font-size: 2.1rem;
	line-height: 1.47;
	text-align: center;
}
.skyplan .transfer h2 {
	margin-bottom: 23px;
	color: #961d3b;
	font-size: 5rem;
	line-height: 1;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.075em;
}
.skyplan .transfer h2 img {
	margin-bottom: -26px;
	display: inline-block;
}
.skyplan .transfer h2 span {
	display: block;
}
.skyplan .transfer .listUl {
	margin: 0 -33px 135px;
	display: flex;
	flex-wrap: wrap;
}
.skyplan .transfer .listUl li {
	padding: 0 33px;
	width: 25%;
	box-sizing: border-box;
}
.skyplan .transfer .listUl .bg {
	padding: 30px 15px 29px;
	background-color: #fff;
	border-radius: 4px;
	text-align: center;
	position: relative;
}
.skyplan .transfer .listUl .bg::after {
	margin-top: -18px;
	width: 17px;
	height: 37px;
	position: absolute;
	top: 50%;
	right: -41px;
	background: url(img/purchase/skyplan/icon02.png) no-repeat left top;
	background-size: 17px auto;
	content: "";
}
.skyplan .transfer .listUl li:nth-child(2) .bg::after {
	background-image: url(img/purchase/skyplan/icon03.png);
}
.skyplan .transfer .listUl li:nth-child(3) .bg::after {
	background-image: url(img/purchase/skyplan/icon04.png);
}
.skyplan .transfer .listUl li:last-child .bg::after {
	display: none;
}
.skyplan .transfer .listUl .image {
	margin-bottom: 3px;
}
.skyplan .transfer .listUl .image img {
	width: 100%;
	max-width: 204px;
}
.skyplan .transfer .midTxt {
	margin-bottom: 130px;
}
.skyplan .transfer .listUl .num {
	color: #961d3b;
	font-size: 2.7rem;
	font-weight: bold;
	position: absolute;
	top: -22px;
	left: 24px;
}
.skyplan .transfer .listUl .ttl {
	margin-bottom: 19px;
	font-size: 1.6rem;
}
.skyplan .transfer .listUl .en {
	font-size: 1.5rem;
	letter-spacing: 0.075em;
}
.skyplan .transfer .listUl .txt {
	margin: 12px 20px 0;
	color: #767676;
	letter-spacing: 0.075em;
}
.skyplan .transfer .tabUl {
	display: flex;
	justify-content: center;
}
.skyplan .transfer .tabUl li {
	margin: 0 10px;
	position: relative;
	transition: all 0s;
}
.skyplan .transfer .tabUl li::before {
	width: 180vw;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #121212;
	content: "";
	z-index: -1;
	opacity: 0;
}
.skyplan .transfer .tabUl .btn02::before {
	background-color: #961d3b;
}
.skyplan .transfer .tabUl a {
	padding: 19px 8px 12px;
	width: 300px;
	font-size: 1.7rem;
	border: 2px solid #121212;
	border-radius: 4px;
	background-color: #ebebeb;
	text-align: center;
	display: block;
	letter-spacing: 0.05em;
	box-sizing: border-box;
	position: relative;
	transition: all 0s;
}
.skyplan .transfer .tabUl a::before {
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	border-radius: 4px;
	box-sizing: border-box;
	border: 4px solid #121212;
	border-bottom: none;
	position: absolute;
	top: -2px;
	left: -2px;
	content: "";
	opacity: 0;
}
.skyplan .transfer .tabUl .btn02 a::before {
	border-color: #961d3b;
}
.skyplan .transfer .tabUl span {
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: 2px solid transparent;
}
.skyplan .transfer .tabUl .btn02 a {
	color: #961d3b;
	border-color: #961d3b;
	background-color: #fff;
}
.skyplan .transfer .tabBox {
	position: relative;
	display: none;
}
.skyplan .transfer .tabBox01 {
	display: block;
}
.skyplan .transfer .tabBox::after {
	width: 110vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ebebeb;
	z-index: -1;
	content: "";
}
.skyplan .transfer .tabBox02::after {
	background-color: #fff;
}
.skyplan .transfer .tabUl li.on::before {
	opacity: 1;
}
.skyplan .transfer .tabUl .on a {
	padding: 19px 8px 27px;
	border-color: #ebebeb;
}
.skyplan .transfer .tabUl .on a::before {
	opacity: 1;
}
.skyplan .transfer .tabUl .on span {
	border-color: #121212;
}
.skyplan .transfer .tabUl .btn02.on a {
	border-color: #fff;
}
.skyplan .transfer .tabUl .btn02.on span {
	border-color: #961d3b;
}
.skyplan .transfer .tabBox {
	padding: 80px 0 107px;
}
.skyplan .transfer .imgBox {
	margin-bottom: 75px;
	padding: 35px 15px 58px;
	background-color: #fff;
}
.skyplan .transfer .tabBox02 .imgBox {
	background-color: #faf4f4;
}
.skyplan .transfer .imgBox .flexBox {
	margin: 0 auto;
	max-width: 770px;
	display: flex;
	justify-content: space-between;
}
.skyplan .transfer .imgBox .photo {
	width: 214px;
}
.skyplan .transfer .imgBox .textBox {
	padding: 14px 0 0 48px;
	flex: 1;
}
.skyplan .transfer .price {
	margin-bottom: 6px;
	font-size: 2.1rem;
	line-height: 1;
	letter-spacing: 0.075em;
}
.skyplan .transfer .price > span {
	display: inline-block;
	background: url(img/purchase/skyplan/line.gif) repeat-x left bottom 2px;
	background-size: 2px auto;
}
.skyplan .transfer .price .size {
	margin: 0 6px 0 11px;
	font-size: 5rem;
	font-weight: 500;
	letter-spacing: -0.03em;
}
.skyplan .transfer .imgBox .note {
	margin-bottom: 26px;
	color: #767676;
	font-size: 1.1rem;
}
.skyplan .transfer .imgBox .col {
	color: #941d3a;
}
.skyplan .transfer .lable {
	margin-bottom: 10px;
}
.skyplan .transfer .lable span {
	padding: 5px 5px 6px;
	min-width: 80px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	border-radius: 4px;
	line-height: 1;
	letter-spacing: 0.075em;
	box-sizing: border-box;
	background-color: #941d39;
	text-align: center;
}
.skyplan .transfer .tabBox .headLine05 {
	margin-bottom: 29px;
}
.skyplan .transfer .tabBox .image + .headLine05 {
	margin-top: 75px;
}
.skyplan .transfer .tabBox .image {
	margin-bottom: 13px;
}
.skyplan .transfer .tabBox .notes {
	color: #767676;
	font-size: 1.1rem;
}
.skyplan .transfer {
	margin-bottom: 81px;
}
.skyplan .thatBox .arrow {
	margin-bottom: 45px;
	text-align: center;
}
.skyplan .thatBox h2 {
	font-size: 3.6rem;
	text-align: center;
	line-height: 1.38;
	font-weight: 500;
	letter-spacing: 0.05em;
}
.skyplan .thatBox h2 span {
	display: inline-block;
	position: relative;
}
.skyplan .thatBox h2 .dot::after {
	margin-left: -4px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	position: absolute;
	top: -8px;
	left: 50%;
	background-color: #941c39;
	content: "";
}
.skyplan .thatBox h2 .line {
	font-weight: bold;
	background: url(img/purchase/skyplan/line.gif) repeat-x left bottom 6px;
	background-size: auto 10px;
}
.skyplan .thatBox {
	margin-bottom: 73px;
}
.skyplan .planBox {
	margin: 0 auto;
	max-width: 850px;
	padding: 101px 0;
	position: relative;
}
.skyplan .planBox::after {
	width: 110vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #961d3c;
	content: "";
	z-index: -1;
}
.skyplan .planBox h2 {
	margin-bottom: 15px;
	color: #fff;
	font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-align: center;
}
.skyplan .planBox h3 {
	margin-bottom: 54px;
	color: #fff;
	font-size: 2.1rem;
	font-weight: normal;
	text-align: center;
}
.skyplan .planBox h3 span {
	position: relative;
}
.skyplan .planBox h3 span::after {
	margin-left: -3px;
	width: 6px;
	height: 6px;
	position: absolute;
	top: -10px;
	left: 50%;
	background-color: #fff;
	border-radius: 50%;
	content: "";
}
.skyplan .planBox .listUl {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}
.skyplan .planBox .listUl li {
	padding: 28px 40px 26px;
	width: calc(50% - 15px);
	background-color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
}
.skyplan .planBox .listUl .ttl {
	margin-bottom: 24px;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.31;
	display: flex;
	align-items: center;
	justify-content: center;
}
.skyplan .planBox .listUl li:last-child .ttl {
	font-size: 1.6rem;
}
.skyplan .planBox .listUl .image {
	margin-bottom: 12px;
	padding-bottom: 18px;
	border-bottom: 1px solid #b3b3b3;
	text-align: center;
}
.skyplan .planBox .listUl .txt {
	color: #767676;
	font-size: 1.1rem;
}
.skyplan .planBox .textBox {
	margin-bottom: 12px;
	max-width: 850px;
	padding: 0 40px 44px;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
}
.skyplan .planBox .textBox h4 {
	margin: 0 -40px 42px;
	padding: 10px 6px 7px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: normal;
	background-color: #282828;
	text-align: center;
}
.skyplan .planBox .textBox .image {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #b3b3b3;
	text-align: center;
}
.skyplan .planBox .textBox dl {
	margin-left: 11px;
}
.skyplan .planBox .textBox dt {
	float: left;
}
.skyplan .planBox .textBox dt span {
	padding: 5px 5px 6px;
	min-width: 80px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	border-radius: 4px;
	line-height: 1;
	letter-spacing: 0.075em;
	box-sizing: border-box;
	background-color: #941d39;
	text-align: center;
	letter-spacing: 0;
}
.skyplan .planBox .textBox dd {
	margin-bottom: 27px;
	padding-left: 6.6em;
}
.skyplan .planBox .textBox dd:last-child {
	margin-bottom: 0;
}
.skyplan .planBox .textBox .col {
	color: #941d3a;
	font-size: 2.1rem;
	line-height: 1;
}
.skyplan .planBox .textBox sup {
	font-size: 0.9rem;
}
.skyplan .planBox .textBox .numUl {
	color: #941d3a;
	display: flex;
	flex-wrap: wrap;
}
.skyplan .planBox .textBox .numUl li {
	margin: 10px 17px 0 0;
	padding-left: 23px;
	position: relative;
}
.skyplan .planBox .textBox .numUl span {
	width: 20px;
	height: 20px;
	border: 1px solid #941d3a;
	border-radius: 50%;
	color: #941d3a;
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 1px;
	left: 0;
	box-sizing: border-box;
}
.skyplan .planBox .noteTxt {
	color: #fff;
	font-size: 1.1rem;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0.03em;
}
@media all and (min-width: 768px) and (max-width: 1200px) {
	.skyplan .mainVisual h2 {
		font-size: 3.5rem;
		top: 5.2%;
	}
	.skyplan .mainVisual h2 .small {
		margin-bottom: 15px;
		font-size: 1.5rem;
	}
	.skyplan .transfer .listUl li {
		padding: 0 10px;
	}
	.skyplan .transfer .listUl {
		margin: 0 -10px 135px;
	}
	.skyplan .transfer .listUl .bg::after {
		right: -16px;
		margin-top: -12px;
		width: 11px;
		height: 24px;
		background-size: 11px auto;
	}
	.skyplan .transfer .listUl .en {
		font-size: 1.3rem;
	}
	.skyplan .transfer .listUl .ttl {
		font-size: 1.4rem;
	}
	.skyplan .transfer .listUl .bg {
		padding: 30px 7px 29px;
	}
	.skyplan .transfer .listUl .txt {
		margin: 12px 10px 0;
		font-size: 1.3rem;
		letter-spacing: 0;
	}
	.skyplan .thatBox h2 {
		font-size: 3rem;
	}
	.skyplan .thatBox h2 .dot::after {
		width: 6px;
		height: 6px;
	}
	.skyplan .planBox h2 {
		font-size: 3rem;
	}
}
@media all and (min-width: 768px) and (max-width: 1200px) {
	.skyplan .transfer h2 {
		font-size: 4rem;
	}
} 
@media all and (min-width: 768px) {
	.skyplan .scorllBox .btn a:hover {
		opacity: 0.7;
	}
	.skyplan .transfer .tabUl li:hover::before {
		opacity: 1;
		z-index: 10;
	}
	.skyplan .transfer .tabUl li:hover a {
		padding: 19px 8px 27px;
		border-color: #ebebeb;
		position: relative;
		z-index: 10;
	}
	.skyplan .transfer .tabUl li:hover a::before {
		opacity: 1;
	}
	.skyplan .transfer .tabUl li:hover span {
		border-color: #121212;
	}
	.skyplan .transfer .tabUl .btn02:hover a {
		border-color: #fff;
	}
	.skyplan .transfer .tabUl .btn02:hover span {
		border-color: #961d3b;
	}
}
@media all and (max-width: 767px) {
	.skyplan .mainVisual .image {
		margin: 0 -90px;
	}
	.skyplan .mainVisual h2 .small {
		margin-bottom: 12px;
		padding: 0 19px;
		font-size: 1.2rem;
	}
	.skyplan .mainVisual h2 {
		font-size: 2rem;
		top: 6.8%;
	}
	.skyplan .mainVisual h2 .size {
		margin: -9px 5px 0 0;
		font-size: 3.3rem;
	}
	.skyplan .scorllBox p {
		font-size: 1.3rem;
	}
	.skyplan .transfer h2 {
		font-size: 2.2rem;
		letter-spacing: 0;
	}
	.skyplan .transfer .listUl {
		margin: 0 10px 80px;
		display: block;
	}
	.skyplan .transfer .listUl li {
		padding: 0 0 40px;
		width: auto;
	}
	.skyplan .transfer .listUl li:last-child {
		padding-bottom: 0;
	}
	.skyplan .transfer .tabUl {
		margin: 0 20px 20px;
		display: block;
	}
	.skyplan .transfer .tabUl a {
		width: auto;
	}
	.skyplan .transfer .tabUl li {
		margin: 0 0 20px;
	}
	.skyplan .transfer .tabUl li:last-child {
		margin-bottom: 0;
	}
	.skyplan .transfer .tabUl li::before {
		display: none;
	}
	.skyplan .transfer .tabUl a::before {
		border-bottom: 4px solid #121212;
	}
	.skyplan .transfer .tabBox {
		margin: 0 -10px;
		padding: 30px 15px;
		border-top: 4px solid #121212;
	}
	.skyplan .transfer .tabBox02 {
		border-color: #961d3b;
	}
	.skyplan .transfer .imgBox .flexBox {
		display: block;
	}
	.skyplan .transfer .imgBox .photo {
		margin: 0 20px 30px 0;
		width: auto;
		text-align: center;
	}
	.skyplan .transfer .imgBox .photo img {
		width: 100%;
		max-width: 190px;
	}
	.skyplan .transfer .imgBox .textBox {
		padding: 0;
	}
	.skyplan .transfer .price {
		font-size: 1.8rem;
	}
	.skyplan .transfer .price .size {
		font-size: 4rem;
	}
	.skyplan .transfer .imgBox {
		padding: 35px 15px;
	}
	.skyplan .transfer .tabBox .image {
		margin-right: -15px;
		text-align: center;
		overflow-y: scroll;
	}
	.skyplan .transfer .tabBox .image img {
		width: 700px;
		max-width: inherit;
	}
	.skyplan .thatBox .arrow img {
		width: 140px;
	}
	.skyplan .thatBox h2,
	.skyplan .planBox h2 {
		font-size: 2.3rem;
	}
	.skyplan .thatBox h2 .dot::after {
		margin-left: -2px;
		width: 5px;
		height: 5px;
		top: -3px;
	}
	.skyplan .planBox h3 {
		font-size: 1.4rem;
	}
	.skyplan .planBox h3 span::after {
		margin-left: -4px;
		width: 3px;
		height: 3px;
		top: -4px;
	}
	.skyplan .planBox {
		padding: 40px 0;
	}
	.skyplan .planBox .listUl {
		display: block;
	}
	.skyplan .planBox .listUl li {
		margin-bottom: 30px;
		padding: 28px 20px 26px;
		width: auto;
	}
	.skyplan .planBox .listUl li:last-child {
		margin-bottom: 0;
	}
	.skyplan .planBox .listUl .ttl {
		font-size: 1.5rem;
	}
	.skyplan .planBox .listUl .image img {
		max-width: 200px;
	}
	.skyplan .planBox .listUl li:last-child .ttl {
		font-size: 1.4rem;
	}
	.skyplan .planBox .textBox h4 {
		margin: 0 -20px 42px;
		padding: 10px 6px;
		font-size: 1.4rem;
	}
	.skyplan .planBox .textBox {
		padding: 0 15px 30px;
	}
	.skyplan .planBox .textBox .image img {
		width: 100%;
		max-width: 500px;
	}
	.skyplan .planBox .textBox dd {
		padding-left: 0;
	}
	.skyplan .planBox .textBox dt {
		margin-bottom: 8px;
		float: none;
	}
	.skyplan .planBox .textBox .col {
		font-size: 1.6rem;
	}
	.skyplan .planBox .textBox .numUl {
		margin-top: 14px;
		display: block;
	}
	.skyplan .planBox .textBox .numUl li {
		margin-right: 0;
	}
	.skyplan .planBox .textBox .numUl span {
		width: 19px;
		height: 19px;
		top: -2px;
	}
	.skyplan .planBox .noteTxt {
		font-size: 1rem;
	}
	.skyplan .transfer .midTxt {
		margin-bottom: 80px;
	}
	.skyplan .mainVisual {
		margin-bottom: 20px;
	}
	.skyplan .scorllBox .btn img {
		width: 40px;
	}
	.skyplan .transfer .listUl .bg::after {
		transform: rotate(90deg);
		margin: 0 0 0 -8px;
		top: auto;
		right: auto;
		background-size: 17px auto;
		bottom: -65px;
		left: 50%;
	}
}

/* price_s */
.price_s .carBox {
	margin: 104px 0 128px;
}
.price_s .carBox .headLine01 {
	margin-bottom: 56px;
}
.price_s .carBox .carUl {
	margin: -50px -18px 0;
	display: flex;
	flex-wrap: wrap;
}
.price_s .carBox .carUl li {
	margin: 50px 18px 0;
	width: 212px;
	color: #767676;
	font-size: 1.3rem;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	line-height: 1.53;
	letter-spacing: 0.1em;
}
.price_s .carBox .carUl li:nth-child(5n) {
	margin-right: 0;
}
.price_s .carBox .carUl .image img {
	width: 100%;
}
.price_s .carBox .carUl .image {
	margin-bottom: 7px;
}
.price_s .carBox .carUl .title {
	margin-bottom: 9px;
	color: #121212;
	font-size: 1.6rem;
	text-align: center;
}
.price_s .carBox .carUl .textBox {
	margin: 0 20px;
}
.price_s .priceBox {
	margin: 0 auto;
	max-width: 910px;
}
.price_s .tableBox {
	margin-bottom: 100px;
}
.price_s .tableBox h2 {
	margin-bottom: 28px;
	font-size: 2.1rem;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
}
.price_s .tableBox h2 span {
	font-size: 1.6rem;
	display: inline-block;
}
.price_s .note {
	margin-top: 21px;
	color: #767676;
	font-size: 1.1rem;
	letter-spacing: 0.05em;
}
.price_s .note02 {
	font-size: 1.2rem;
	line-height: 1.58;
}
.price_s .tableBox02 {
	margin-bottom: 0;
}
.price_s .tableBox table + table {
	margin-top: 20px;
}
.price_s .priceBox .innerBox {
	margin-bottom: 51px;
	padding-bottom: 100px;
	border-bottom: 1px solid #767676;
}
@media all and (max-width: 767px) {
	.price_s .carBox .carUl {
		margin: -30px -5px 0;
	}
	.price_s .carBox .carUl li {
		margin: 30px 0 0;
		padding: 0 5px;
		width: 50%;
		font-size: 1.2rem;
		box-sizing: border-box;
	}
	.price_s .carBox .carUl .textBox {
		margin: 0 8px;
	}
	.price_s .tableBox .inner {
		overflow-x: auto;
	}
	.price_s .tableBox table {
		margin: 0 auto;
		width: 770px;
	}
	.price_s .tableBox h2 {
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	.price_s .tableBox h2 span {
		font-size: 1.4rem;
	}
	.price_s .note {
		letter-spacing: 0;
		font-size: 1rem;
	}
	.price_s .priceBox .innerBox {
		margin-bottom: 40px;
		padding-bottom: 50px;
	}
}

/* corp */
.corp .comMainImg {
	margin-bottom: 104px;
}
.corp .listUl {
	margin: 0 -50px;
	display: flex;
	justify-content: space-between;
}
.corp .listUl li {
	padding: 0 10px;
	width: 33.33%;
	color: #767676;
	font-size: 1.6rem;
	box-sizing: border-box;
	text-align: center;
	letter-spacing: 0.02em;
}
.corp .listUl .title {
	margin-bottom: 14px;
	color: #121212;
	font-weight: 500;
	font-size: 3.6rem;
	text-align: center;
	letter-spacing: 0.1em;
}
.corp .showBox {
	margin: 154px 0 104px;
	height: 360px;
	background: url(img/corp/photo.jpg) no-repeat center center;
	background-size: cover;
}
.corp .vision {
	margin-bottom: 137px;
}
.corp .vision .big {
	font-size: 5rem;
	text-align: center;
	letter-spacing: 0.1em;
}
.corp .vision .headLine06 {
	margin-bottom: 54px;
}
.corp .missionUl {
	margin: -30px auto 0;
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.corp .missionUl li {
	margin-top: 30px;
	width: 196px;
	color: #767676;
}
.corp .missionUl .title {
	margin-bottom: 9px;
	color: #121212;
	font-size: 1.6rem;
	text-align: center;
}
.corp .missionUl .image {
	margin-bottom: 23px;
	text-align: center;
}
.corp .missionUl .image img {
	width: 108px;
}
.corp .mission .headLine01 {
	margin-bottom: 58px;
}
.corp .mission .lable {
	margin-top: 18px;
	color: #121212;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 0.1em;
}
.corp .mission .lable span {
	padding: 7px 5px 5px;
	min-width: 100px;
	display: inline-block;
	background-color: #fff;
	border-radius: 50px;
	box-sizing: border-box;
}
@media all and (min-width: 768px) and (max-width: 1200px) {
	.corp .listUl {
		margin: 0 -10px;
	}
	.corp .listUl .title {
		font-size: 2.8rem;
	}
	.corp .listUl li {
		padding: 0 7px;
		font-size: 1.4rem;
		letter-spacing: 0;
	}
	.corp .vision .big {
		font-size: 4rem;
	}
}
@media all and (max-width: 767px) {
	.corp .listUl {
		margin: 0;
		display: block;
	}
	.corp .listUl li {
		margin-bottom: 30px;
		font-size: 1.3rem;
		width: auto;
	}
	.corp .listUl li:last-child {
		margin-bottom: 0;
	}
	.corp .listUl .title {
		font-size: 2.8rem;
	}
	.corp .showBox {
		margin: 80px 0;
		height: auto;
		background: none;
	}
	.corp .showBox img {
		width: 100%;
	}
	.corp .vision .big {
		letter-spacing: 0;
		font-size: 2.6rem;
	}
	.corp .vision .headLine06 {
		margin-bottom: 40px;
	}
	.corp .missionUl {
		margin: 0 20px;
		display: block;
		text-align: center;
	}
	.corp .missionUl li {
		margin-bottom: 40px;
		width: auto;
	}
	.corp .missionUl li:last-child {
		margin-bottom: 0;
	}
	.corp .comMainImg {
		margin-bottom: 60px;
	}
}

/* about */

.about .listDl {
	margin: 0 auto 111px;
	max-width: 820px;
	padding-top: 31px;
	border-top: 1px solid #c0c0c0;
}
.about .listDl dt {
	margin-left: 45px;
	float: left;
	letter-spacing: 0.15em;
}
.about .listDl dd {
	margin-bottom: 32px;
	color: #767676;
	padding: 0 0 30px 13.5em;
	border-bottom: 1px solid #c0c0c0;
	letter-spacing: 0.05em;
}
.about .listDl dd:last-child {
	margin-bottom: 0;
}
.about .company {
	padding-bottom: 111px;
	background-color: #282828;
}
.about .company .topBox {
	position: relative;
}
.about .company .topBox .headLine01 {
	margin: -80px 0 0;
	width: 100%;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
}
.about .company .content {
	max-width: 1144px;
}
.about .company .imgBox {
	margin: -15.58% 0 110px;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 10;
}
.about .company .photo {
	margin-top: 22.1%;
	width: 49%;
	max-width: 470px;
}
.about .company .textBox {
	padding: 12.25% 0 30px 20px;
	width: 46.1%;
	display: flex;
	justify-content: flex-end;
	position: relative;
	box-sizing: border-box;
}
.about .company .textBox::before {
	width: 110vw;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #121212;
	z-index: -1;
	content: "";
}
.about .company .textBox dl {
	color: #fff;
	max-width: 380px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.about .company .textBox dt {
	margin-bottom: 18px;
	font-size: 1.7rem;
}
.about .company .textBox dd {
	margin-bottom: 132px;
	line-height: 2;
	letter-spacing: 0.05em;
}
.about .company .textBox dd:last-child {
	margin-bottom: 0;
}
.about .company .textBox dd p {
	margin-bottom: 20px;
}
.about .company .textBox dd p:last-child {
	margin-bottom: 0;
}
@media all and (min-width: 768px) and (max-width: 1200px) {
	.about .company .textBox dd {
		margin-bottom: 50px;
		letter-spacing: 0;
		font-size: 1.3rem;
	}
	.about .company .textBox dd p {
		margin-bottom: 15px;
	}
	.about .company .imgBox {
		margin-top: -8%;
	}
	.about .company .photo {
		width: 50%;
	}
}
@media all and (min-width: 768px) {
	.about .headLine01 {
		margin-bottom: 32px;
	}
	.about .comMainImg {
		margin-bottom: 108px;
	}
	.about .pageBox {
		margin-top: 110px;
	}
}
@media all and (max-width: 767px) {
	.about .listDl {
		margin-bottom: 80px;
		padding-top: 15px;
	}
	.about .listDl dd {
		margin-bottom: 15px;
		padding: 0 0 15px 8.5em;
		letter-spacing: 0;
	}
	.about .listDl dt {
		margin-left: 15px;
		letter-spacing: 0;
	}
	.about .company .imgBox {
		margin: -10% 0 50px 0;
		display: block;
	}
	.about .company .imgBox .photo {
		margin-top: 0;
		width: auto;
		max-width: inherit;
	}
	.about .company .imgBox .photo ul {
		display: flex;
		justify-content: space-between;
	}
	.about .company .imgBox .photo ul li {
		width: 50%;
	}
	.about .company .imgBox .photo ul img {
		width: 100%;
	}
	.about .company .textBox {
		padding: 40px 20px;
		width: auto;
		display: block;
	}
	.about .company .textBox dl {
		max-width: inherit;
	}
	.about .company .textBox dd {
		margin-bottom: 50px;
		letter-spacing: 0;
		line-height: 1.8;
	}
	.about .company .topBox .image {
		margin: 0 -134px;
	}
	.about .company .topBox .headLine01 {
		margin-top: -44px;
	}
	.about .company {
		padding-bottom: 70px;
	}
}



/* blankUl */
.blankUl {
	margin: 0 17px 0 47px;
	display: flex;
	flex-wrap: wrap;
}
.blankUl li {
	margin-right: 30px;
	width: calc(25% - 30px);
	box-sizing: border-box;
}
.blankUl a {
	padding: 25px 16px 25px 0;
	display: block;
	color: #fff;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	letter-spacing: 0.1em;
	position: relative;
}
.blankUl a::after {
	margin-top: -4px;
	width: 7px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 0;
	background: url(img/common/icon07.png) no-repeat left top;
	background-size: 7px auto;
	content: "";
}
.blankUl span {
	padding-right: 20px;
	display: inline-block;
	position: relative;
}
.blankUl span::after {
	width: 15px;
	height: 13px;
	position: absolute;
	top: 4px;
	right: 0;
	background: url(img/common/icon04.png) no-repeat left top;
	background-size: 15px auto;
	content: "";
}
@media all and (min-width: 768px) and (max-width: 1200px) {
	.blankUl {
		margin: 0 0 0 15px;
	}
	.blankUl li {
		margin-right: 15px;
		width: calc(25% - 15px);
	}
	.blankUl a {
		letter-spacing: 0;
		font-size: 1.3rem;
	}
}
@media all and (min-width: 768px) {
	.blankUl a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	.blankUl {
		margin: 0 20px;
		display: block;
	}
	.blankUl li {
		margin: 0 0 30px;
		width: auto;
	}
	.blankUl li:last-child {
		margin-bottom: 0;
	}
	.blankUl a {
		padding: 20px 16px 20px 0;
	}
	.blankUl span::after {
		width: 13px;
		height: 13px;
		top: 2px;
		background-size: 13px auto;
	}
}

.comNumList {
	margin-bottom: 103px;
	display: flex;
	counter-reset: num;
	justify-content: space-between;
}
.comNumList li {
	width: calc((100% - 100px)/5);
	counter-increment: num;
	border-top: 1px solid #767676; 
	border-bottom: 1px solid #767676; 
}
.comNumList a {
	padding: 20px 40px;
	display: block;
	position: relative;
	letter-spacing: 0.07em;
	background: url(img/common/icon24.png) no-repeat right center / 8px auto;
}
.comNumList a:hover {
	opacity: 0.7;
}
.comNumList a::before {
	margin-top: -13px;
	width: 27px;
	height: 27px;
	position: absolute;
	left: 0;
	top: 50%;
	color: #FFF;
	font-size: 1.3rem;
	line-height: 27px;
	text-align: center;
	content: counter(num);
	border-radius: 3px;
	background-color: #941d3a;
}
@media all and (min-width: 768px) and (max-width: 1066px) {
	.comNumList a {
		padding: 20px 10px 20px 30px;
	}
	.comNumList li {
		width: calc((78% - 60px)/4);
	}
	.comNumList .wid {
		width: 22%;
	}
	.comNumList a {
		padding: 20px 10px 20px 30px;
	}
}
@media all and (max-width: 767px) {
	.comNumList {
		margin-bottom: 50px;
	}
	.comNumList a {
		padding: 20px 0;
		font-size: 0;
		background: none;
	}
	.comNumList a::before {
		margin-left: -13px;
		left: 50%;
	}
}

/* comSlideBox */
.comSlideBox {
	padding: 0 100px;
	margin: 0 auto 15px;
	max-width: 630px;
	position: relative;
}
.comSlideBox .slideUl li {
	position: relative;
}
.comSlideBox .num {
	width: 22px;
	position: absolute;
	left: 54px;
	top: 50%;
	font-size: 1.1rem;
	text-align: center;
	transform: translateY(-55%);
}
.comSlideBox .num span.total {
	margin-top: 6px;
	padding-top: 6px;
	display: block;
	border-top: 1px solid;
}
.comSlideBox .slideUl .img {
	position: relative;
	text-align: center;
}
.comSlideBox .slideUl .img img {
	width: 100%;
}
.comSlideBox .arrow {
	position: absolute;
	right: 30px;
	bottom: 0;
}
.comSlideBox .arrow li {
	margin-top: 14px;
	cursor: pointer;
	width: 43px;
	height: 43px;
	border: 1px solid #747474;
	background: url(img/common/arrow_icon05.png) no-repeat center center / 13px auto;
	border-radius: 45px;
}
.comSlideBox .arrow .prev {
	background-image: url(img/common/arrow_icon07.png);
}
.comSlideBox .arrow li:hover {
	opacity: 0.7;
}
@media all and (max-width: 767px) {
	.comSlideBox {
		padding: 0 30px;
	}
	.comSlideBox .num {
		width: 15px;
		left: 5px;
	}
	.comSlideBox .arrow {
		right: -5px;
	}
	.comSlideBox .arrow li {
		width: 30px;
		height: 30px;
	}
}

/* comImgBox */
.comImgBox {
	margin: 0 auto 30px;
	max-width: 845px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #FFF;
}
.comImgBox .photoBox {
	width: 42.6%;
}
.comImgBox .textBox {
	padding: 10px 50px 10px 0;
	width: 52%;
	box-sizing: border-box;
}
.comImgBox .lineLink {
	margin: 20px 0 0;
	text-align: left;
}
.comImgBox h4 {
	margin-bottom: 8px;
	font-size: 1.6rem;
	font-weight: 500;
}
.comImgBox p {
	color: #767676;
	letter-spacing: 0.03em;
}
.comImgBox .telBox {
	margin: 45px 0;
	padding: 25px 40px;
	width: 42.6%;
	box-sizing: border-box;
	border-right: 1px solid #c0c0c0;
}
.comImgBox .tel a {
	padding-left: 62px;
	display: inline-block;
	position: relative;
	color: #121212;
	font-size: 2.9rem;
	line-height: 1;
	letter-spacing: 0.05em;
}
.comImgBox .tel a::before {
	position: absolute;
	left: 5px;
	top: 50%;
	width: 44px;
	height: 44px;
	content: '';
	border: 1px solid #b3b3b3;
	border-radius: 45px;
	transform: translateY(-50%);
	background: url(img/common/icon25.png) no-repeat center center / 18px auto;
}
.comImgBox .tel small {
	margin-top: 7px;
	display: block;
	color: #767676;
	font-size: 1.2rem;
}
@media all and (min-width: 768px) and (max-width: 1066px) {
	.comImgBox .telBox a {
		letter-spacing: 0;
	}
}
@media all and (max-width: 767px) {
	.comImgBox {
		display: block;
	}
	.comImgBox .photoBox {
		width: 100% !important;
	}
	.comImgBox .photoBox img {
		width: 100%;
	}
	.comImgBox .textBox {
		padding: 20px;
		width: 100%;
	}
	.comImgBox .telBox {
		margin-bottom: 0;
		padding: 25px;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #c0c0c0;
	}
	.comImgBox .tel {
		text-align: center;		
	}
	.comImgBox .tel a {
		text-align: left;
		font-size: 2.5rem;
		letter-spacing: 0;
	}
}
/* comGrayBtn */
.comGrayBtn {
	text-align: center;
}
.comGrayBtn li {
	margin: 0 8px;
	display: inline-block;
}
.comGrayBtn .comBtn a {
	width: 290px;
	min-height: inherit;
	padding: 18px 50px 18px 23px;
	border: 1px solid #767676; 
	background-color: transparent;
}
.darkBack .comBtn a {
	color: #FFF;
	background-color: #282828;
	border-color: #767676;
}
@media all and (min-width: 768px) {
	.comGrayBtn .comBtn a:hover {
		color: #FFF;
		background-color: #282828;
		border-color: #282828;
	}
	.comGrayBtn .comBtn a:hover::after {
		background-image: url(img/common/arrow_icon08.png);
	}
	.darkBack .comBtn a:hover {
		color: #121212;
		background-color: #FFF;
		border: 1px solid #FFF; 
	}
	.darkBack .comBtn a:hover::after {
		background-image: url(img/common/arrow_icon05.png);
	}
}
@media all and (max-width: 767px) {
	.comGrayBtn li {
		margin: 0 0 20px;
		display: block;
	}
	.comGrayBtn li:last-child {
		margin-bottom: 0;
	}
}
/* comSlideBox */
.comSlideBox {
	padding: 0 100px;
	margin: 0 auto 15px;
	max-width: 630px;
	position: relative;
}
.comSlideBox .slick-slide {
	font-size: 0;
}
.comSlideBox .slideUl li {
	position: relative;
}
.comSlideBox .slideUl .num {
	width: 22px;
	position: absolute;
	left: -46px;
	top: 50%;
	font-size: 1.1rem;
	text-align: center;
	transform: translateY(-55%);
}
.comSlideBox .slideUl .num span {
	margin-top: 6px;
	padding-top: 6px;
	display: block;
	border-top: 1px solid;
}
.comSlideBox .slideUl .img {
	position: relative;
	text-align: center;
}
.comSlideBox .slideUl .img img {
	width: 100%;
}
.comSlideBox .arrow {
	position: absolute;
	right: 30px;
	bottom: 0;
}
.comSlideBox .arrow li {
	margin-top: 12px;
	cursor: pointer;
	width: 43px;
	height: 43px;
	border: 1px solid #747474;
	background: url(img/common/arrow_icon05.png) no-repeat center center / 13px auto;
	border-radius: 45px;
}
.comSlideBox .arrow .prev {
	background-image: url(img/common/arrow_icon07.png);
}
.comSlideBox .arrow li:hover {
	opacity: 0.7;
}
.comSlideBox .arrow .slick-disabled {
	opacity: 0.7;
}
@media all and (max-width: 767px) {
	.comSlideBox {
		padding: 0 30px;
	}
	.comSlideBox .slideUl .num {
		width: 15px;
		left: -25px;
	}
	.comSlideBox .arrow {
		right: -5px;
	}
	.comSlideBox .arrow li {
		width: 30px;
		height: 30px;
	}
}


/* afterService */
.afterService {
	margin-bottom: 104px;
}
.afterService .reasonBox {
	margin-top: -85px;
	padding: 190px 0 110px;
	background-color: #282828;
}
.afterService .reasonBox .topInner {
	margin-bottom: 90px;
	display: flex;
}
.afterService .reasonBox .topInner .photoBox {
	margin-right: 105px;
	width: calc(50% - 80px);
}
.afterService .reasonBox .topInner .textBox {
	margin-top: 80px;
	max-width: 530px;
}
.afterService .reasonBox .topInner h3 {
	margin-bottom: 53px;
	color: #fefefe;
	font-size: 5rem;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.afterService .reasonList {
	margin: 0 -50px 0 5px;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
.afterService .reasonList li {
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.afterService .reasonList li:last-child {
	margin-bottom: 0;
}
.afterService .reasonList .img {
	width: 80px;
}
.afterService .reasonList .text {
	width: calc(100% - 105px);
}
.afterService .reasonList h4 {
	margin-bottom: 8px;
	color: #fefefe;
	font-size: 2.3rem;
	font-weight: 300;
}
.afterService .reasonList p {
	color: #767676;
}
.afterService .comImgBox {
	margin: 0 auto 30px;
	max-width: 600px;
}
.afterService .comImgBox .photoBox {
	width: 41.6%;
}
@media all and (min-width: 768px) and (max-width: 1066px) {
	.afterService .reasonBox .topInner .photoBox {
		margin-right: 50px;
	}
	.afterService .reasonBox .topInner .textBox {
		margin-top: 20px;
	}
	.afterService .reasonBox .topInner h3 {
		margin-bottom: 20px;
		font-size: 3.5rem;
	}
	.afterService .reasonList li {
		margin-bottom: 15px;
	}
	.howto .list .tel small {
		display: block;
	}
}
@media all and (max-width: 767px) {
	.afterService {
		margin-bottom: 60px;
	}
	.afterService .reasonBox {
		padding: 150px 10px 80px;
	}
	.afterService .reasonBox .topInner {
		display: block;
	}
	.afterService .reasonBox .topInner .photoBox {
		width: 100%;
	}
	.afterService .reasonBox .topInner .textBox {
		margin: 30px 10px;
		width: auto;
		box-sizing: border-box;
	}
	.afterService .reasonBox .topInner h3 {
		margin-bottom: 20px;
		font-size: 3rem;
	}
	.afterService .reasonList {
		margin: 0 0 50px;
	}
	.afterService .reasonList .img {
		width: 50px;
	}
	.afterService .reasonList .text {
		width: calc(100% - 60px);
	}
	.afterService .reasonList li {
		margin-bottom: 20px;
	}
	.afterService .reasonList h4 {
		font-size: 1.8rem;
	}
	.atrcenter .headLine01 {
		font-size: 2.3rem;
	}
	.afterService .comImgBox .textBox {
		text-align: center;
	}
}
.howto {
	margin-bottom: 110px;
}
.howto .mainImg {
	margin: 100px auto 65px;
	max-width: 1065px;
}
.howto .list {
	margin: -40px auto 0;
	max-width: 1018px;
	display: flex;
	flex-wrap: wrap;
	counter-reset: num;
	justify-content: space-between;
}
.howto .list li {
	margin-top: 40px;
	padding: 14px 0 14px 42px;
	width: calc(50% - 45px);
	position: relative;
	letter-spacing: 0.08em;
	counter-increment: num;
	box-sizing: border-box;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
.howto .list li:nth-child(2n)::after {
	position: absolute;
	left: -45px;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: #b3b3b3;
	content:'';
}
.howto .list li::before {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 13px;
	font-size: 1.5rem;
	line-height: 25px;
	text-align: center;
	content: counter(num);
	border: 1px solid #dadada;
	border-radius: 3px;
}
.howto .list h3 {
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: 500;
}
.howto .list p {
	color: #767676;
}
.howto .list .tel {
	margin: 20px 0 0;
}
.howto .list .tel a {
	padding: 8px 10px 8px 40px;
	display: inline-block;
	font-size: 2rem;
	letter-spacing: 0.03em;
	border: 1px solid #dadada;
	background: url(img/common/icon08.png) no-repeat 15px center / 16px auto;
}
.howto .list .tel small {
	margin-left: 10px;
	color: #767676;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
}
.howto .headLine01 {
	font-size: 2.7rem;
}
.howto .headLine01 .en {
	margin-top: 0;
}
@media all and (max-width: 767px) {
	.howto {
		margin-bottom: 60px;
	}
	.howto .mainImg {
		margin: 0 0 50px;
		overflow-x: auto;
	}
	.howto .mainImg img {
		width: 800px;
		max-width: inherit;
	}
	.howto .list li {
		padding: 20px 0 20px 35px;
		margin: 0;
		width: 100%;
		border-bottom: 1px solid #282828;
	}
	.howto .list li::before {
		top: 20px;
	}
	.howto .list li::after {
		display: none;
	}
	.howto .list .tel small {
		display: block;
	}
	.howto .list .tel a {
		padding-right: 25px;
	}
}
.appArea {
	max-width: 1072px;
}
.appArea .photoArea {
	margin-bottom: 50px;
}
.appArea .imgBox {
	margin: 0 auto;
	max-width: 740px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.appArea .imgBox .photoBox {
	width: 32%;
}
.appArea .imgBox .textBox {
	width: 64%;
	letter-spacing: 0.08em;
}
.appArea .imgBox .headLine05 {
	margin-bottom: 20px;
	text-align: left;
}
.appArea .imgBox p {
	margin-bottom: 20px;
	color: #767676;
}
.appArea .appList {
	margin-bottom: 17px;
	display: flex;
}
.appArea .appList li {
	margin-right: 15px;
	width: 179px;
}
.appArea .txtList {
	margin-bottom: 45px;
}
.appArea .txtList li {
	text-indent: -1.1em;
	padding-left: 1.1em;
}
.appArea .noteList {
	margin-bottom: 0;
}
.appArea .noteList li {
	color: #767676;
	font-size: 1.1rem;
}
.appArea .headLine01 {
	font-size: 2.7rem;
}
.appArea .headLine01 .en {
	margin-top: 0;
}
@media all and (min-width: 768px) {
	.appArea .appList a:hover {
		opacity: 0.7;
	}
}
@media all and (min-width: 768px) and (max-width: 1066px) {
	.appArea .imgBox .textBox {
		width: 65%;
	}
}
@media all and (max-width: 767px) {
	.appArea .imgBox {
		display: block;
	}
	.appArea .imgBox .photoBox {
		margin: 0 auto 20px;
	}
	.appArea .imgBox .textBox {
		width: 100%;
	}
	.appArea .imgBox .headLine05 {
		text-align: center;
	}
}

/* inspection */
.inspection .comMainImg {
	margin-bottom: 105px;
}
.inspection .inner {
	margin: 0 auto 109px;
	max-width: 1050px;
}
.inspection .topInner {
	margin-bottom: 50px;
}
.inspection .headLine05 {
	font-size: 2.3rem;
	letter-spacing: 0.1em;
}
.inspection .topInner .headLine05 {
	margin-bottom: 18px;
	line-height: 1.7;
	font-size: 2.1rem;
}
.midTxt01 {
	margin-bottom: 30px;
	color: #767676;
	text-align: center;
	letter-spacing: 0.1em;
}
.inspection .midTxt01 sup {
	font-size: 0.8rem;
	line-height: 1;
}
.inspection .carBox {
	margin-bottom: 32px;
	text-align: center;
}
.inspection .carBox span {
	margin-top: 5px;
	display: block;
	text-align: center;
	color: #767676;
	font-size: 1.1rem;
	letter-spacing: 0.07em;
}
.inspection .rightArr {
	margin: 0 0 60px;
}
.inspection .inner h4 {
	margin: 0 70px 15px;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.inspection .noteBox {
	padding: 19px;
	font-size: 1.1rem;
	letter-spacing: 0.07em;
	text-align: center;
	border: 1px solid #C0C0C0;
}
.inspection .noteBox span {
	color: #767676;
}
.inspection .noteTxt {
	margin-bottom: 30px;
	text-align: center;
}
.inspection .noteTxt span {
	display: inline-block;
	letter-spacing: 0.1em;
	text-align: left;
}
.inspection .inner + .imgBox {
	margin-top: 110px;
}
.inspection .btnUl .comBtn02 a {
	width: 290px;
	min-height: inherit;
	padding: 18px 50px 18px 23px;
	border: 1px solid #767676; 
	background-color: transparent;
}
.inspection .btnUl .comBtn02 a:hover {
	color: #FFF;
	background-color: #282828;
	border-color: #282828;
}
.inspection .btnUl .comBtn02 a:hover::after {
	background-image: url(img/common/arrow_icon08.png);
}
.inspection .comImgBox .lineLink {
	margin: 20px 0 0 0;
}
@media all and (max-width: 767px) {
	.inspection .comMainImg {
		margin-bottom: 60px;
	}
	.inspection .headLine05 {
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	.inspection .topInner .headLine05 {
		font-size: 1.6rem;
		letter-spacing: 0;
	}
	.inspection .noteBox {
		padding: 10px;
	}
	.inspection .headLine05 {
		margin-bottom: 20px;
	}
	.inspection .inner h4 {
		margin: 0 0 15px;
		text-align: center;
	}
}

.comCheckArea {
	margin-bottom: 52px;
	padding: 50px 70px;
	background-color: #ebebeb;
}
.comCheckArea h4 {
	margin: 0 0 12px !important;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.comCheckArea p {
	color: #767676;
}
.comCheckArea .dotList li { 
	display: inline-block;
}
@media all and (max-width: 767px) {
	.comCheckArea {
		padding: 20px;
	}
}
.dotList li {
	padding: 0 20px 0 15px;
	color: #767676;
	position: relative;
}
.dotList li::before {
	position: absolute;
	left: 0;
	top: 7px;
	content: '';
	width: 7px;
	height: 7px;
	background-color: #363636;
	border-radius: 14px;
}
.dotList.small {
	font-size: 1.1rem;
}
.dotList.small li {
	padding-right: 0;
	display: block;
}
.dotList.small li::before {
	top: 4px;
}
.dotList.column {
	columns: 2;
}
.dotList.column li {
	padding-right: 0;
}
@media all and (max-width: 767px) {
	.dotList.column {
		columns: 1;
	}
	.dotList li {
		padding-left: 10px;
	}
	.dotList li::before {
		top: 5px;
		width: 5px;
		height: 5px;
	}

}

/* packdemente */
.packdemente .comMainImg {
	margin-bottom: 106px;
}
.packdemente .inner {
	margin: 0 auto 70px;
	max-width: 1050px;
}
.packdemente .topInner {
	margin-bottom: 50px;
}
.packdemente .topInner .h3Ttl {
	margin-bottom: 50px;
	padding-bottom: 50px;
	position: relative;
	font-size: 2.1rem;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.4;
}
.packdemente .topInner .h3Ttl small {
	color: #767676;
	font-size: 1.4rem;
	font-weight: 300;
	letter-spacing: 0.08em;
}
.packdemente .topInner .h3Ttl::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 60px;
	height: 2px;
	background-color: #121212;
	transform: translateX(-50%);
	content: '';
}
.packdemente .headLine05 {
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.packdemente .headLine05 small {
	color: #121212;
	font-size: 1.4rem;
}
.packdemente .headLine05 .txt01 {
	font-size: 1.6rem;
}
.packdemente .linkList {
	margin: -20px auto 130px; 
	max-width: 910px;
	padding: 50px 85px 50px; 
	position: relative;
	box-sizing: border-box;
	background-color: #FFF;
}
.packdemente .linkList::after {
	position: absolute;
	left: 0;
	bottom: -82px;
	width: 100%;
	height: 26px;
	background: url(img/service/packdemente/arrow.png) no-repeat center center / auto 100%;
	content: '';
}
.packdemente .linkList li {
	margin-bottom: 18px;
	letter-spacing: 0.07em;
}
.packdemente .linkList li:last-child {
	margin-bottom: 0;
}
.packdemente .linkList span {
	padding: 7px 0 7px 35px;
	display: block;
	background: url(img/service/packdemente/icon01.png) no-repeat left center / 25px auto;
}
.packdemente .linkList a {
	padding-left: 35px;
	color: #767676;
	display: inline-block;
	background: url(img/common/arrow_icon05.png) no-repeat left 6px center / 13px auto;
	border-bottom: 2px solid transparent;
}
.packdemente .imgUl {
	margin: -25px 40px 0;
	display: flex;
}
.packdemente .imgUl li {
	padding: 25px;
	box-sizing: border-box;
	width: 25%;
}
.packdemente .imgUl .img {
	margin-bottom: 17px;
	text-align: center;
}
.packdemente .imgUl img {
	width: 80px;
}
.packdemente .imgUl h4 {
	margin-bottom: 10px;
	font-size: 1.6rem;
	text-align: center;
	font-weight: 500;
}
.packdemente .imgUl p {
	color: #767676;
}
@media all and (min-width: 768px) {
	.packdemente .linkList a:hover {
		border-bottom-color: currentColor;
	}
}
@media all and (min-width: 768px) and (max-width: 1100px) {
	.packdemente .imgUl {
		margin: 0 0;
	}
	.packdemente .imgUl li {
		padding: 25px 7px;
	}
	.packdemente .imgUl h4 {
		font-size: 1.4rem;
	}
}
@media all and (max-width: 767px) {
	.packdemente .comMainImg {
		margin-bottom: 60px;
	}
	.packdemente .headLine05 {
		margin-bottom: 20px;
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	.packdemente .topInner .h3Ttl {
		font-size: 1.7rem;
	}
	.packdemente .topInner .h3Ttl small {
		margin-top: 5px;
		display: block;
		line-height: 1.4;
		font-size: 1.2rem;
	}
	.packdemente .linkList {
		margin-top: 0;
		padding: 20px 15px 20px;
	}
	.packdemente .linkList span {
		padding-left: 18px;
		background-size: 15px auto;
		background-position: left 7px; 
	}
	.packdemente .linkList a {
		padding-left: 18px;
		background-size: 10px auto;
		background-position: left 5px; 
	}
	.packdemente .imgUl {
		margin: 0;
		flex-wrap: wrap;
	}
	.packdemente .imgUl li {
		width: 50%;
		padding: 10px 5px;
	}
	.packdemente .imgUl h4 {
		margin-bottom: 5px;
		font-size: 1.2rem;
	}
}
@media all and (max-width: 767px) {
	.packdemente .headLine05 {
		font-size: 1.6rem;
	}
	.packdemente .imgUl {
		margin: 0 -10px;
	}
}

/* comTabUl */
.comTabUl {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #767676;
}
.comTabUl li {
	margin: 0 33px;
}
.comTabUl a {
	padding: 10px 0 15px;
	display: inline-block;
	letter-spacing: 0.1em;
	border-bottom: 4px solid transparent;
}
.comTabUl .on a {
	border-bottom-color: #121212;
}
@media all and (min-width: 768px) {
	.comTabUl a:hover {
		border-bottom-color: #121212;
	}
}
@media all and (max-width: 767px) {
	.comTabUl li {
		margin: 0 10px;
	}
	.comTabUl a {
		padding: 5px 0;
	}
}
/* tabPanel */
.tabPanel {
	margin: 0 auto 70px;
	max-width: 1050px;
}
.tabPanel .tabBox {
	padding: 98px 20px 0;
	margin: 0 auto;
	max-width: 910px;
}
.tabPanel .comCheckArea {
	margin: 0 -70px 50px;
}
.tabPanel .tableArea {
	margin: -25px 0 43px;
}
.tabPanel .tableArea .unit {
	margin-bottom: 5px;
	display: block;
	text-align: right;
	font-size: 1.2rem;
}
.tabPanel .tableArea .noteUl {
	margin-top: 15px;
	font-size: 1.1rem;
	display: flex;
}
.tabPanel .tableArea .noteUl li {
	margin-right: 20px;
}
.tabPanel .tableArea .noteUl img {
	margin-right: 2px;
}
.tabPanel .tableArea .noteTxt {
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.tabPanel .comCheckArea + .note {
	margin-top: -25px;
}
.tabPanel .note {
	color: #767676;
	font-size: 1.1rem;
}
.red {
	color: #a00b2f !important;
}
.tabPanel .subInner {
	margin-bottom: 100px;
}
@media all and (min-width: 768px) and (max-width: 1100px) {
	.tabPanel .comCheckArea {
		padding: 50px 40px;
		margin-left: -30px;
		margin-right: -30px;
	}
}
@media all and (max-width: 767px) {
	.tabPanel .tabBox {
		padding: 50px 0 0;
	}
	.tabPanel .tableArea {
		margin: 0 0 30px;
	}
	.tabPanel .tableArea .scrollBox {
		margin-bottom: 20px;
		overflow: auto;
	}
	.tabPanel .tableArea .scrollBox img {
		min-width: 800px;
		width: 100%;
		max-width: inherit;
	}
	.tabPanel .tableArea .noteUl {
		display: block;
	}
	.tabPanel .tableArea .noteUl li {
		margin: 0 0 10px;
	}
	.tabPanel .tableArea .noteUl li:last-child {
		margin-bottom: 0;
	}
	.tabPanel .subInner {
		margin-bottom: 60px;
	}
	.tabPanel .comCheckArea {
		margin-left: -10px;
		margin-right: -10px;
	}
}

/* priceTab */
.priceTab {
	margin-bottom: 20px;
	border: 1px solid #121212; 
}
.priceTab th,
.priceTab td {
	padding: 10px 0;
	width: auto;
	text-align: center;
}
.priceTab thead th {
	text-align: center;
	border-top: none;
}
.priceTab thead th .ttl {
	font-size: 1.2rem;
	display: inline-block;
	text-align: left;
}
.priceTab thead .black {
	padding: 6px 2px;
	color: #FFF;
	font-size: 1.4rem;
	text-align: center;
	border-left: none;
	border-right-color: #c0c0c0; 
	background-color: #282828;
	border-bottom: none;
}
.priceTab thead .white {
	padding: 8px 2px;
	width: 9%;
	font-size: 1.2rem;
	text-align: center;
	box-sizing: border-box;
	background-color: #FFF;
}
.priceTab tbody th,
.priceTab tbody td {
	border: none;
}
.priceTab tbody td {
	font-size: 1.3rem;
	letter-spacing: 0;
}
.priceTab tbody th {
	background-color: #F5F5F5;
	border-right: 1px solid #121212; 
	border-bottom: 1px dashed; 
}
.priceTab tbody .title {
	padding: 5px 17px;
	width: 11%;
	text-align: left;
	border-right-style: dashed; 
	border-left: 1px solid #121212;
}
.priceTab tbody .title .num {
	display: block;
	font-size: 2.7rem;
	font-weight: 600;
	line-height: 1.2;
}
.priceTab tbody .title .num.sml {
	font-size: 2.3rem;
}
.priceTab th .txt {
	margin-top: 2px;
	display: block;
	font-size: 1.2rem;
}
.priceTab tbody td {
	border-right: 1px solid #212121;
}
.priceTab tbody td:nth-child(2n) {
	border-right-style: solid; 	
}
.priceTab tbody td:nth-child(2n+1) {
	border-right-style: dashed; 	
}
.priceTab .trSty td:nth-child(2n+1) {
	border-right: 1px solid #212121; 
}
.priceTab .trSty td:nth-child(2n) {
	border-right-style: dashed; 	
}
.priceTab .trSty td {
	border-top: 1px dashed #121212;
	border-bottom: 1px solid #121212;
}
@media all and (min-width: 768px) and (max-width: 950px) {
	.priceTab th,
	.priceTab td {
		letter-spacing: 0;
	}
	.priceTab tbody .title {
		padding: 5px;
		width: 9%;
	}
}
@media all and (max-width: 768px) {
	.priceTab {
		margin-bottom: 0;
		width: 800px;
	}
}

/* coating */
.coating .comMainImg {
	margin-bottom: 100px;
}
.coating .headLine05 {
	margin-bottom: 16px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.coating .headLine05 + .midTxt01 {
	margin-top: -10px;
}
.coating .h3Ttl {
	margin-bottom: 25px;
	font-size: 2.3rem;
}
.coating .headLine05 small {
	color: #121212;
	font-size: 1.4rem;
}
.coating .headLine05 .txt01 {
	font-size: 1.6rem;
}
.coating .inner {
	margin-bottom: 100px;
}
.coating .imgArea p {
	margin-top: 20px;
	color: #767676;
	letter-spacing: 0.1em;
}
.coating .featureBox {
	padding: 55px;
	background-color: #FFF;
}
.coating .featureBox .img {
	margin: 6px 0 0 20px;
	float: right;
}
.coating .featureBox h4 {
	margin-bottom: 10px;
	font-weight: 500;
	display: flex;
	align-items: center;
}
.coating .featureBox h4 .num {
	margin-right: 10px;
	padding: 5px; 
	min-width: 60px;
	display: inline-block;
	color: #FFF;
	font-size: 1.1rem;
	text-align: center;
	box-sizing: border-box;
	background-color: #363636;
}
.coating .featureBox h4 .txt {
	margin-right: -35px;
}
.coating .featureBox p {
	margin-bottom: 47px;
	color: #767676;
	letter-spacing: 0.08em;
}
.coating .featureBox .note {
	margin: -28px 0 35px;
}
.coating .featureBox .movie {
	margin: 0 auto 30px;
	max-width: 320px;
}
.coating .featureBox .ttl {
	margin: 50px 0 5px;
	padding-top: 50px;
	color: #121212;
	font-size: 1.6rem;
	text-align: center;
	border-top: 1px solid #767676;
}
.coating .featureBox .centerTxt {
	margin-bottom: 28px;
	text-align: center;
}
.coating .featureBox .lineLink {
	margin-top: 0;
}
.coating .featureBox .lineLink a {
	font-size: 1.5rem;
}
.coating .imgList {
	display: flex;
	justify-content: space-between;
}
.coating .imgList li:first-child {
	margin-right: 15px;
}
.coating .imgInner {
	margin-bottom: 50px;
}
.coating .imgInner .img {
	margin-bottom: 20px;
}
.coating .imgInner p {
	margin-bottom: 6px;
	font-size: 1.2rem;
}
.coating .imgInner .dotList {
	margin-bottom: 12px;
}
.coating .tabPanel .tableArea {
	margin-top: 0;
}
.coating .imgBox {
	margin: 25px -70px 0;
	display: flex;
	padding: 55px 70px 50px;
	justify-content: space-between;
	border: 1px solid #c0c0c0;
}
.coating .imgBox .photoBox {
	width: 43.5%;
}
.coating .imgBox .textBox {
	width: 53%;
}
.coating .imgBox .textBox p {
	margin-bottom: 11px;
	color: #767676;
	letter-spacing: 0.08em;
}
.coating .alCent {
	align-items: center;
}
.coating .imgBox h4 {
	margin-bottom: 20px;
	font-size: 2.1rem;
	font-weight: 500;
}
.coating .imgBox .dotList01 {
	margin: 0 -10px 15px 0;
	display: flex;
	flex-wrap: wrap;
}
.coating .imgBox .dotList01 li {
	padding-bottom: 5px;
	width: 50%;
	box-sizing: border-box;
}
.coatingPrice {
	margin-bottom: 20px;
	border: 1px solid #121212;
}
.coatingPrice th {
	padding: 6px 2px;
	height: inherit;
	color: #FFF;
	font-size: 1.4rem;
	text-align: center;
	border-left: none;
	border-right-color: #c0c0c0; 
	background-color: #282828;
	border-bottom: none;
}
.coatingPrice th:first-child {
	width: 42%;
}
.coatingPrice .wid {
	width: 51%;
}
.coatingPrice td {
	height: 70px;
}
.coatingPrice .num {
	font-size: 2.1rem;
}
.coatingPrice small {
	font-size: 1.5rem;
}
@media all and (min-width: 768px) and (max-width: 1100px) {
	.coating .featureBox {
		padding: 30px; 
	}
	.coatingPrice th:first-child {
	    width: 39%;
	}
	.coating .imgBox {
		margin: 25px -15px 0;
		padding: 55px 40px 50px;
	}
}
@media all and (max-width: 767px) {
	.coating .comMainImg {
		margin-bottom: 60px;
	}
	.coating .inner {
		margin-bottom: 60px;
	}
	.packdemente .headLine05 {
		margin-bottom: 20px;
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	.coating .featureBox {
		padding: 20px; 
	}
	.coating .featureBox .img {
		margin: 0 0 20px;
		float: none;
		text-align: center;
	}
	.coating .featureBox h4 .txt {
		margin-right: 0;
	}
	.coating .imgList {
		display: block;
		text-align: center;
	}
	.coating .imgList li:first-child {
		margin: 0 0 20px;
	}
	.coatingPrice th:first-child {
		width: 30%;
	}
	.coatingPrice .wid {
		width: 60% !important;
	}
	.coatingPrice th {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	.coatingPrice td {
		height: inherit;
	}
	.coatingPrice .num {
		font-size: 1.8rem;
	}
	.coatingPrice small {
		display: block;
		font-size: 1.2rem;
	}
	.coating .imgBox {
		padding: 15px;
		margin: 25px 0 0;
		display: block;
	}
	.coating .imgBox .photoBox {
		margin-bottom: 20px;
		width: 100%;
	}
	.coating .imgBox .textBox {
		width: 100%;
	}
	.coating .imgBox h4 {
		font-size: 1.8rem;
	}
	.coating .imgBox .dotList01 li {
		width: 100%;
	}
}
@media all and (max-width: 767px) {
	.packdemente .headLine05 {
		font-size: 1.6rem;
	}
}
.coating .headLine05 + .leftTxt {
	margin: 25px 0 50px;
}
.leftTxt {
	text-align: left;
}
/* index */
.top #main {
	margin-bottom: 0;
}
.index .mainVisual {
	margin-bottom: 129px;
	padding: 108px 0;
	height: 100vh;
	min-height: 725px;
	position: relative;
	box-sizing: border-box;
    overflow: hidden;
}
.index .mainVisual .bg {
	width: calc(50% + 180px);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-color: #f5f5f5;
	z-index: 10;
}
.index .mainVisual .movie {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.index .mainVisual .movie .video {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.index .mainVisual .movie .video video {
    position: absolute;
}
.index .mainVisual .movie .textBox {
	padding-bottom: 13px;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 100;
}
.index .mainVisual .movie .scrollBtn {
	margin-left: -23px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 100;
}
.index .mainVisual .movie h2 {
	margin-bottom: 5px;
	font-family: "MazdaTypeRegular";
	font-size: 4.5rem;
	letter-spacing: 0.05em;
}
.index .mainVisual .movie p {
	text-align: center;
	line-height: 1.53;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
}
.index .mainVisual .movie.noFix {
	position: absolute;
	z-index: 1;
}
.index .mainVisual .movie.noFix .textBox {
	display: none;
}
.index .mainVisual .movie.noFix .scrollBtn {
	display: none;
}
.index .mainVisual .innerBox {
	margin: 0 auto;
	max-width: 1250px;
	position: relative;
	z-index: 10;
}
.index .mainVisual .comSlideBox {
	margin-bottom: 0;
	max-width: 1250px;
}
.index .mainVisual .comSlideBox .num {
	left: 48px;
}
.index .mainVisual .comSlideBox .arrow .next {
	background-image: url(img/common/arrow_icon01.png);
}
.index .mainVisual .comSlideBox .arrow .prev {
	background-image: url(img/common/arrow_icon09.png);
}
.index .mainVisual .btmBtn {
	width: 660px;
	position: absolute;
	bottom: -65px;
	left: -15px;
}
.index .mainVisual .btmBtn a {
	display: block;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: 0.07em;
	position: relative;
}
.index .mainVisual .btmBtn .en {
	margin-top: 9px;
	font-size: 3.1rem;
	letter-spacing: 0.04em;
}
.index .mainVisual .btmBtn a > div {
	width: 100%;
	padding: 39px 59px 36px;
	color: #fff;
	background-color: #121212;
	position: relative;
	box-sizing: border-box;
}
.index .mainVisual .btmBtn a > div::after {
	margin-top: -4px;
	width: 7px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 60px;
	background: url(img/common/icon07.png) no-repeat left top;
	background-size: 7px auto;
	content: "";
}
.index .mainVisual .btmBtn a .white {
	width: 100%;
	color: #121212;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.index .mainVisual .btmBtn a .white::after {
	background-image: url(img/common/icon02.png);
}
.index .mainVisual .btmBtn a .white::before {
	width: 170px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #121212;
	content: "";
}
.index .mainVisual .dotsUl {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -55px;
	left: 0;
	font-size: 0;
	display: none !important;
}
.index .dotsUl button {
	display: none;
}
.index .dotsUl li {
	margin: 0 5px;
	width: 4px;
	height: 4px;
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	overflow: hidden;
	background-color: #d9d9d9;
}
.index .dotsUl .slick-active {
	background-color: #282828;
	transform: scale(1.5);
}
.index .topicsBox .headLine01 {
	margin-bottom: 37px;
}
.index .topicsBox .swiper-wrapper {
/*	display: flex;
	align-items: center;
	justify-content: center;*/
}
.index .topicsBox .swiper-slide {
	margin-top: -50px;
	position: relative;
	width: 720px;
}
.index .topicsBox .progress {
	width: 0;
	height: 4px;
	background-color: #121212;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
}
.index .topicsBox .swiper-slide-active {
	margin-top: 0;
}
.index .topicsBox .swiper-slide-active .progress {
	width: 100%;
	transition: all linear 3s;
}
/*.index .topicsBox .first .swiper-slide-active .progress {
	transition-duration: 3.5s;
}*/
.index .topicsBox .swiper-slide.on {
	margin: 0 40px;
	width: 720px;
}
.index .topicsBox .lableTxt {
	padding: 3px 13px;
	color: #fff;
	font-size: 2rem;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #121212;
	letter-spacing: 0.05em;
	opacity: 1;
	visibility: visible;
}
/*.index .topicsBox .swiper-slide-prev .lableTxt {
	left: auto;
	right: 0;
}
.index .topicsBox .swiper-slide-next .lableTxt {
	left: 0;
}*/
.index .topicsBox .swiper-slide-active .lableTxt {
	opacity: 0;
	visibility: hidden;
}
.index .topicsBox .arrowUl {
	margin: 0 auto;
	max-width: 890px;
	position: relative;
}
.index .topicsBox .arrowUl li {
    cursor: pointer;
    width: 43px;
    height: 43px;
    border: 1px solid #c1c1c1;
    background: url(img/common/arrow_icon05.png) no-repeat center center / 13px auto;
    border-radius: 45px;
	position: absolute;
	top: 95px;
	right: 0;
}
.index .topicsBox .arrowUl .swiper-button-prev {
	right: auto;
	left: 0;
	background-image: url(img/common/arrow_icon07.png);
}
.index .topicsBox .swiper-textUl {
	margin: 37px auto 0;
	max-width: 720px;
	text-align: center;
}
.index .topicsBox .swiper-textUl li {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.index .topicsBox .swiper-textUl li.on {
	visibility: visible;
	opacity: 1;
	position: static;
	transition: opacity ease 1s;
}

.index .topicsBox .swiper-textUl p {
	color: #767676;
	font-size: 1.4rem;
}
.index .topicsBox .swiper-textUl .title {
	margin-bottom: 11px;
	color: #121212;
	font-size: 1.6rem;
}
.index .topicsBox .swiper-textUl .comBtn03 {
	margin-top: 20px;
}
.index .topicsBox .swiper-pagination {
	text-align: center;
	position: static;
}
.index .topicsBox .swiper-pagination button {
	display: none;
}
.index .topicsBox .swiper-pagination li {
	margin: 0 4px;
	width: 4px;
	height: 4px;
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	overflow: hidden;
	background-color: #d9d9d9;
	opacity: 1;
}
.index .topicsBox .swiper-pagination .on {
	background-color: #282828;
	transform: scale(1.5);
}
.index .topicsBox .swiper-slide a {
	display: block;
	position: relative;
	overflow: hidden;
}
.index .topicsBox .swiper-slide a::before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.7);
	content: "";
	z-index: 10;
	opacity: 0;
	transition: all 0.3s;
}
.index .topicsBox .swiper-slide a::after {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: url(img/common/icon_plus_black.png) no-repeat center center;
	background-size: 120px auto;
	content: "";
	z-index: 11;
	opacity: 0;
	transition: all 0.3s;
}
.index .topicsBox {
	margin-bottom: 117px;
}
.index .purchaseBox {
	margin: 0 20px 122px;
}
.index .ownerBox {
	margin: 0 20px 128px;
}
.index .newsBox {
	margin-bottom: 102px;
	padding: 95px 0 99px;
	background-color: #ebebeb;
}
.index .newsBox .headLine01 {
	font-size: 2.7rem;
}
.index .newsBox .content {
	max-width: 1050px;
}
.index .newsBox .comList a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.index .newsBox .comList span {
	flex: 1;
}
.index .newsBox .comList .time {
	margin: 0;
	width: 110px;
	flex: inherit;
}
.index .newsBox .content {
	position: relative;
}
.index .newsBox .comBtn03 {
	margin-top: 0;
	position: absolute;
	top: 12px;
	right: 20px;
}
.index .contactBox .headLine01 {
	margin-bottom: 56px;
	font-size: 2.7rem;
}
.index .contactBox {
	margin-bottom: 123px;
	max-width: 1050px;
}
.index .contactBox .listUl {
	margin: -30px -15px 0;
	display: flex;
	flex-wrap: wrap;
}
.index .contactBox .listUl li {
	margin: 30px 15px 0;
	width: calc(25% - 30px);
}
.index .contactBox .listUl a {
	padding: 38px 24px 18px;
	display: block;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 13px 15px 10px rgba(45,45,45,0.06);
	border: 2px solid #fff;
}
.index .contactBox .image {
	margin-bottom: 30px;
	text-align: center;
}
.index .contactBox .image img {
	width: 72px;
}
.index .contactBox p {
	color: #767676;
	font-size: 1.3rem;
}
.index .contactBox .title {
	margin-bottom: 9px;
	color: #121212;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
}
.index .contactBox .blankTxt span::after {
	width: 15px;
	height: 13px;
	background-image: url(img/common/icon23.png);
	background-size: 15px auto;
}
.index .serviceBox {
	margin-bottom: 110px;
	max-width: 1050px;
}
.index .serviceBox .headLine01 {
	margin-bottom: 34px;
	font-size: 2.7rem;
}
.index .serviceBox .listUl {
	display: flex;
	justify-content: space-between;
}
.index .serviceBox .listUl a {
	padding: 32px 30px 31px 0;
	display: block;
	position: relative;
}
.index .serviceBox .listUl a::after {
	margin-top: -4px;
	width: 7px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 0;
	background: url(img/common/icon02.png) no-repeat left top;
	background-size: 7px auto;
	content: "";
}
.index .serviceBox .listUl li {
	width: calc(50% - 15px);
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
}
.index .serviceBox .listUl p {
	color: #767676;
}
.index .serviceBox .listUl .title {
	margin-bottom: 8px;
	color: #121212;
	font-size: 1.6rem;
}
.index .serviceBox .listUl .blankTxt span::after {
	width: 15px;
	height: 13px;
	background-image: url(img/common/icon23.png);
	background-size: 15px auto;
}
.index .informationBox {
	padding: 103px 0;
	background-color: #282828;
}
.index .informationBox .content {
	max-width: 1050px;
	position: relative;
}
.index .informationBox .headLine01 {
	margin-bottom: 15px;
	color: #fff;
	font-size: 2.7rem;
}
.index .informationBox .midTxt {
	margin-bottom: 41px;
	color: #bdbdbd;
}
.index .informationBox .comBtn03 {
	position: absolute;
	top: -20px;
	right: 20px;
}
.index .informationBox .comBtn03 a {
	color: #bdbdbd;
}
.index .informationBox .comBtn03 span {
	background-image: url(img/common/arrow_icon04.png);
}
.index .informationBox .iframeBox {
	position: relative;
	height: 300px;
}
.index .informationBox .iframeBox iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media all and (min-width: 768px) and (max-width: 1100px) {
	.index .contactBox .listUl li {
		margin: 30px 5px 0;
		width: calc(25% - 10px);
	}
	.index .contactBox .listUl {
		margin: -30px -5px 0;
	}
	.index .contactBox .listUl a {
		padding: 38px 5px 18px;
	}
	.index .contactBox .image img {
		width: 60px;
	}
	.index .contactBox .title {
		font-size: 1.4rem;
	}
}
@media all and (min-width: 768px) {
	.index .mainVisual .movie .scrollBtn a:hover {
		opacity: 0.7;
	}
	.index .topicsBox .arrowUl li:hover {
		opacity: 0.7;
	}
	.index .topicsBox .swiper-slide a:hover::before {
		opacity: 1;
	}
	.index .topicsBox .swiper-slide a:hover::after {
		opacity: 1;
	}
	.index .topicsBox .swiper-slide a:hover .image img {
		filter: blur(5px);
	}
    .index .topicsBox .swiper-slide.swiper-slide-duplicate-prev a:hover::before,
    .index .topicsBox .swiper-slide.swiper-slide-duplicate-next a:hover::before,
    .index .topicsBox .swiper-slide.swiper-slide-next a:hover::before,
    .index .topicsBox .swiper-slide.swiper-slide-prev a:hover::before {
		display: none;
	}
	.index .topicsBox .swiper-slide.swiper-slide-duplicate-prev a:hover::after,
    .index .topicsBox .swiper-slide.swiper-slide-duplicate-next a:hover::after,
    .index .topicsBox .swiper-slide.swiper-slide-next a:hover::after,
    .index .topicsBox .swiper-slide.swiper-slide-prev a:hover::after {
		display: none;
	}
	.index .topicsBox .swiper-slide.swiper-slide-duplicate-prev a:hover .image img,
    .index .topicsBox .swiper-slide.swiper-slide-duplicate-next a:hover .image img,
    .index .topicsBox .swiper-slide.swiper-slide-next a:hover .image img,
    .index .topicsBox .swiper-slide.swiper-slide-prev a:hover .image img {
		filter: blur(0px);
	}
	.index .contactBox .listUl a:hover {
		border-color: #121212;
	}
	.index .serviceBox .listUl a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	.index .mainVisual {
		margin-bottom: 117px;
		padding: 0;
		min-height: 0;
		height: auto;
	}
	.index .mainVisual .dotsUl {
		display: block !important;
	}
	.index .mainVisual .comSlideBox {
		padding: 0;
	}
	.index .mainVisual .comSlideBox .num {
		display: none;
	}
	.index .mainVisual .comSlideBox .arrow {
		display: none;
	}
	.index .mainVisual .btmBtn {
		padding: 0 25px;
		width: 100%;
		left: 0;
		bottom: -35px;
		box-sizing: border-box;
	}
	.index .mainVisual .btmBtn a > div {
		padding: 22px 19px 19px;
	}
	.index .mainVisual .btmBtn a {
		font-size: 1rem;
	}
	.index .mainVisual .btmBtn .en {
		margin-top: 7px;
		font-size: 2.1rem;
	}
	.index .mainVisual .btmBtn a > div::after {
		display: none;
	}
	.index .mainVisual .btmBtn a .white::before {
		width: 85px;
		height: 2px;
	}
	.index .mainVisual .comSlideBox .slideUl img {
		width: 100%;
	}
	.index .mainVisual .movie h2 {
		font-size: 3rem;
		letter-spacing: 0;
	}
	.index .mainVisual .movie p {
		font-size: 1.2rem;
	}
	.index .topicsBox {
		margin: 0 -25px 61px;
	}
	.index .topicsBox .headLine01 {
		margin-bottom: 14px;
	}
	.index .topicsBox .swiper-slide {
		margin: 0 8px;
		width: 270px;
	}
	.index .topicsBox .progress {
		height: 3px;
	}
	.index .topicsBox .swiper-pagination {
		margin-top: 16px;
	}
	.index .topicsBox .swiper-textUl p {
		font-size: 1.1rem;
	}
	.index .topicsBox .swiper-textUl .title {
		margin-bottom: 13px;
		font-size: 1.3rem;
		text-align: center;
	}
	.index .topicsBox .swiper-textUl {
		margin: 8px 50px 0;
		max-width: inherit;
		text-align: left;
	}
	.index .mainVisual .movie.noFix {
		display: none;
	}
	.index .mainVisual .bg {
		display: none;
	}
	.index .topicsBox .swiper-textUl .comBtn03 {
		margin-top: 23px;
	}
	.index .purchaseBox,
	.index .ownerBox {
		padding-bottom: 57px;
		position: relative;
	}
	.index .purchaseBox .comBtn03,
	.index .ownerBox .comBtn03 {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.index .slideBox {
		position: relative;
	}
	.index .slideBox .dotsUl {
		width: 100%;
		bottom: 46px;
		left: 0;
		position: absolute;
		text-align: center;
	}
	.index .purchaseBox {
		margin: 0 0 62px;
	}
	.index .purchaseBox .content,
	.index .ownerBox .content {
		padding: 0;
	}
	.index .ownerBox {
		margin: 0 0 55px;
	}
	.index .newsBox .headLine01,
	.index .contactBox .headLine01 {
		font-size: 1.6rem;
	}
	.index .newsBox .comBtn03 {
	    margin-top: 23px;
	    position: static;
	    top: auto;
	    right: auto;
	}
	.index .newsBox .comList .time {
		width: auto;
	}
	.index .newsBox .comList a {
		display: block;
	}
	.index .newsBox .comList .time {
		margin-bottom: 5px;
	}
	.index .newsBox {
		margin-bottom: 52px;
		padding: 51px 0 56px;
	}
	.index .contactBox .headLine01 {
		margin-bottom: 14px;
	}
	.index .contactBox .listUl {
		margin: -15px 0 0 0;
		justify-content: space-between;
	}
	.index .contactBox .listUl li {
		margin: 15px 0 0 0;
		width: 47.8%;
	}
	.index .contactBox .image img {
		width: 58px;
	}
	.index .contactBox .listUl a {
		padding: 22px 13px 9px;
		letter-spacing: -0.5px;
		box-shadow: 7px 9px 10px rgba(45,45,45,0.06);
	}
	.index .contactBox .title {
		margin-bottom: 6px;
		font-size: 1.3rem;
	}
	.index .contactBox p {
		font-size: 1.1rem;
		line-height: 1.6;
	}
	.index .contactBox .image {
		margin-bottom: 18px;
	}
	.index .serviceBox .headLine01 {
		margin-bottom: 14px;
		font-size: 1.6rem;
	}
	.index .serviceBox .listUl {
		display: block;
	}
	.index .serviceBox .listUl li {
		margin-bottom: 15px;
		width: auto;
	}
	.index .serviceBox .listUl li:last-child {
		margin-bottom: 0;
	}
	.index .contactBox {
		margin-bottom: 52px;
	}
	.index .serviceBox .listUl .title {
		margin-bottom: 6px;
		font-size: 1.3rem;
	}
	.index .serviceBox .listUl a {
		padding: 20px 30px 23px 0;
	}
	.index .serviceBox .listUl a::after {
		margin-top: -4px;
		width: 6px;
		height: 7px;
		background-size: 6px auto;
	}
	.index .serviceBox {
		margin-bottom: 55px;
	}
	.index .informationBox .headLine01 {
		margin-bottom: 8px;
		font-size: 1.6rem;
	}
	.index .informationBox .comBtn03 {
	    position: static;
	    top: auto;
	    right: auto;
	}
	.index .informationBox {
		padding: 50px 0 52px;
	}
	.index .informationBox .midTxt {
		margin: 0 19px 27px;
	}
	.index .informationBox .comBtn03 a {
		color: #121212;
		background-color: #ffff;
	}
	.index .informationBox .comBtn03 span {
		background-image: url(img/common/arrow_icon03.png);
	}
	.index .informationBox .iframeBox {
		padding-bottom: 69.89%;
	}
	.index .contactBox .blankTxt span::after,
	.index .serviceBox .listUl .blankTxt span::after {
	    width: 13px;
	    height: 11px;
		top: 5px;
		right: -16px;
	    background-size: 12px auto;
	}
}
@media all and (max-width: 374px) {
	.index .topicsBox {
		margin: 0 -15px 61px;
	}
}


/* comBtn03 */
.comBtn03 {
	margin-top: 95px;
	text-align: center;
}
.comBtn03 a {
	letter-spacing: 0.12em;
	display: inline-block;
}
.comBtn03 span {
	padding: 0 20px 5px 0;
	display: inline-block;
	border-bottom: 2px solid transparent;
	background: url(img/common/icon01.png) no-repeat right 6px / 11px auto;
}
@media all and (min-width: 768px) {
	.comBtn03 a:hover span {
		border-color: currentColor;
	}
}
@media all and (max-width: 767px) {
	.comBtn03 a {
		padding: 13px 5px 11px 13px;
		margin: 0 auto;
		width: 215px;
		font-size: 1rem;
		display: block;
		border: 1px solid #b3b3b3;
		border-radius: 3px;
		letter-spacing: 0;
		box-sizing: border-box;
	}
	.comBtn03 {
		margin-top: 23px;
	}
	.comBtn03 span {
		padding: 0 18px 0 0;
		background-position: right center;
	}
}


/* comTopBox */
.comTopBox {
	margin: 0 auto 30px;
	padding-bottom: 22px;
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #c0c0c0;
}
.comTopBox .headLine01 {
	margin-bottom: 0;
}
.comTopBox .headLine01 .en {
	margin: 0 0 0 14px;
	display: inline-block;
}
.comTopBox .comBtn03 {
	margin-top: 20px;
}
@media all and (max-width: 767px) {
	.comTopBox {
		margin-bottom: 0;
		padding-bottom: 0;
		display: block;
		border-bottom: none;
	}
	.comTopBox .headLine01 .en {
		margin: 1px 0 0 0;
		display: block;
	}
	.comTopBox .comBtn03 {
		margin-top: 0;
	}
	.comTopBox .headLine01 {
		margin-bottom: 14px;
	}
}


.comList02 {
	margin: -30px -130px 0 0;
	overflow: hidden;
}
.comList02 li {
	margin-top: 30px;
	padding-right: 2px;
	width: 330px;
	float: left;
}
.comList02 a {
	display: block;
}
.comList02 .image {
	margin-bottom: 16px;
}
.comList02 .image img {
	border-radius: 4px;
}
.comList02 .title {
	margin-bottom: 2px;
	font-size: 2.1rem;
}
.comList02 .en {
	color: #767676;
	letter-spacing: 0.05em;
}
@media all and (min-width: 768px) {
	.comList02 a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	.comList02 {
		margin: 0;
	}
    .comList02 .slick-slide > div {
        width: 80vw;
    }
	.comList02 li {
		margin: 0 auto;
		padding: 0 1px;
		width: 270px;
		float: none;
		box-sizing: border-box;
	}
	.comList02 .title {
		font-size: 1.4rem;
		text-align: center;
	}
	.comList02 .en {
		margin-top: -1px;
		text-align: center;
		font-size: 1.1rem;
	}
	.comList02 .image {
		margin-bottom: 41px;
	}
}

/* blankTxt */
.blankTxt span,
.blankTxt a {
	display: inline-block;
	position: relative;
}
.blankTxt span::after,
.blankTxt a::after {
	width: 13px;
	height: 12px;
	position: absolute;
	top: 4px;
	right: -20px;
	background: url(img/common/icon17.png) no-repeat left top;
	content: "";
	background-size: 13px auto;
}
@media all and (max-width: 767px) {
	.blankTxt span::after,
	.blankTxt a::after {
		width: 9px;
		height: 9px;
		top: 4px;
		right: -15px;
		background-size: 9px auto;
	}
}

/* comList03 */
.comList03 {
	margin: -30px -15px;
	display: flex;
	flex-wrap: wrap;
}
.comList03 li {
	margin: 30px 15px 0;
	width: calc(25% - 30px);
	border: 1px solid #767676;
	box-sizing: border-box;
}
.comList03 p {
	color: #bdbdbd;
}
.comList03 .priceTxt {
	margin-top: 10px;
	color: #fff;
}
.comList03 .textBox {
	padding: 21px 19px 20px;
}
@media all and (min-width: 768px) {
	.comList03 a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	.comList03 {
		margin: -15px 0 0 0;
		justify-content: space-between;
	}
	.comList03 li {
		margin: 15px 0 0 0;
		width: 48%;
		line-height: 1.6;
	}
	.comList03 .textBox {
		padding: 13px 14px 11px;
	}
	.comList03 .priceTxt {
		margin-top: 8px;
	}
}
/* iframe */
.iframe {
	background-color: transparent;
	overflow-x: hidden;
}

/* top */
.top #container {
    padding-top: 0;
    position: relative;
}
.top #container .topLink {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 105px;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all .8s ease-in-out;
    z-index: 1003;
}
.top #container .topLink a span {
	position: relative;
	color: #FFF;
}
.top #container .topLink a span:before {
	width: 12px;
	height: 8px;
	background: url(img/common/arrow_icon01_black.png) no-repeat right center;
	background-size: 12px auto;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	opacity: 0;
	transition: opacity 1s ease-in-out 2s;
  
	content: "";
}
@media all and (min-width: 1001px) and (max-width: 1200px) {
	.top #container .topLink {
		top: 99px;
	}
}
@media all and (max-width: 1000px) {
	.top #container .topLink {
		top: 58px;
	}
}
.top #container .topLink.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
	transition-delay: 1s;
}
.top #container .topLink.show a span {
	color: #121212;
	/*background-image: url(img/common/arrow_icon03.png);*/
}
.top #container .topLink.show a span:before {
	opacity: 1;
}
.top #container .topLink a {
    transition: all 1s ease-in-out 2s;
}
.top #container .topLink.show a {
    background-color: #FFF;
    color: #000;
}
.index .mainVisual .bg {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform 1s ease-in-out;
    z-index: 1001;
}
.index .mainVisual.show .bg {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.index .mainVisual .innerBox {
    z-index: 1002;
}
.index .slideUl {
    transition: transform 1s ease-in-out;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
}
.index .show .slideUl {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.index .mainVisual .comSlideBox .num {
    opacity: 0;
    transition: opacity 0.5s ease-in 1s;
}
.index .comSlideBox .arrow {
    opacity: 0;
    transition: opacity 0.5s ease-in 1s;
}
.index .mainVisual.show .comSlideBox .num {
    opacity: 1;
}
.index .show .comSlideBox .arrow {
    opacity: 1;
}
.index .mainVisual .btmBtn {
    clip: rect(0px,0px,660px,0px);
    transition: clip .8s ease-in;
}
.index .mainVisual.show .btmBtn {
    clip: rect(0px,660px,660px,0px);
}
.index .mainVisual .btmBtn .btnInner01 {
    display: none;
}
.index .mainVisual .btmBtn a .white {
    clip: rect(0px,0px,660px,0px);
    transition: clip .8s ease-in 0.3s;
}
.index .mainVisual.show .btmBtn a .white {
    clip: rect(0px,660px,660px,0px);
}
.index .mainVisual .btmBtn a .white:before {
    width: 0;
    transition: width .5s ease-in-out 0.8s;
}
.index .mainVisual.show .btmBtn a .white:before {
    width: 170px;
}
.index .scrollBtn {
    animation: jump .8s linear infinite;
    -webkit-animation: jump .8s linear infinite;
    transition: opacity 1s ease-in-out;
}
.index .show .scrollBtn {
    opacity: 0;
}
@keyframes jump
{
    0% { transform: translateY(0); }
    25% { transform: translateY(5px); }
    50% { transform: translateY(0); }
    75% { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}

@-webkit-keyframes jump /*Safari and Chrome*/
{
    0% { -webkit-transform: translateY(0); }
    25% { -webkit-transform: translateY(5px); }
    50% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(-5px); }
    100% { -webkit-transform: translateY(0); }
}
.index .mainVisual .movie {
    position: absolute;
}
.index .mainVisual .movie:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    content: "";
}
.index .mainVisual .movie .textBox {
    transition: opacity 1s ease-in-out;
}
.index .mainVisual.show .movie .textBox {
    opacity: 0;
}
.headBox {
	opacity: 1;
	visibility: visible;
    transition: all .5s ease-in-out;
}
.headBox.show {
	opacity: 0;
	visibility: hidden;
}
.headBox a,
.headBox .hLinkUl li > a {
    transition: all .3s ease-in-out;
}
.index .mainVisual {
    padding: 258px 0 108px;
}
@media all and (max-width: 767px) {
    .index .mainVisual {
		margin-bottom: 112px;
        padding: 102px 0 0;
		min-height: 0;
        overflow: visible;
    }
    .top #container .topLink {
        top: 58px;
    }
    .index .mainVisual .movie .video {
        display: none;
    }
}

/* comBox */
.comBox {
	margin: 0 auto;
	max-width: 910px;
}

/* esthetic */
.esthetic .carBox .midTxt {
	margin-bottom: 30px;
}
.esthetic .carBox .arrow {
	margin-bottom: 30px;
	text-align: center;
}
.esthetic .h2Ttl {
	margin-bottom: 118px;
	font-size: 2.1rem;
	text-align: center;
	font-weight: normal;
}
.esthetic .h2Ttl span {
	margin-top: 4px;
	color: #767676;
	font-size: 1.4rem;
	display: block;
}
.esthetic .carBox .image {
	margin-bottom: 18px;
	text-align: center;
}
.esthetic .carBox {
	margin-bottom: 104px;
}
.esthetic .comMainImg {
	margin-bottom: 107px;
}
.esthetic .comNumList {
	margin: 0 auto;
	max-width: 910px;
}
.esthetic .comNumList li {
	width: calc((100% - 70px)/3);
}
.esthetic .showBox .h2Ttl {
	margin-bottom: 30px;
	font-size: 2.3rem;
}
.esthetic .showBox .showImg {
	margin-bottom: 10px;
}
.esthetic .showBox .listUl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.esthetic .showBox .listUl li {
	width: calc(50% - 5px);
}
.esthetic .showBox .listUl .image {
	margin-bottom: 21px;
}
.esthetic .showBox .listUl p {
	color: #767676;
}
.esthetic .showBox {
	margin-bottom: 101px;
}
.esthetic .h3Ttl {
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: normal;
}
.esthetic .h3Ttl span {
	margin-top: 14px;
	font-size: 1.4rem;
	display: block;
}
.esthetic .showBox .imgBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.esthetic .showBox .imgBox > div {
	width: calc(50% - 5px);
}
.esthetic .showBox .imgBox .textBox {
	padding-left: 22px;
	flex: 1;
}
.esthetic .showBox .imgBox p {
	color: #767676;
}
.esthetic .content {
	max-width: 1050px;
}
@media all and (max-width: 767px) {
	.esthetic .comMainImg {
		margin-bottom: 30px;
	}
	.esthetic .carBox .arrow img {
		width: 40px;
	}
	.esthetic .carBox .midTxt {
		margin-bottom: 20px;
	}
	.esthetic .h2Ttl {
		margin-bottom: 60px;
		font-size: 1.8rem;
	}
	.esthetic .h2Ttl span {
		font-size: 1.2rem;
	}
	.esthetic .showBox .h2Ttl {
		font-size: 2rem;
	}
	.esthetic .showBox .listUl {
		display: block;
	}
	.esthetic .showBox .listUl li {
		margin-bottom: 50px;
		width: auto;
	}
	.esthetic .showBox .listUl li:last-child {
		margin-bottom: 0;
	}
	.esthetic .h3Ttl {
		font-size: 1.6rem;
	}
	.esthetic .h3Ttl span {
		margin-top: 7px;
		font-size: 1.2rem;
	}
	.esthetic .showBox .listUl .image {
		margin-bottom: 15px;
	}
	.esthetic .showBox .listUl .image img {
		width: 100%;
	}
	.esthetic .showBox {
		margin-bottom: 70px;
	}
	.esthetic .showBox .imgBox > div {
		width: auto;
	}
	.esthetic .showBox .imgBox {
		display: block;
	}
	.esthetic .showBox .imgBox .photo {
		margin-bottom: 20px;
		width: auto;
	}
	.esthetic .showBox .imgBox .photo img {
		width: 100%;
	}
	.esthetic .showBox .imgBox .textBox {
		padding: 0;
	}
	.esthetic .showBox .showImg {
		margin: 0 -25px 20px;
	}	
}
@media all and (max-width: 374px) {
	.esthetic .showBox .showImg {
		margin: 0 -15px 20px;
	}	
}




/* qbpit */
.qbpit .comMainImg {
	margin-bottom: 105px;
}
.qbpit .showBox .headLine05 {
	margin-bottom: 19px;
}
.qbpit .showBox .headLine05 + p {
	margin-bottom: 50px;
	color: #767676;
}
.qbpit .showBox .listUl {
	display: flex;
	justify-content: space-between;
}
.qbpit .showBox .listUl li {
	width: calc((100% - 4px)/3);
}
.qbpit .showBox .listUl .image {
	margin-bottom: 16px;
	border-radius: 4px;
	overflow: hidden;
}
.qbpit .showBox .listUl p {
	margin-right: 20px;
	color: #767676;
	text-justify: inter-ideograph;
	text-align: justify;
}
.qbpit .showBox .listUl .title {
	margin-bottom: 9px;
	color: #121212;
	font-size: 1.8rem;
}
.qbpit .showBox .listUl .title span {
	margin-bottom: 10px;
	color: #941d3a;
	font-size: 1.4rem;
	display: block;
}
.qbpit .showBox {
	margin-bottom: 122px;
}
.qbpit .ortherBox .headLine05 {
	margin-bottom: 26px;
}
.qbpit .ortherBox .comBg,
.qbpit .rangeBox .comBg {
	margin: 0 -70px;
}
.qbpit .ortherBox .dotList,
.qbpit .rangeBox .dotList {
	margin-top: -8px;
}
.qbpit .ortherBox .dotList li,
.qbpit .rangeBox .dotList li {
	margin-top: 8px;
	display: inline-block;
	letter-spacing: 0.08em;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
.qbpit .ortherBox .dotList span {
	color: #121212;
	display: inline-block;
}
.qbpit .ortherBox {
	margin-bottom: 102px;
}
.qbpit .costBox .headLine05 {
	margin-bottom: 47px;
}
.qbpit .costBox .headLine05 + p {
	margin-bottom: 31px;
}
.qbpit .costBox .imgUl {
	display: flex;
	justify-content: space-between;
}
.qbpit .costBox .imgUl li {
	width: 24.17%;
	position: relative;
}
.qbpit .costBox .imgUl li::after {
	margin-top: -38px;
	width: 26px;
	height: 77px;
	position: absolute;
	top: 50%;
	right: -57px;
	background: url(img/service/qbpit/arrow.png) no-repeat left top;
	background-size: 26px auto;
	content: "";
}
.qbpit .costBox .imgUl li:last-child {
	width: 32.85%;
}
.qbpit .costBox .imgUl li:last-child::after {
	display: none;
}
.qbpit .noteTxt {
	margin-top: 17px;
	color: #767676;
	font-size: 1.1rem;
}
.qbpit .costBox {
	margin-bottom: 101px;
}
.qbpit .rangeBox .headLine05 {
	margin-bottom: 25px;
}
.qbpit .rangeBox .comBg {
	margin-bottom: 80px;
}
.qbpit .rangeBox .image {
	margin-bottom: 18px;
	text-align: center;
}
.qbpit .rangeBox .comNumList {
	margin: -20px auto 0;
	flex-wrap: wrap;
	justify-content: space-between;
}
.qbpit .rangeBox .comNumList li {
	margin-top: 20px;
	width: calc((100% - 34px)/2);
	border-bottom: none;
}
.qbpit .rangeBox .comNumList li:last-child {
	padding-bottom: 20px;
	border-bottom: 1px solid #767676;
}
.qbpit .rangeBox .comNumList li:nth-last-child(2) {
	padding-bottom: 20px;
	border-bottom: 1px solid #767676;
}
.qbpit .rangeBox .comNumList .ttl {
	margin-bottom: 3px;
	padding: 20px 40px;
	display: block;
	position: relative;
	letter-spacing: 0.07em;
}
.qbpit .rangeBox .comNumList .ttl::before {
	margin-top: -13px;
	width: 27px;
	height: 27px;
	position: absolute;
	left: 0;
	top: 50%;
	color: #FFF;
	font-size: 1.3rem;
	line-height: 27px;
	text-align: center;
	content: counter(num);
	border-radius: 3px;
	background-color: #941d3a;
}
.qbpit .rangeBox {
	margin-bottom: 101px;
}
.qbpit .priceBox .headLine05 {
	margin-bottom: 30px;
}
.qbpit .priceBox {
	font-size: 1.3rem;
}
.qbpit .priceBox table thead td {
	font-size: 1.4rem;
}
.qbpit .priceBox table td,
.qbpit .priceBox table th {
	padding: 8px 5px 7px;
	font-size: 1.2rem;
	letter-spacing: 0;
}
.qbpit .priceBox .bgStyle th,
.qbpit .priceBox .bgStyle td {
	background-color: #fff;
}
.qbpit .priceBox .bgStyle02 {
	width: 93px;
	background-color: #fff;
}
.qbpit .priceBox table sup {
	margin: -8px 0 0 0;
	font-size: 0.8rem;
}
.qbpit .priceBox .tableBox {
	margin-bottom: 21px;
}
.qbpit .priceBox .dotList {
	margin-top: 9px;
	font-size: 1.1rem;
}
.qbpit .priceBox .dotList li::before {
	top: 4px;
}
.qbpit .priceBox .dotList + .tableBox {
	margin-top: 35px;
}
.qbpit .priceBox .tableBox02 th,
.qbpit .priceBox .tableBox02 td {
	width: 33.3%;
}
@media all and (min-width: 768px) and (max-width: 1280px) {
	.qbpit .ortherBox .comBg,
	.qbpit .rangeBox .comBg {
		margin: 0 -10px 80px;
		padding: 30px 30px;
	}
}
@media all and (max-width: 767px) {
	.qbpit .comMainImg {
		margin-bottom: 50px;
	}
	.qbpit .showBox .listUl {
		display: block;
	}
	.qbpit .showBox .listUl li {
		margin-bottom: 30px;
		width: auto;
	}
	.qbpit .showBox .listUl li:last-child {
		margin-bottom: 0;
	}
	.qbpit .showBox .listUl .image img {
		width: 100%;
	}
	.qbpit .ortherBox .comBg,
	.qbpit .rangeBox .comBg {
		margin: 0 -10px;
	}
	.qbpit .costBox .imgUl {
		display: block;
	}
	.qbpit .costBox .imgUl li {
		margin-bottom: 40px;
		width: auto !important;
		text-align: center;
	}
	.qbpit .costBox .imgUl li:last-child {
		margin-bottom: 0;
	}
	.qbpit .costBox .imgUl li::after {
		margin: 0 0 0 -13px;
		width: 20px;
		height: 64px;
		right: auto;
		left: 50%;
		top: auto;
		bottom: -52px;
		transform: rotate(90deg);
		background-size: 20px auto;
	}
	.qbpit .rangeBox .comBg {
		margin-bottom: 50px;
	}
	.qbpit .rangeBox .comNumList li {
		width: auto;
	}
	.qbpit .rangeBox .comNumList li:nth-last-child(2) {
	    padding-bottom: 0;
	    border-bottom: none;
	}
	.qbpit .rangeBox .comNumList {
		display: block;
	}
	.qbpit .rangeBox .image {
		margin: 0 -10px 18px;
	}
	.qbpit .noteTxt {
		font-size: 1rem;
	}
	.qbpit .priceBox .tableBox {
		overflow-x: auto;
	}
	.qbpit .priceBox .tableBox table {
		width: 800px;
	}
	.qbpit .priceBox {
		font-size: 1.2rem;
	}
	.qbpit .showBox .listUl p {
		margin-right: 0;
	}
	.qbpit .showBox {
		margin-bottom: 90px;
	}
	.qbpit .ortherBox,
	.qbpit .costBox {
		margin-bottom: 80px;
	}
}


/* comBg */
.comBg {
	padding: 52px 70px;
	background-color: #ebebeb;
}
.comBg .title {
	margin-bottom: 12px;
	font-weight: normal;
}
.comBg p {
	color: #767676;
}
@media all and (max-width: 767px) {
	.comBg {
		padding: 30px 20px;
	}
}


/* health */
.health p {
	line-height: 1.67;
}
.health .headLine05 {
	margin-bottom: 54px;
	font-size: 2.3rem;
}
.health .declarationBox {
	margin-bottom: 103px;
}
.health .declarationBox .headLine05 {
	margin-bottom: 53px;
	font-size: 2.7rem;
}
.health .comMainImg {
	margin-bottom: 104px;
}
.health .nameTxt {
	margin-top: 19px;
	color: #767676;
	text-align: right;
	letter-spacing: 0.11em;
}
.health .textDl {
	margin-bottom: 49px;
}
.health .textDl dt {
	margin-bottom: 2px;
}
.health .textDl dd {
	margin-bottom: 45px;
	color: #767676;
}
.health .textDl dd:last-child {
	margin-bottom: 0;
}
.health .textDl dd p {
	margin-bottom: 24px;
}
.health .textDl dd p:last-child {
	margin-bottom: 0;
}
.health .textUl {
	color: #767676;
}
.health .textUl li {
	margin-bottom: 3px;
	padding-left: 1em;
	text-indent: -1em;
}
.health .textUl li:last-child {
	margin-bottom: 0;
}
.health .imgUl {
	text-align: center;
	display: flex;
	justify-content: center;
}
.health .imgUl li {
	margin: 0 18px;
	display: inline-block;
}
.health .guidelinesBox {
	margin-bottom: 109px;
}
.health .projectBox .headLine05 + p {
	margin-bottom: 45px;
}
.health .projectBox .imgBox {
	margin-top: 113px;
	display: flex;
	justify-content: space-between;
}
.health .projectBox .imgBox .textBox {
	margin-top: -8px;
	width: calc(50% - 15px);
}
.health .projectBox .imgBox .photo {
	width: 48.35%;
}
.health .projectBox .imgBox .headLine05 {
	margin-bottom: 22px;
	text-align: left;
}
.health .projectBox .comTable td {
	background-color: #fff;
}
.health .projectBox .comTable th,
.health .projectBox .comTable td {
	padding: 8px 5px 5px;
	border-color: #C0C0C0;
}
.health .projectBox .comTable thead td {
	background-color: #282828;
}
.health .projectBox .comTable tr td:first-child {
	border-left: none;
}
.health .projectBox .comTable tr td:last-child {
	border-right: none;
}
.health .projectBox .tableBox + .headLine05 {
	margin-top: 63px;
}
.health .pageBox {
	margin-top: 130px;
}
@media all and (min-width: 768px) and (max-width: 1280px) {
	.health .projectBox .tableBox + .headLine05 {
		margin-top: 30px;
	}
	.health .projectBox .imgBox .headLine05 {
		font-size: 2rem;
	}
}
@media all and (max-width: 767px) {
	.health .headLine05 {
		margin-bottom: 30px;
		font-size: 1.9rem;
	}
	.health .declarationBox .headLine05 {
		margin-bottom: 30px;
		font-size: 2rem;
	}
	.health .comMainImg {
		margin-bottom: 50px;
	}
	.health .textDl dd {
		margin-bottom: 20px;
	}
	.health .declarationBox {
		margin-bottom: 60px;
	}
	.health .projectBox .headLine05 + p {
		margin-bottom: 30px;
	}
	.health .projectBox .imgBox {
		margin-top: 50px;
		display: block;
	}
	.health .projectBox .imgBox .textBox {
		margin: 0 0 30px;
		width: auto;
	}
	.health .projectBox .imgBox .photo {
		width: auto;
	}
	.health .projectBox .imgBox .photo img {
		width: 100%;
	}
	.health .projectBox .tableBox + .headLine05 {
		margin-top: 40px;
	}
	.health .projectBox .imgBox .headLine05 {
		margin-bottom: 10px;
	}
	.health .pageBox {
		margin-top: 80px;
	}
	.health .imgUl li {
		margin: 0 10px;
	}
}


/* policy */
.policy .comMainImg {
	margin-bottom: 104px;
}
.policy .headLine05 {
	margin-bottom: 54px;
	font-size: 2.7rem;
}
.policy .headLine05 + p {
	margin-bottom: 55px;
	line-height: 1.67;
}
.policy .textDl {
	margin-bottom: 49px;
	line-height: 1.67;
}
.policy .textDl dd {
	margin-bottom: 43px;
	color: #767676;
}
.policy .textDl dd:last-child {
	margin-bottom: 0;
}
.policy .textDl dd p {
	margin-bottom: 24px;
}
.policy .textDl dd p:last-child {
	margin-bottom: 0;
}
.policy .comBg {
	margin: 0 -70px;
}
.policy .comBg ul,
.policy .comBg ul a{
	color: #767676;
}
.policy .comBg ul li {
	margin-bottom: 27px;
}
.policy .comBg ul li:last-child {
	margin-bottom: 0;
}
.policy .comBg ul span {
	margin-right: 15px;
	color: #121212;
	display: inline-block;
}
.policy .noteTxt {
	margin-top: 3px;
	font-size: 1.2rem;
}
.policy .rightTxt {
	margin-top: 22px;
	line-height: 1.7;
	text-align: right;
}
.policy .rightTxt span {
	display: block;
	color: #767676;
}
.policy .textDl02 dt {
	margin-bottom: 25px;
}
.policy .box01 {
	margin-bottom: 103px;
}
.policy .box02 .headLine05,
.policy .box03 .headLine05 {
	font-size: 2.3rem;
}
.policy .textUl li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.policy .textUl + p {
	margin-top: 24px;
}
.policy .textUl p {
	margin-bottom: 0 !important;
}
.policy .textUl ul {
	padding-bottom: 23px;
}
.policy .box02 {
	margin-bottom: 105px;
}
.policy .pageBox {
	margin-top: 130px;
}
@media all and (min-width: 768px) and (max-width: 1280px) {
	.policy .comBg {
		margin: 0 -10px 80px;
		padding: 30px 30px;
	}
}
@media all and (max-width: 767px) {
	.policy .comBg {
		margin: 0 -10px;
	}
	.policy .headLine05 {
		margin-bottom: 30px;
		font-size: 2rem;
	}
	.policy .headLine05 + p {
		margin-bottom: 30px;
	}
	.policy .textDl dd {
		margin-bottom: 25px;
	}
	.policy .comMainImg {
		margin-bottom: 50px;
	}
	.policy .noteTxt {
		font-size: 1rem;
	}
	.policy .box02 .headLine05,
	.policy .box03 .headLine05 {
		font-size: 1.9rem;
	}
	.policy .box01 {
		margin-bottom: 80px;
	}
	.policy .textDl02 dt {
		margin-bottom: 15px;
	}
	.policy .box02 {
		margin-bottom: 80px;
	}
	.policy .pageBox {
		margin-top: 80px;
	}
}


/* ownership */
.ownership p {
	letter-spacing: 0.03em;
}
.ownership .comMainImg {
	margin-bottom: 103px;
}
.ownership .headLine05 {
	margin-bottom: 45px;
	font-size: 2.7rem;
}
.ownership .borderBox {
	margin: 0 -70px 50px;
	padding: 48px 69px 50px;
	border: 1px solid #c0c0c0;
	line-height: 1.67;
	letter-spacing: 0.1em;
}
.ownership .txtStyle {
	margin-bottom: 50px;
	color: #767676;
}
.ownership .txtStyle span {
	margin-bottom: 3px;
	color: #121212;
	display: block;
}
.ownership .comBg {
	margin: 0 -70px 51px;
	padding: 50px 70px 55px;
	line-height: 1.67;
}
.ownership .comBg .txtStyle {
	margin: 45px 0 19px;
}
.ownership .comBg .txtStyle span {
	margin-bottom: 0;
}
.ownership .flexBox {
	margin: -24px -30px 0 0;
	flex-wrap: wrap;
	display: flex;
}
.ownership .telTxt {
	margin: 24px 25px 0 0;
	padding: 15px 0 15px;
	display: flex;
	align-items: center;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	font-size: 1.2rem;
	line-height: 1.16;
	box-sizing: border-box;
}
.ownership .telTxt .ttl {
	color: #121212;
	width: 66px;
}
.ownership .telTxt a {
	font-size: 2.3rem;
	display: inline-block;
	line-height: 1;
	letter-spacing: 0.05em;
}
.ownership .telTxt .txt {
	margin-left: 12px;
	display: inline-block;
}
.ownership .telTxt02 {
	width: 243px;
}
.ownership .telTxt03 {
	width: 388px;
}
.ownership .comBtn04 {
	margin-top: 25px;
}
.ownership .box01 {
	margin-bottom: 108px;
}
.ownership .box02 .headLine05 {
	margin-bottom: 55px;
	font-size: 2.3rem;
}
.ownership .listUl > li {
	margin-bottom: 52px;
	padding: 0 70px 49px;
	border-bottom: 1px solid #c0c0c0;
}
.ownership .listUl > li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.ownership .listUl p {
	line-height: 1.67;
}
.ownership .listUl h3 {
	margin-bottom: 26px;
	font-weight: normal;
}
.ownership .listUl p {
	margin-bottom: 15px;
	color: #767676;
}
.ownership .listUl p:last-child {
	margin-bottom: 0;
}
.ownership .box02 {
	margin: 0 -70px;
}
.ownership .box02 .comBg {
	padding: 52px 70px 55px;
	margin-top: 48px;
}
.ownership .box02 .comBg .txtStyle {
	margin-top: 0;
}
.ownership .box02 .telTxt {
	margin-bottom: 0;
}
.ownership .box02 .telTxt .ttl {
	width: 52px;
}
.ownership .box02 .comBtn04 {
	margin-top: 37px;
}
.ownership .dotList li {
	margin-bottom: 3px;
}
.ownership .dotList li:last-child {
	margin-bottom: 0;
}
.ownership .listUl .colTxt {
	color: #121212;
}
.ownership .indentUl {
	margin-bottom: 13px;
}
.ownership .indentUl li {
	margin-bottom: 1px;
	padding-left: 1.28em;
	color: #767676;
	text-indent: -1.28em;
}
.ownership .indentUl li:last-child {
	margin-bottom: 0;
}
.ownership .indentUl span {
	color: #121212;
}
.ownership .indentUl .size {
	color: #767676;
	font-size: 1.2rem;
}
@media all and (min-width: 768px) and (max-width: 1280px) {
	.ownership .comBg {
		margin-left: -10px;
		margin-right: -10px;
		padding: 30px;
	}
	.ownership .borderBox {
		margin: 0 -10px 50px;
		padding: 30px;
	}
	.ownership .box02 .comBg {
		padding: 30px;
	}
}
@media all and (max-width: 767px) {
	.ownership .headLine05 {
		font-size: 2rem;
	}
	.ownership .box02 .headLine05 {
		font-size: 1.9rem;
	}
	.ownership .borderBox {
		margin: 0 -10px 30px;
		padding: 20px;
	}
	.ownership .comMainImg {
		margin-bottom: 60px;
	}
	.ownership .comBg,
	.ownership .box02 .comBg {
		margin: 0 -10px 30px;
		padding: 20px;
	}
	.ownership .telTxt {
		margin-right: 0;
		width: 100%;
		font-size: 1rem;
		box-sizing: border-box;
		flex-wrap: wrap;
	}
	.ownership .flexBox {
		margin-right: 0;
	}
	.ownership .telTxt a {
		font-size: 2rem;
		letter-spacing: 0;
	}
	.ownership .telTxt .txt {
		margin: 5px 0 0 0;
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	.ownership .box02 .comBg {
		margin-top: 30px;
	}
	.ownership .box02 {
		margin: 0 -10px;
	}
	.ownership .listUl > li {
		margin-bottom: 20px;
		padding: 0 10px 49px;
	}
}



/* comBtn04 */
.comBtn04 a {
	padding: 11px 45px 11px 18px;
	min-height: 0;
	width: auto;
	min-width: 240px;
	color: #121212;
	display: inline-block;
	font-size: 1.4rem;
	background-color: #fff;
	letter-spacing: 0.05em;
	border: none;
}
.comBtn04 a::after {
	width: 11px;
	right: 15px;
	background-image: url(img/common/arrow_icon03.png);
	background-position: right top;
}
@media all and (min-width: 768px) {
	.comBtn04 a:hover {
		color: #fff;
		background-color: #282828;
	}
	.comBtn04 a:hover::after {
		background-image: url(img/common/arrow_icon08.png);
	}
}
@media all and (max-width: 767px) {
	.comBtn04 a {
		font-size: 1.1rem;
		letter-spacing: 0;
	}
}


.comLink {
	margin-top: 44px;
}
.comLink a {
	padding-bottom: 6px;
	border-bottom: 1px solid #121212;
	letter-spacing: 0.08em;
}
@media all and (min-width: 768px) {
	.comLink a:hover {
		border-bottom-color: transparent;
	}
}

.fadein {
	opacity: 0;
	transition: opacity .8s ease-in-out;
}
.fadein.scrollin {
	opacity: 1;
}

.index .mainVisual .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1003;
}
@media all and (max-width: 767px) {
    .index .mainVisual .cover {
        display: none;
    }
}