@charset "UTF-8";
/*---------------------------------------------------------
	全ページ共通スタイル
---------------------------------------------------------*/
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.nobox {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
/* 要素設定*/
body {
	font-family: YakuHanJP, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	color: #333333;
	line-height: 1.7;
	letter-spacing: 0.07em;
	font-size: 16px;
	overflow-x: hidden;
}
select, textarea, input {
	font-family: YakuHanJP, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 16px;
}
select {
	background-image: url(/support/common/img/arrow1.avif);
	background-size: 20px auto;
	width: 100%;
}
button {
	font-family: YakuHanJP, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
a {
	color: #333;
}
.mincho {}
.font-en {
	font-family: 'Mulish', sans-serif;
	letter-spacing: 0.05em;
}
.wrapper {}
.mainWidth {
	padding: 0 120px;
}

@media screen and (max-width: 1180px) {
	.mainWidth {
		padding: 0 50px;
	}
}
main {
	overflow-x: hidden;
}
.mainInner {
	max-width: 1200px;
	margin: 0 auto;
}
.mainInner2 {
	max-width: 1000px;
	margin: 0 auto;
}
.notimg {
	background: #a0aebc url(/support/common/img/icon_notimg.avif) 50% 50% no-repeat;
	background-size: 155px auto !important;
}
/*　コンテンツ
---------------------------------------------------------*/
#main {}
/*　タイトル　*/
.ttl1 {
	font-size: 35px;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 1.8;
	margin: 0 0 29px;
}
.ttl1 span {
	display: block;
	padding: 0 0 0 55px;
	color: #125c9d;
	font-size: 16px;
	margin: 0 0 22px;
	letter-spacing: 0.3em;
	position: relative;
	z-index: 1;
}
.ttl1 span:before {
	content: "";
	z-index: 1;
	position: absolute;
	border-bottom: #125c9d solid 1px;
	height: 0px;
	width: 35px;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.ttl2 {
	display: flex;
	align-items: center;
	margin: 0 0 60px;
}
.ttl2_txt1 {
	font-size: 56px;
	font-weight: 300;
	letter-spacing: 0.3em;
	line-height: 1.3;
	padding: 4px 63px 4px 0;
	border-right: 1px solid #333;
}
.ttl2_txt2 {
	flex: 1;
	padding: 0 0 0 80px;
}
@media screen and (max-width: 1300px) {
	.ttl2_txt1 {
		font-size: 37px;
		padding-right: 25px;
	}
	.ttl2_txt2 {
		padding: 0 0 0 35px;
	}
}
.ttl3 {
	font-size: 56px;
	font-weight: 300;
	letter-spacing: 0.3em;
	text-align: center;
	margin: 0 0 38px;
}
.ttl4 {
	position: relative;
	z-index: 1;
	font-size: 24px;
	color: #125c9d;
	padding: 0 0 0 33px;
	margin: 0 0 6px;
}
.ttl4:before {
	content: "";
	z-index: 1;
	position: absolute;
	border-bottom: 1px solid #125c9d;
	width: 22px;
	height: 0;
	top: 20px;
	left: 0;
	margin: auto;
}
.ttl5 {
	position: relative;
	z-index: 1;
	font-size: 32px;
	padding: 0 0 0 33px;
	margin: 0 0 34px;
	font-weight: bold;
	border-left: solid #125c9d 3px;
	line-height: 1.4;
}
.ttl5:before {
	content: "";
	z-index: 1;
	position: absolute;
	border-bottom: 1px solid #dce2e8;
	height: 0;
	bottom: -16px;
	left: -3px;
	right: 0;
	margin: auto;
}
.ttl6 {
	font-size: 46px;
	margin: 0 0 36px;
	letter-spacing: 0.1em;
}
.ttl6 span {
	font-size: 16px;
	display: block;
	color: #125c9d;
	padding: 0 0 0 51px;
	letter-spacing: 0.3em;
	position: relative;
	z-index: 1;
}
.ttl6 span:before {
	content: "";
	z-index: 1;
	position: absolute;
	border-bottom: 1px solid #125c9d;
	width: 37px;
	height: 0;
	top: 12px;
	left: 0;
	margin: auto;
}
.ttl7 {
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 15px;
}
.ttl8 {
	font-weight: bold;
	font-size: 50px;
	letter-spacing: 0.15em;
	margin: 0 0 36px;
	line-height: 1.4;
}
.ttl8 span {
	color: #005aa0;
}
.ttl9 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
}
/*　ボタン　*/
.btn1 {}
.btn1 span {
	display: inline-block;
	text-align: center;
	margin: 0 8px 0 0;
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}
.btn2 {
	text-align: right;
	margin: 26px 0 0;
	border-bottom: 1px solid #dce2e8;
	font-size: 15px;
}
.btn2 a {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.btn2 a:before {
	content: "";
	z-index: 1;
	position: absolute;
	border-bottom: 1px solid #125c9d;
	width: 25px;
	bottom: -1px;
	right: 0;
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}
.btn2 span {
	display: inline-block;
	text-align: center;
	margin: 0 12px 0 0;
	padding: 0 0 0 12px;
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}
.btn5, .btn4, .btn3 {
	border: solid 1px #fff;
	display: block;
	color: #fff;
	position: relative;
	z-index: 1;
	height: 80px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 38px;
}
.btn4 {
	border-color: #005bab;
	color: #005bab;
}
.btn5 {
	border-color: #005bab;
	background-color: #005bab;
}
.btn5:before, .btn4:before, .btn3:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 24px;
	width: 7px;
	height: 7px;
	margin: auto;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}
.btn4:before {
	border-color: #005bab;
}
/*　やじるし　*/
.arrow1 {
	border: solid 1px #333;
	width: 62px;
	height: 62px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100px;
	position: relative;
	z-index: 1;
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}
.arrow1:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 27px;
	width: 7px;
	height: 7px;
	margin: auto;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}
.arrow2 {
	/* border: solid 1px #333; */
	width: 30px;
	height: 62px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100px;
	position: relative;
	z-index: 1;
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}
.arrow2:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	width: 7px;
	height: 7px;
	margin: auto;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}
.arrow3 {
	position: relative;
	z-index: 1;
	/* background: #ccc; */
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	z-index: 1;
}
.arrow3:after, .arrow3:before, .arrow3 span:after, .arrow3 span:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: #005bab;
	width: 8px;
	height: 8px;
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}
.arrow3:after {
	top: 0;
	left: 0;
}
.arrow3:before {
	bottom: 0;
	left: 0;
}
.arrow3 span:after {
	top: 0;
	right: 0;
}
.arrow3 span:before {
	bottom: 0;
	right: 0;
}
/*　ライン　*/
.line1 {
	/* background: #ccc; */
	width: 220px;
	height: 220px;
	position: relative;
	z-index: 1;
	/* position: absolute; */
	/* z-index: 33; */
	/* left: 38.9%; */
	/* bottom: -161px; */
}
.line1 span, .line1:after, .line1:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: #000;
	overflow: hidden;
	width: 1px;
	/* top: 0; */
	/* bottom: 0; */
	top: 0;
	bottom: 0;
	left: 50%;
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	margin: auto;
	transform: skewX(-36.9deg);
}
.line1:after {
	/* top: 30px; */
	left: calc(50% + 17px);
}
.line1:before {
	/* bottom: 45px; */
	left: calc(50% - 17px);
}
.line1 p:before {
	top: 42px;
}
/*　アンカー　*/
.anc1 {
	display: block;
	height: 0;
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
}
/*　テーブル　*/
.table1 table {
	width: 100%;
	border-top: 1px solid #EEF2F6;
	border-left: 1px solid #EEF2F6;
}
.table1 td, .table1 th {
	padding: 27px 41px;
	border-bottom: 1px solid #EEF2F6;
	border-right: 1px solid #EEF2F6;
	/* font-size: 15px; */
}
.table1 td {
	background: #fff;
}
.table1 th {
	width: 250px;
	background: #a0aebc;
	color: #fff;
}
.parts-set5_mes table {
	width: 100%;
	border-top: 1px solid #EEF2F6;
	border-left: 1px solid #EEF2F6;
}
.parts-set5_mes td, .parts-set5_mes th {
	padding: 27px 41px;
	border-bottom: 1px solid #EEF2F6;
	border-right: 1px solid #EEF2F6;
	/* font-size: 15px; */
}
.parts-set5_mes td {
	background: #fff;
}
.parts-set5_mes th {
	width: 50%;
	background: #a0aebc;
	color: #fff;
}
/*　リスト　*/
.parts-set5_mes ul {
	list-style: disc;
	margin: 1.5rem;
	font-weight: 700;
}
.parts-set5_mes ol {
	list-style: decimal;
	margin: 1.5rem;
	font-weight: 700;
}
/*　リンク　*/
.link1 a {
	color: #125c9d;
	text-decoration: underline;
}
.link1 a[target="_blank"] {
	position: relative;
	z-index: 1;
}
.link1 a[target="_blank"]:after {
	content: "";
	z-index: 1;
	position: relative;
	background: url(/support/common/img/icon_blank.svg) 0 0 no-repeat;
	background-size: 100% auto;
	width: 14px;
	height: 11px;
	top: 1px;
	left: 0;
	display: inline-block;
	margin: 0 5px 0;
}
/*　bnrArea
---------------------------------------------------------*/
.bnrArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bnrArea li {
	width: 49%;
}

/*　event
---------------------------------------------------------*/
.event {
	margin: 80px auto;
}
.event .ttl {
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	color: #005bab;
	line-height: 1.5;
}
.event article {
	margin: auto;
	padding: 45px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 900px;
	border: 2px solid #313131;
}
.event .imgbox {
	background-position: center;
	background-size: cover;
	width: 48%;
}
.event .detail {
	width: 48%;
}
.event .event_ttl {
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
}
.event dl {
	margin-bottom: 20px;
	padding: 15px 20px;
	display: flex;
	flex-wrap: wrap;
	background: #eee;
	font-size: 15px;
}
.event dt {
	position: relative;
	width: 80px;
}
.event dt::after {
	content: "："
}
.event dd {
	width: calc(100% - 80px);
}
.event .lead_txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.event .btn {
	padding: 20px 0;
	text-align: center;
}
.event .btn a {
	position: relative;
	display: inline-block;
	padding: 30px 60px;
	background: #ea751e;
	color: #fff;
	max-width: 450px;
	border-radius: 30px;
	font-size: 20px;
	font-weight: 700;
}
.event .btn a::after {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	border: 10px solid transparent;
	border-left: 18px solid #ffff00;
	content: "";
}
.event .btn a:hover {
	opacity: .7;
}
@media screen and (max-width: 1180px) {
	.event article {
		padding: 25px;
	}
	.event .imgbox {
		width: 48%;
	}
	.event .detail {
		width: 48%;
	}
	.event .event_ttl {
		padding-bottom: 10px;
		font-size: 18px;
	}
	.event dl {
		margin-bottom: 0;
		background: #eee;
		font-size: 13px;
	}
	.event dt {
		position: relative;
		width: 70px;
	}
	.event dd {
		width: calc(100% - 70px);
	}
	.event .lead_txt {
		display: none;
	}
	.event .btn {
		padding: 20px 0 0;
	}
	.event .btn a {
		padding: 20px 40px;
		background: #ea751e;
		color: #fff;;
		font-size: 16px;
		letter-spacing: 0;
		border-radius: 20px;
	}
	.event .btn a::after {
		right: 10px;
		border: 6px solid transparent;
		border-left: 10px solid #ffff00;
	}
}
/*　shop pickup
---------------------------------------------------------*/
.shop_pickup {
	margin: 80px auto;
	max-width: 1200px;
	overflow: hidden;
}
.shop_pickup .ttl {
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	color: #005bab;
	line-height: 1.5;
}
.shop_pickup li {
	padding: 15px;
	background: #eeeeee;
}
.shop_pickup li .imgbox {
	background-size: cover;
	width: 100%;
	aspect-ratio: 3/2;
}
.shop_pickup .name {
	padding: 10px 0;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.shop_pickup .txt {
	line-height: 1.5;
	font-size: 14px;
}
.shop_pickup .btn {
	padding-top: 20px;
	text-align: center;
}
.shop_pickup .btn a {
	position: relative;
	display: inline-block;
	padding: 15px 30px;
	background: #f6b340;
	color: #eeeeee;
	width: 100%;
	font-weight: 700;
}
.shop_pickup .btn a::after {
	display: inline-block;
	margin-left: 5px;
	border: 6px solid transparent;
	border-left: 8px solid #eeeeee;
	content: "";
}
.shop_pickup .btn a:hover {
	opacity: .7;
}
.shop_pickup .btn02 {
	padding-top: 30px;
	text-align: center;
}
.shop_pickup .btn02 a {
	position: relative;
	display: inline-block;
	padding: 35px 100px;
	background: #ea751e;
	color: #eeeeee;
	max-width: 600px;
	border-radius: 30px;
	font-size: 20px;
	font-weight: 700;
}
.shop_pickup .btn02 a::before {
	position: absolute;
	top: 0;
	left: 50px;
	width: 40px;
	height: 100%;
	background: url(/support/common/img/icon_shop.avif) no-repeat center / contain;
	content: "";
}
.shop_pickup .btn02 a::after {
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	border: 10px solid transparent;
	border-left: 18px solid #ffff00;
	content: "";
}
.shop_pickup .btn02 a:hover {
	opacity: .7;
}
.shop_pickup .bx-wrapper {
	position: relative;
}
.shop_pickup .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    z-index: 99;
}
.shop_pickup .bx-wrapper .bx-prev {
 transform: rotate(180deg);
 left: -80px;
 background: url(/support/common/img/arrow_pickup.avif) no-repeat center / contain;
}
.shop_pickup .bx-wrapper .bx-next {
 right: -80px;
 background: url(/support/common/img//arrow_pickup.avif) no-repeat center / contain;
}
@media screen and (max-width: 1180px) {
	.shop_pickup .btn a {
	    padding: 10px 30px;
		font-size: 14px;
	}
	.shop_pickup .btn02 a {
		padding: 30px 100px;
		max-width: 600px;
		border-radius: 20px;
		font-size: 18px;
	}
	.shop_pickup .btn02 a::before {
		position: absolute;
		top: 0;
		left: 50px;
		width: 35px;
	}
	.shop_pickup .btn02 a::after {
		position: absolute;
		top: 50%;
		right: 50px;
		transform: translateY(-50%);
		border: 10px solid transparent;
		border-left: 18px solid #ffff00;
		content: "";
	}
	.shop_pickup .bx-wrapper .bx-prev {
	 left: -20px;
	}
	.shop_pickup .bx-wrapper .bx-next {
	 right: -20px;
	}
}
/*　ニュース
---------------------------------------------------------*/
.news_list {
	/* display: none;*/
}
.news_list_data .news_list {
	display: none;
}
.news_list_data .news_list.on {
	display: block;
}
.news_list li {}
.news_list li:nth-child(n+2) {
	margin-top: 5px;
}
.news_list li:nth-child(n+11) {
	display: none;
}
.news_list a {
	display: flex;
	background: #fafafa;
	padding: 27px 33px;
	width: 100%;
	/* align-items: flex-start; */
	align-items: center;
}
.news_list p {
	/* display: table-cell; */
}
.news_list span {
	font-size: 16px;
	height: calc(16px * 1.6 * 1);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-height: 1.6;
	overflow: hidden;
}
.news_list_date {
	font-size: 16px;
	/* padding: 0 16px 0 0; */
	width: 115px;
}
.news_list_event {
	font-size: 12px;
	width: 80px;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 1;
	background: #125c9d;
	padding: 2px 0;
}
.news_list_event:before {
	content: "";
	z-index: -1;
	position: absolute;
	background: #125c9d;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.news_list_new {
	font-size: 14px;
	padding: 0 0 0 21px;
	color: #d62222;
	width: 60px;
}
.news_list_mes {
	padding: 0 0 0 21px;
	flex: 1;
}
/*　コラム
---------------------------------------------------------*/
.column_list {
	display: flex;
	/* justify-content: center; */
	flex-wrap: wrap;
}
.column_list_datas .column_list {
	display: none;
}
.column_list_datas .column_list.on {
	display: flex;
}
.column_list li {
	width: 32.2%;
	margin: 0 0 0 1.7%;
}
.column_list li:nth-child(3n+1) {
	margin-left: 0;
}
.column_list li:nth-child(n+4) {
	/* margin-top: 40px; */
}
.column_list li:nth-child(n+10) {
	display: none;
}
.column_list a {
	display: block;
}
.column_list_img {
	padding: 67% 0 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.column_list_img span {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -999px;
	transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.column_list_data {
	background: #fff;
	padding: 18px 8% 23px;
	/* padding: 15px 0 0; */
}
.column_list_date {
	font-size: 12px;
	margin: 0 0 2px;
}
.column_list_date span {
	background-color: #a1b900;
	color: #fff;
	padding: 3px 10px;
	margin: 0 0 0 8px;
}
.column_list_date span.column_list_new {
	background-color: transparent;
	color: #d62222;
}
.column_list_ttl {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	/* margin: 0 0 14px; */
}
.column_list_mes {
	color: #8b939a;
	font-size: 14px;
	height: calc(14px * 1.7 * 3);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 1.7;
	overflow: hidden;
}
/*　店舗
---------------------------------------------------------*/
.shop_box {
	background: #fff;
	display: flex;
	padding: 33px 3.8%;
	justify-content: space-between;
	align-items: self-start;
}
.shop_box_data {
	width: 54.5%;
	padding: 5px 0 0;
}
.shop_box_name {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 25px;
}
.shop_box_name a {
	color: #125c9d;
	text-decoration: underline;
}
.shop_box_name i {
	width: 32px;
	height: 32px;
	margin: 0 0 0 11px;
}
.shop_box_name i:before {
	width: 5px;
	height: 5px;
	right: 13px;
}
.shop_box_table table {
	width: 100%;
	border-top: 1px solid #EEF2F6;
	border-left: 1px solid #EEF2F6;
}
.shop_box_table td, .shop_box_table th {
	padding: 12px 19px;
	border-bottom: 1px solid #EEF2F6;
	border-right: 1px solid #EEF2F6;
	font-size: 15px;
}
.shop_box_table td {}
.shop_box_table th {
	width: 145px;
	background: #a0aebc;
	color: #fff;
}
.shop_box_img {
	width: 41.6%;
	position: relative;
	z-index: 1;
	padding: 27% 0 0;
}
.shop_box_img span {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -999px;
}
.shop_box_sns {}
.shop_box_sns a {
	display: inline-block;
	margin-right: 5px;
}
/*　アニメ
---------------------------------------------------------*/
.up-amim.up-amim_target, .up-amim .up-amim_target {
	transform: translate3d(0, 100px, 0);
	opacity: 0;
}
.aos-animate.up-amim.up-amim_target, .aos-animate.up-amim .up-amim_target {
	transform: translate3d(0, 0px, 0);
	opacity: 1;
	transition: all 1000ms ease;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
}
/*　メイン
---------------------------------------------------------*/
.mainv {
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: 50%;
	height: 400px;
	color: #fff;
	position: relative;
	z-index: 1;
	background-size: cover;
}
.mainv:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: #6688a6;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: 0.6;
}
.mainv:after {
	content: "";
	z-index: 1;
	position: absolute;
	background: #fff;
	top: 0;
	bottom: -5px;
	right: 0;
	width: 120px;
}
.mainv_ttl {
	font-size: 18px;
	text-align: center;
	position: relative;
	z-index: 5;
}
.mainv_ttl span {
	font-size: 58px;
	display: block;
	letter-spacing: 0.3em;
	font-weight: 300;
	line-height: 1.4;
}
.mainv2 {
	background: #eef2f6;
	position: relative;
	z-index: 1;
	padding: 0 170px;
}
.mainv2 .mainInner, .mainv2 .mainInner2 {
	padding: 122px 0 55px;
}
.mv {
	margin: 64px 0 80px;
	background: #7d91ac;	
}
.mv h2 {
	padding: 80px 30px;
	font-size: 40px;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	text-shadow: 2.364px 1.847px 0px rgba(49, 49, 49, 0.68);
}
.mv h2 span {
	display: block;
	font-size: 30px;
}

/*　コンテンツ
---------------------------------------------------------*/
.editor {
	line-height: 2;
}
.editor a {
	text-decoration: underline;
	color: #125c9d;
}
.editor p + p {
	margin: 20px 0 0;
}
.parts {}
.parts-box:first-child {
	margin-top: 0;
}
.parts-box {
	margin: 70px 0;
}
/* ---------- */
.parts-set1 {
	margin: 20px 0;
}
.parts-set1_img {}
.parts-set1_mes {
	margin: 35px 0 0;
}
/* ---------- */
.parts-set2 {
	overflow: hidden;
	margin: 20px 0;
}
.parts-set2_img {
	float: left;
	padding: 0 41px 50px 0;
	position: relative;
	z-index: 5;
	background: #fff;
	width: 51.75%;
}
.parts-set2_main {}
.parts-set2_ttl {
	/* display: inline-block; */
	/* padding: 0; */
	/* border: none; */
	display: flex;
}
.parts-set2_ttl span {
	position: relative;
	z-index: 1;
}
.parts-set2_ttl span:before {
	content: "";
	z-index: 1;
	position: absolute;
	/* border-bottom:1px solid #000; */
	/* background: url(/support/common/img/ya1.avif) 0 0 no-repeat; */
	/* width: 16px; */
	/* height: 5px; */
	top: 0;
	bottom: 0;
	/* right:0; */
	left: 0;
	border-left: solid #125c9d 3px;
}
.parts-set2_mes {}
.parts-set2_ttl:before {
	right: -1000px;
}
.left .parts-set2_img {
	float: right;
	padding: 0 0 50px 41px;
}
/* ---------- */
.parts-set3 {
	margin: 20px 0;
}
.parts-set3_ttl {}
.parts-set3_mes {
	margin: 0 0 40px;
}
.parts-set3_img {}
/* ---------- */
.parts-set4 {
	margin: 20px 0;
}
.parts-set4_list {
	display: flex;
	flex-wrap: wrap;
}
.parts-set4_list li {
	width: 32.37%;
	margin: 0 0 0 1.44%;
}
.parts-set4_list li:nth-child(3n+1) {
	margin-left: 0;
}
.parts-set4_list li:nth-child(n+4) {
	margin-top: 30px;
}
.parts-set4_list_img {
	padding: 77.7% 0 0;
	position: relative;
	z-index: 1;
	margin: 0 0 15px;
}
.parts-set4_list_img span {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -999px;
}
.parts-set4_list_mes {
	padding: 0 20px;
}
/* ---------- */
.parts-set5 {
	margin: 20px 0;
}
.parts-set5_mes {}
/* ---------- */
.parts-set6 {
	margin: 20px 0;
}
.parts-set6_imgs {
	display: flex;
	flex-wrap: wrap;
}
.parts-set6_img {
	position: relative;
	z-index: 1;
	padding: 35.2% 0 0;
	width: 49.2%;
	margin: 0 0 0 1.6%;
}
.parts-set6_img:nth-child(2n+1) {
	margin-left: 0;
}
.parts-set6_img span {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -999px;
}
.parts-set6_mes {
	margin: 31px 0 0;
}
/* ---------- */
.parts-set7 {
	margin: 20px 0;
}
.parts-set7_mes {}
.parts-set7_list {
	margin: 62px 0 0;
}
.parts-set7_box {}
.parts-set7_box_img {
	float: right;
	margin: 0 0 30px 58px;
}
.parts-set7_box_mes {}
.parts-set7_box:nth-child(odd) .parts-set7_box_img {
	float: left;
	margin: 0 58px 30px 0;
}
.parts-set7_box:nth-child(n+2) {
	margin-top: 39px;
}
/* ---------- */
/*.parts-set8{
  position: relative;
  z-index: 1;
  padding: 58.3% 0 0;
  margin: 20px 0;
}
.parts-set8 iframe{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

}
*/
.parts-set8 {
	position: relative;
	z-index: 1;
	padding: 37.3% 0 0;
	max-width: 800px;
	margin: 20px auto;
}
.parts-set8 video, .parts-set8 iframe {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.parts-set8 .movi_btn {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
}
.parts-set8 .movi_btn:before {
	content: "";
	z-index: 1;
	position: absolute;
	border-left: 32px solid #272727;
	border-right: 0px solid transparent;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	width: 0px;
	height: 0px;
	top: 0;
	bottom: 0;
	right: -9px;
	left: 0;
	margin: auto;
}
.parts-set8 .movi_btn:after {
	content: "";
	z-index: 1;
	position: absolute;
	border: solid 3px #272727;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.parts-set8 .movi_btn.on:after, .parts-set8 .movi_btn.on:before {
	display: none;
}
/*　詳細ナビ
---------------------------------------------------------*/
.details_nav {
	position: relative;
	z-index: 1;
	margin: 104px 0 0;
}
.details_nav_prev {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 23%;
	text-align: justify;
	text-justify: inter-ideograph;
}
.details_nav_prev:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -16px;
	width: 7px;
	height: 7px;
	margin: auto;
	border-top: 1px solid #125c9d;
	border-right: 1px solid #125c9d;
	transform: rotate(-135deg);
	opacity: 0;
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}
.details_nav_name {
	display: block;
	color: #125c9d;
	margin: 0 0 7px;
}
.details_nav_ttl {}
.details_nav_list {
	width: 37%;
	margin: 0 auto;
	display: block;
	text-align: center;
	color: #125c9d;
	border: solid 1px #125c9d;
	line-height: 80px;
}
.details_nav_list.wide {
	width: 100%;
}
.details_nav_list_link {
	position: relative;
	z-index: 1;
}
.details_nav_list_link i {
	top: 2px;
	left: -32px;
}
.details_nav_next {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	width: 23%;
	text-align: justify;
	text-justify: inter-ideograph;
}
.details_nav_next:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -16px;
	width: 7px;
	height: 7px;
	margin: auto;
	border-top: 1px solid #125c9d;
	border-right: 1px solid #125c9d;
	transform: rotate(45deg);
	opacity: 0;
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}
.details_nav_ttl {
	font-size: 14px;
	height: calc(14px * 1.6 * 2);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.6;
	overflow: hidden;
}
.details_nav_next .details_nav_name {
	text-align: right;
}
/*　コンテンツ
---------------------------------------------------------*/
.content {}
.content .mainInner2, .content .mainInner {
	padding: 80px 0 120px;
}
/*　
---------------------------------------------------------*/
.list_head {
	border-top: solid 1px #EDEDED;
	border-bottom: solid 1px #EDEDED;
	padding: 10px 0 14px;
	margin: 0 0 46px;
}
.list_head_cat {
	float: left;
	display: flex;
	flex-wrap: wrap;
	/* height: 50px; */
	align-items: center;
	margin: 4px 0 0;
}
.list_head_name {
	letter-spacing: 0.1em;
	margin: 0 18px 0 0;
	color: #8b939a;
}
.list_head_cat a {
	/* background: #ccc; */
	padding: 0 5px;
	line-height: 37px;
	margin: 0 8px 0 0;
	width: 100px;
	text-align: center;
}
.list_head_cat a.active {
	background: #125c9d;
	color: #fff;
}
.list_head_arc {
	float: right;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.list_head_arc_select {
	width: 193px;
}
.list_head_arc_select select {
	background-color: #fafafa;
	border: solid 1px #EDEDED;
	line-height: 45px;
	height: 47px;
	padding: 0 31px 0 20px;
	/* width: 193px; */
}
/*　パンくず
---------------------------------------------------------*/
.breadcrumb {
	border-top: solid 1px #EDEDED;
}
.breadcrumb .mainInner {
	display: flex;
	flex-wrap: wrap;
	padding: 33px 0 23px;
}
.breadcrumb li {
	font-size: 13px;
	padding: 0 0 0 34px;
	margin: 0 0 10px;
	position: relative;
	z-index: 1;
}
.breadcrumb li:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 13px;
	width: 7px;
	height: 7px;
	margin: auto;
	border-top: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
	transform: rotate(45deg);
}
.breadcrumb li:first-child {
	padding: 0;
}
.breadcrumb li:first-child:before {
	display: none;
}
.breadcrumb a {
	color: #125c9d;
	text-decoration: underline;
}
/*　ヘッダー
---------------------------------------------------------*/
#pageHeader {}
.head_fix {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	height: 64px;
	background: #fff;
}
.head_fix.hover {
	background: rgba(170, 191, 219, .8);
}
.head_logo {
	/* padding: 6px 20px; */
	/* position: absolute; */
	/* z-index: 1;
	max-width: 250px;
	text-align: center; */
	text-align: center;
	width: 30%;
	display: flex;
	align-items: center;
	margin: auto 0;
	height: 100%;
}
.no_contact_head .head_logo {
	background: transparent;
}
.head_logo a {
	display: block;
}
.head_logo__link--img{
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 4/1;
	max-width: 260px;
}
.mega_box {
	margin-left: 150px;
}
.global_menu ul {
	display: flex;
	justify-content: flex-end;
}
.global_menu .menu {
	position: relative;
	padding-right: 10px;
}
.global_menu .menu span {
	padding: 13px 10px;
	display: block;
	color: #125c9d;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
}
.global_menu .menu > span:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 3px;
	background-color: #245ba5;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.global_menu .menu > span:hover::after {
	width: 100%;
}
.global_menu .child_menu { /* 下層メニューのスタイル */
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 100%;
	visibility: hidden;
}
.global_menu .child_menu.cm01 {
	width: 320px;
}
.global_menu .child_menu.cm02 {
	width: 270px;
}
.global_menu .child_menu.cm03 {
	width: 340px;
}
.global_menu .menu:hover .child_menu {
	visibility: visible;
	background: #f1f8ff;
}
.global_menu .child_menu li a {
	display: block;
	padding: 15px;
	font-size: 16px;
	transition: none;
}
.global_menu .child_menu li a:hover {
	background: #ceda00;
}
.global_menu .menu_shop a {
	position: relative;
	display: block;
	padding: 14px 20px 14px 65px;
	background: #266bc8;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
}
.global_menu .menu_shop a::before {
	position: absolute;
	top: 0;
	left: 20px;
	width: 35px;
	height: 100%;
	background: url(/support/common/img/icon_shop.avif) no-repeat center / contain;
	content: "";
}
.global_menu .menu_siryou a {
	position: relative;
	display: block;
	padding: 14px 20px 14px 65px;
	background: #82c336;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
}
.global_menu .menu_siryou a::before {
	position: absolute;
	top: 0;
	left: 20px;
	width: 40px;
	height: 100%;
	background: url(/support/common/img/icon_request.avif) no-repeat center / contain;
	content: "";
}
.global_menu .menu_event a {
	position: relative;
	display: block;
	padding: 14px 20px 14px 65px;
	background: #ea751e;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
}
.global_menu .menu_event a::before {
	position: absolute;
	top: 0;
	left: 20px;
	width: 35px;
	height: 100%;
	background: url(/support/common/img/icon_event.avif) no-repeat center / contain;
	content: "";
}
.global_menu .menu_last a {
	display: block;
	padding: 3.5px 5px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
}
.global_menu .menu_const {
	background: #125c9d;
	color: #fff;
}
.global_menu .menu_const span {
	color: #ceda00;
}
.global_menu .menu_login {
	border: 1px solid #125c9d;
	background: #fff;
	color: #125c9d;
}
.global_menu a:hover {
	opacity: .7;
}
.head_menu {
	display: none
}
@media screen and (max-width: 1500px) {
	.head_logo {
		/* padding: 13px 20px;
		width: 100px; */
	}
	.mega_box {
		margin-left: 130px;
	}
	.global_menu .menu span {
		padding: 15px 10px;
		font-size: 14px;
	}
	.global_menu .child_menu.cm01 {
		width: 280px;
	}
	.global_menu .child_menu.cm02 {
		width: 240px;
	}
	.global_menu .child_menu.cm03 {
		width: 300px;
	}
	.global_menu .child_menu li a {
		font-size: 14px;
	}
	.global_menu .menu_shop a {
		padding: 16.5px 15px 16.5px 50px;
		font-size: 13px;
	}
	.global_menu .menu_shop a::before {
		left: 15px;
		width: 30px;
	}
	.global_menu .menu_siryou a {
		padding: 16.5px 15px 16.5px 50px;
		font-size: 13px;
	}
	.global_menu .menu_siryou a::before {
		left: 15px;
		width: 30px;
	}
	.global_menu .menu_event a {
		padding: 16.5px 15px 16.5px 50px;
		font-size: 13px;
	}
	.global_menu .menu_event a::before {
		left: 15px;
		width: 30px;
	}
}
@media screen and (max-width: 1300px) {
	.head_logo {
		/* padding: 8px 10px;
		width: 100px; */
	}
	.mega_box {
		margin-left: 120px;
	}
	.global_menu .menu span {
		padding: 16px 5px;
		font-size: 13px;
	}
	.global_menu .child_menu.cm01 {
		width: 260px;
	}
	.global_menu .child_menu.cm02 {
		width: 230px;
	}
	.global_menu .child_menu.cm03 {
		width: 280px;
	}
	.global_menu .child_menu.cm04 {
		width: 100px;
	}
	.global_menu .child_menu li a {
		font-size: 13px;
	}
	.global_menu .menu_shop a,
	.global_menu .menu_siryou a,
	.global_menu .menu_event a {
		padding: 17.5px 15px;
		font-size: 12px;
	}
	.global_menu .menu_shop a::before,
	.global_menu .menu_siryou a::before,
	.global_menu .menu_event a::before {
		content: none;
	}
	.global_menu .menu_last {
		display: none;
	}
}
@media screen and (max-width: 1180px) {
	.head_logo {
		/* padding: 4px 15px;
		width: 110px; */
	}
	.global_menu ul {
		padding-right: 100px;
	}
	.global_menu .menu {
		display: none;
	}
	.global_menu .menu_shop a,
	.global_menu .menu_siryou a,
	.global_menu .menu_event a {
		padding: 15px 20px;
		font-size: 14px;
	}
	.head_menu {
		display: block;
		position: absolute;
		z-index: 1;
		right: 5px;
		top: 0;
		width: 90px;
		height: 60px;
	}
	.head_menu p {
		font-size: 11px;
		text-align: center;
		color: #333;
		letter-spacing: 0;
		padding: 44px 0 0 1px;
		transition: all 400ms ease;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
	}
	.head_menu.on p {
		color: #333;
	}
	.head_menu:hover p, .head_menu.hover p {
		color: #fff;
	}
	.no_contact_head .head_menu:hover p, .no_contact_head .head_menu.hover p {
		color: #333;
	}
	.head_menu p:before, .head_menu:after, .head_menu:before {
		content: "";
		z-index: 1;
		position: absolute;
		background: #333;
		overflow: hidden;
		height: 1px;
		/* top: 0; */
		/* bottom: 0; */
		right: 20px;
		left: 20px;
		transition: all 400ms ease;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		margin: auto;
	}
	.head_menu.on p:before, .head_menu.on:after, .head_menu.on:before {
		background: #333;
	}
	.no_contact_head .head_menu:hover p:before, .no_contact_head .head_menu:hover:after, .no_contact_head .head_menu:hover:before {
		background: #333;
	}
	.head_menu:hover p:before, .head_menu:hover:after, .head_menu:hover:before, .head_menu.hover p:before, .head_menu.hover:after, .head_menu.hover:before {
		background: #fff;
	}
	.head_menu.on:after {
		transform: rotate(-30deg);
		top: 24px;
	}
	.head_menu.on:before {
		transform: rotate(30deg);
		bottom: 35px;
	}
	.head_menu.on p:before {
		opacity: 0;
		left: 80px;
	}
	.head_menu:after {
		top: 25px;
	}
	.head_menu:before {
		bottom: 44px;
	}
	.head_menu p:before {
		top: 36px;
	}
	.head_popup.on {
		top: 64px;
		display: block;
		overflow: scroll;
	}
	.head_popup_box {
		padding: 50px 50px 100px;
	}
	.mega_box {
		margin-left: 110px;
		padding: 0;
	}
	.head_popup input {
		display: none;
	}
	.head_popup .single {
		width: 100%;
	}
	.head_popup .single a {
		position: relative;
		display: block;
		margin-bottom: 10px;
		padding: 20px 60px 20px 20px;
		border: 1px solid #125c9d;
		background: #fff;
		color: #125c9d;
		width: 100%;
		font-size: 18px;
	}
	.head_popup .single a::after {
		position: absolute;
		top: calc(50% - 20px);
		right: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		background: #125c9d;
		border-radius: 50px;
		color: #fff;
		font-size: 20px;
		content: "＞"
	}
	.head_popup label {
		position: relative;
		margin-bottom: 10px;
		padding: 20px 60px 20px 20px;
		border: 1px solid #125c9d;
		background: #fff;
		color: #125c9d;
		width: 100%;
		font-size: 18px;
	}
	.head_popup label::after {
		position: absolute;
		top: calc(50% - 20px);
		right: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		background: #125c9d;
		border-radius: 50px;
		color: #fff;
		font-size: 20px;
		content: "＋"
	}
	.head_popup .cssacc:checked + label::after {
		transform: rotate(45deg);
	}
	.head_popup .accshow {
		width: 100%;
		height: 0;
		overflow: hidden;
	}
	.head_popup .accshow li a {
		position: relative;
		display: block;
		margin-top: -1px;
		padding: 10px 50px 10px 20px;
		width: 100%;
		background: #eff3ae;
		color: #125c9d;
		border: 1px solid #125c9d;
		font-size: 16px;
	}
	.head_popup .accshow li a::after {
		position: absolute;
		top: calc(50% - 17px);
		right: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20px;
		content: "＞"
	}
	.head_popup .cssacc:checked + label + .accshow {
		margin: -10px 0 15px;
		height: auto;
	}
	.head_popup .list_btn {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.head_popup .list_btn a {
		position: relative;
		display: block;
		width: 48%;
		font-size: 16px;
		font-weight: 700;
	}
	.head_popup .menu_const {
		padding: 15px 5px;
		background: #125c9d;
		color: #fff;
		text-align: center;
	}
	.head_popup .menu_const span {
		color: #ceda00;
	}
	.head_popup .menu_login {
		padding: 10px 10px 10px 80px;
		background: #fff;
		border: 1px solid #125c9d;
		color: #125c9d;
		line-height: 1.2;
	}
	.head_popup .menu_login::before {
		position: absolute;
		top: 0;
		left: 40px;
		width: 20px;
		height: 100%;
		background: url(/support/common/img/icon_login.avif) no-repeat center / contain;
		content: "";
	}
}
.head_btns {
	position: absolute;
	z-index: 1;
	right: 120px;
	top: 0;
	display: flex;
	width: 600px;
}
.head_btns a {
	display: block;
	/* background: #ccc; */
	color: #fff;
	text-align: center;
	padding: 5px 0;
}
.head_btns span {
	position: relative;
	z-index: 1;
	padding: 0 0 0 31px;
}
.head_siryou {
	width: 32%;
	background: #98af00;
}
.head_siryou span:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: url(/support/common/img/icon_book.svg) 0 0 no-repeat;
	background-size: 100% auto;
	width: 22px;
	height: 20px;
	top: 0;
	bottom: 0;
	left: 3px;
	margin: auto;
}
.head_info {
	width: 32%;
	background: #005bab;
}
.head_info span:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: url(/support/common/img/icon_mail.svg) 0 0 no-repeat;
	background-size: 100% auto;
	width: 20px;
	height: 17px;
	top: 0;
	bottom: 0;
	left: 3px;
	margin: auto;
}
.head_shop {
	width: 36%;
	background: #e1613f;
}
.head_shop span:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: url(/support/common/img/icon_search.svg) 0 0 no-repeat;
	background-size: 100% auto;
	width: 16px;
	height: 20px;
	top: 0;
	bottom: 0;
	left: 8px;
	margin: auto;
}
.head_shop em {
	font-style: normal;
}
@media screen and (max-width: 1100px) {
	.head_btns {
		width: 400px;
	}
	.head_btns a {
		font-size: 10px;
	}
}

.head_popup {
	position: fixed;
	z-index: 100;
	background: #eef2f6;
	top: 64px;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	visibility: hidden;
	-webkit-transition: -webkit-transform .2s, opacity .2s, visibility 0s .2s;
	transition: transform .2s, opacity .2s, visibility 0s .2s;
	opacity: 0;
}
.head_popup.on {
	visibility: visible;
	-webkit-transition: -webkit-transform .4s, opacity .4s;
	transition: transform .4s, opacity .4s;
	opacity: 1;
}
.head_popup_box {
	width: 100%;
}
.head_popup_box .mainInner {
	max-width: 1000px;
}
.head_nav {
	display: flex;
	flex-wrap: wrap;
}
.head_nav_box {
	width: 50%;
}
.head_nav_list {
	/* width: 170px; */
	/* padding: 0 20px 30px 0; */
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 0 25px;
}
.head_nav_list:nth-child(n+2) {
	margin: 41px 0 0;
}
.head_nav_list li {
	margin: 0 25px 0 0;
}
.head_nav_list li:nth-child(n+2) {
	/* margin-top: 0; */
	/* margin: 0 25px 0 0; */
}
.head_nav_list a {
	font-size: 14px;
	/* color: #fff; */
}
.head_nav_list .midasi {
	width: 100%;
	margin: 0 0 8px;
}
.head_nav_list .midasi a {
	font-size: 20px;
	color: #125c9d;
	/* padding: 0 0 0 27px; */
	position: relative;
	z-index: 1;
}
.head_nav_list .midasi a:before {
	content: "";
	z-index: 1;
	position: absolute;
	border-bottom: 1px solid #125c9d;
	width: 12px;
	height: 0px;
	top: 12px;
	left: -25px;
}
.head_nav_data {
	border-top: solid #DDE3E8 1px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 56px 0 0;
	padding: 11px 0 0;
}
.head_nav_link {
	font-size: 13px;
}
.head_nav_link a {
	margin: 0 16px 0 0;
}
.head_nav_info {
	text-align: center;
}
.head_nav_tel {
	color: #125c9d;
	font-size: 32px;
}
.head_nav_tel span {
	position: relative;
	z-index: 1;
	padding: 0 0 0 17px;
}
.head_nav_tel span:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: url(/support/common/img/icon_tel.svg) 0 0 no-repeat;
	background-size: 100% auto;
	width: 23px;
	height: 25px;
	top: 10px;
	left: -11px;
}
.head_nav_time {
	font-size: 12px;
}
/*　フッター
---------------------------------------------------------*/
#pageFooter {
	padding: 50px 5% 20px;
	background: #dbdfe2;
}
.footInner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.footInner .infoArea {
	width: 480px;
}
.footInner .infoArea .logo {
	margin-bottom: 10px;
}
.footInner .infoArea .logo .infoArea-logo__link{

}
.footInner .infoArea .logo .infoArea-logo__link .infoArea-logo__link--img{
	width: 100%;
	height: auto;
	display: block;
	max-width: 260px;
}
.footInner .navArea {
	width: calc(100% - 520px);
}
.foot2 {
	background: #fff;
	text-align: center;
	margin-top: 15px;
	padding: 20px 0;
}
.foot2_ttl {
	font-size: 16px;
}
.foot2_ttl span {
	display: inline-block;
	letter-spacing: 0;
	border-bottom: 1px solid #000;
	padding: 0 0 4px;
}
.foot2_tel {
	font-size: 50px;
	font-weight: 500;
	color: #125c9d;
}
.foot2_tel span {
	padding: 0 0 0 60px;
	letter-spacing: 0.03em;
	position: relative;
	z-index: 1;
}
.foot2_tel span:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: url(/support/common/img/icon_tel.svg) no-repeat center / contain;
	width: 39px;
	height: 100%;
	top: 5px;
	left: 9px;
}
.foot2_date {
	font-size: 14px;
}
.foot2_date span {
	font-size: 18px;
}
.btnMail a {
	position: relative;
	display: block;
	padding: 20px 35px;
	background: #266bc8;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
}
.btnMail a::before {
	display: inline-block;
	width: 35px;
	height: 25px;
	margin-right: 5px;
	vertical-align: -.3rem;
	background: url(/support/common/img/icon_mail.avif) no-repeat center / contain;
	content: "";
}
.btnMail a:hover {
	opacity: .7;
}
.btnSupport {
    display:none;
}
.footInner .navArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footInner .navArea .parent {
	position: relative;
	padding: 0 0 20px 10px;
}
.footInner .navArea .parent::before {
	position: absolute;
	top: 3px;
	left: 0;
	content: "・";
}
.footInner .navArea .parent > a {
	font-weight: 700;
}
.footInner .navArea .children {
	padding: 5px 0 0 20px;
}
.footInner .navArea .children li {
	padding-bottom: 5px;
}
.footInner .navArea .single {
	padding-bottom: 10px;
}
.footInner .navArea .txt_note {
	padding-top: 20px;
	font-size: 12px;
}
.foot_addr {
	padding-top: 50px;
	font-size: 14px;
	text-align: center;
}
/*page-top*/
#Pagetop {
	position: fixed;
	bottom: 50px;
	right: 3%;
	width: 80px;
	cursor: pointer;
	z-index: 99;
}
.sp-block, .sp-inline {
	display: none;
}
@media screen and (max-width: 1180px) {
	.footInner .infoArea .logo ,
	.footInner .infoArea .info {
		text-align: center;
	}
	.footInner .infoArea {
		padding-bottom: 30px;
		width: 100%;
	}
	.footInner .navArea {
		width:  100%;
	}
	.foot2 {
		background: #fff;
		text-align: center;
		margin-top: 15px;
		padding: 20px 0;
	}
	.foot2_ttl {
		font-size: 15px;
	}
	.foot2_tel {
		font-size: 40px;
	}
	.foot2_tel span {
		padding: 0 0 0 50px;
	}
	.foot2_tel span:before {
		width: 30px;
		top: 2px;
	}
}
@media screen and (min-width: 681px) and (orientation: portrait), screen and (min-width: 738px) and (orientation: landscape) {
	#pageMain {
		overflow: hidden;
	}
	.btn1:hover span {
		color: #125c9d;
		letter-spacing: 0.2rem;
	}
	a:hover .arrow1.parent, .arrow1:hover {
		background: #125c9d;
		border-color: #125c9d;
	}
	a:hover .arrow1.parent:before, .arrow1:hover:before {
		border-color: #fff;
	}
	.btn2 a:hover span {
		color: #125c9d;
		letter-spacing: 0.2rem;
	}
	.btn2 a:hover:before {
		width: 100%;
	}
	.btn3:hover {
		background: #fff;
		color: #125c9d;
	}
	.btn3:hover:before {
		border-color: #125c9d;
	}
	.btn4:hover {
		background: #125c9d;
		color: #fff;
	}
	.btn4:hover:before {
		border-color: #fff;
	}
	.btn5:hover {
		background: #fff;
		color: #125c9d;
	}
	.btn5:hover:before {
		border-color: #125c9d;
	}
		.news_list a:hover {
		background: #d7e2ec;
	}
	.head_menu:hover p:before {
		left: 30px;
	}
	.list_head_cat a:hover {
		background: #125c9d;
		color: #fff;
	}
	.breadcrumb a:hover {
		text-decoration: none;
	}
	.details_nav_list:hover {
		background: #005bab;
		color: #fff;
	}
	a:hover .arrow3:after, a:hover .arrow3:before, a:hover .arrow3 span:after, a:hover .arrow3 span:before {
		background: #fff;
	}
	.details_nav_next:hover {
		transform: translate3d(-15px, 0, 0);
		color: #125c9d;
	}
	.details_nav_prev:hover {
		transform: translate3d(15px, 0, 0);
		color: #125c9d;
	}
	.details_nav_next:hover:before, .details_nav_prev:hover:before {
		opacity: 1;
	}
	.editor a:hover {
		text-decoration: none;
	}
	.link1 a:hover {
		text-decoration: none;
	}
}
/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
.sp-block, .sp-inline {
	display: none;
}
@media screen and (max-width: 680px) and (orientation: portrait), screen and (max-width: 737px) and (orientation: landscape) {
	/*---------------------------------------------------------
    全ページ共通スタイル
  ---------------------------------------------------------*/
	body, html {
		min-width: 0px;
	}
	body {
		font-size: 13px;
	}
	.wrapper {}
	.mainWidth {
		padding: 0 4%;
	}
	.mainInner {}
	/*　コンテンツ
  ---------------------------------------------------------*/
	#main {}
	/*　タイトル　*/
	.ttl1 {
		font-size: 21px;
		margin: 0 0 10px;
	}
	.ttl1 span {
		font-size: 10px;
		padding: 0 0 0 38px;
		margin: 0 0 11px;
	}
	.ttl1 span:before {
		width: 20px;
		left: 6px;
	}
	.ttl2 {
		display: block;
		margin: 0 0 23px;
	}
	.ttl2_txt1 {
		font-size: 28px;
		border: none;
		padding: 0;
		margin: 0 0 27px;
		position: relative;
		z-index: 1;
	}
	.ttl2_txt1:before {
		content: "";
		z-index: 1;
		position: absolute;
		border-bottom: 2px solid #333;
		width: 30px;
		bottom: -15px;
		left: 0;
	}
	.ttl2_txt2 {
		padding: 0;
		line-height: 2;
	}
	.ttl3 {
		font-size: 28px;
		font-size: 2.2em;
		margin: 0 0 25px;
	}
	.ttl4 {
		font-size: 16px;
		padding: 0 0 0 23px;
	}
	.ttl4:before {

		width: 13px;
		top: 13px;
		left: 3px;
	}
	.ttl5 {
		font-size: 20px;
		padding: 0 0 0 15px;
	}
	.ttl5:before {}
	.ttl6 {
		font-size: 20px;
		margin: 0 0 18px;
	}
	.ttl6 span {
		font-size: 10px;
		padding: 0 0 0 37px;
	}
	.ttl6 span:before {
		width: 25px;
		top: 7px;
	}
	.ttl7 {
		font-size: 18px;
		margin: 0 0 8px;
	}
	.ttl8 {
		font-size: 25px;
		margin: 0 0 12px;
	}
	.ttl9 {
		font-size: 16px;
		margin: 0 0 8px;
	}
	/*　ボタン　*/
	.btn1 {
		font-size: 12px;
	}
	.btn1 span {
		margin: 0 10px 0 0;
	}
	.btn2 {
		font-size: 12px;
	}
	.btn2 a {}
	.btn2 a:before {}
	.btn2 span {}
	.btn3 {
		font-size: 14px;
		height: 70px;
	}
	.btn3:before {}
	/*　やじるし　*/
	.arrow1 {
		width: 46px;
		height: 46px;
	}
	.arrow1:before {
		width: 5px;
		height: 5px;
		right: 20px;
	}
	.arrow2 {
		height: 45px;
	}
	.arrow2:before {}
	/*　ライン　*/
	.line1 {
		width: 90px;
		height: 90px;
		/* background: #ccc; */
	}
	.line1 span, .line1:after, .line1:before {}
	.line1:after {
		left: calc(50% + 8px);
	}
	.line1:before {
		left: calc(50% - 8px);
	}
	.line1 p:before {}
	/*　アンカー　*/
	.anc1 {}
	/*　テーブル　*/
	.table1 table {}
	.table1 td, .table1 th {
		font-size: 13px;
		padding: 6px 9px;
	}
	.table1 td {}
	.table1 th {
		width: 85px;
	}
	.parts-set5_mes td, .parts-set5_mes th {
		font-size: 13px;
		padding: 6px 9px;
	}
	/*　リンク　*/
	.link1 a {}
	.link1 a[target="_blank"] {}
	.link1 a[target="_blank"]:after {}
	/*　event
  ---------------------------------------------------------*/
	.event {
		margin: 30px 0;
	}
	.event .ttl {
		letter-spacing: -.1rem;
		font-size: 20px;
		margin-bottom: 10px;
	}
	.event article {
		padding: 20px;
		border: 1px solid #313131;
	}
	.event .imgbox {
		margin-bottom: 10px;
		width: 100%;
	}
	.event .detail {
		width: 100%;
	}
	.event .event_ttl {
		padding-bottom: 10px;
		font-size: 16px;
	}
	.event dl {
		margin-bottom: 10px;
		padding: 10px 20px;
	}
	.event dt {
		width: 65px;
	}
	.event dd {
		width: calc(100% - 65px);
	}
	.event .lead_txt {
		display: -webkit-box;
		-webkit-line-clamp: 5;
	}
	.event .btn {
		padding: 10px 0 0;
	}
	.event .btn a {
		padding: 25px 50px;
		border-radius: 15px;
		font-size: 16px;
	}
	.event .btn a::after {
		right: 20px;
		border: 8px solid transparent;
		border-left: 14px solid #ffff00;
	}
	/*　bnrArea
	---------------------------------------------------------*/
	.bnrArea li {
		width: 100%;
	}
	.bnrArea li:last-child {
		padding-top: 20px;
	}
	
	/*　shop pickup
	---------------------------------------------------------*/
	.shop_pickup {
		padding: 0;
		margin: 40px -4%;
	}
	.shop_pickup .ttl {
		margin-bottom: 20px;
		font-size: 18px;
		letter-spacing: -.1rem;
	}
	.shop_pickup .sp-block {
		position: relative;
		overflow: hidden;
	}
	.shop_pickup .sp-block::before {
		position: absolute;
		top: 0;
		left: 0;
		width: calc((100% - 200px) / 2);
		height: 100%;
		background: rgba(255,255,255,.6);
		content: "";
		z-index: 1;
	}
	.shop_pickup .sp-block::after {
		position: absolute;
		top: 0;
		right: 0;
		width: calc((100% - 200px) / 2);
		height: 100%;
		background: rgba(255,255,255,.6);
		content: "";
		z-index: 1;
	}
	.bx-wrapper {
		max-width: 200px!important; 
		margin-left: auto;
		margin-right: auto;
	}
	.bx-viewport {
		overflow: visible!important;
	}
	.shop_pickup li .imgbox {
		background-size: cover;
		width: 100%;
		aspect-ratio: 3/2;
	}
	.shop_pickup .name {
		font-size: 16px;
	}
	.shop_pickup .txt {
		line-height: 1.5;
		font-size: 13px;
	}
	.shop_pickup .txt a {
		 text-decoration: none;
	}
	.shop_pickup .btn {
		padding-top: 10px;
	}
	.shop_pickup .btn a {
		padding: 10px 20px;
	}
	.shop_pickup .btn02 {
		padding-top: 20px;
	}
	.shop_pickup .btn02 a {
		padding: 20px 40px;
		max-width: 100%;
		border-radius: 20px;
		font-size: 16px;
	}
	.shop_pickup .btn02 a::before {
		content: none;
	}
	.shop_pickup .btn02 a::after {
		right: 10px;
		border: 5px solid transparent;
		border-left: 8px solid #ffff00;
	}
	.shop_pickup .bx-wrapper .bx-controls-direction a {
	    margin-top: -15px;
		 width: 30px;
		 height: 30px;
	}
	.shop_pickup .bx-wrapper .bx-prev {
	 left: -25px;
	}
	.shop_pickup .bx-wrapper .bx-next {
	 right: -25px;
	}
	/*　ニュース
  ---------------------------------------------------------*/
	.news_list {}
	.news_list li {}
	.news_list li:nth-child(n+2) {}
	.news_list a {
		flex-wrap: wrap;
		padding: 17px 19px;
	}
	.news_list p {}
	.news_list span {
		font-size: 13px;
		height: calc(13px * 1.6 * 1);
	}
	.news_list_date {
		font-size: 14px;
		width: 94px;
	}
	.news_list_event {
		font-size: 11px;
		width: 66px;
	}
	.news_list_event:before {}
	.news_list_new {
		padding: 0 0 0 10px;
	}
	.news_list_mes {
		width: 100%;
		padding: 0;
		flex: auto;
		margin: 6px 0 0;
	}
	/*　コラム
  ---------------------------------------------------------*/
	.column_list {
		display: block;
	}
	.column_list_datas .column_list {}
	.column_list_datas .column_list.on {
		display: block;
	}
	.column_list.on {
		display: block;
	}
	.column_list li {
		width: auto;
		margin: 19px 0 0 0;
	}
	.column_list li:first-child {
		margin-top: 0;
	}
	.column_list a {}
	.column_list_img {}
	.column_list_img span {}
	.column_list_data {
		padding: 13px 6% 19px;
	}
	.column_list_date {
		font-size: 11px;
	}
	.column_list_ttl {
		font-size: 14px;
		margin: 0 0 3px;
	}
	.column_list_mes {
		font-size: 13px;
		height: calc(13px * 1.7 * 3);
	}
	/*　ニュース
  ---------------------------------------------------------*/
	.shop_box {
		display: block;
		padding: 12px 5% 20px;
	}
	.shop_box_data {
		width: auto;
	}
	.shop_box_name {
		font-size: 18px;
		margin: 0 0 12px;
	}
	.shop_box_name a {}
	.shop_box_name i {}
	.shop_box_name i:before {}
	.shop_box_table table {}
	.shop_box_table td, .shop_box_table th {
		font-size: 13px;
		padding: 6px 9px;
	}
	.shop_box_table td {}
	.shop_box_table th {
		width: 85px;
	}
	.shop_box_img {
		width: auto;
		padding: 65% 0 0;
		margin: 20px 0 0;
	}
	.shop_box_img span.notimg {
		background-size: 100px auto !important;
	}
	.shop_box_sns {}
	.shop_box_sns a {}
	/*　アニメ
---------------------------------------------------------*/
	.up-amim.up-amim_target, .up-amim .up-amim_target {
		transform: translate3d(0, 50px, 0);
	}
	.aos-animate.up-amim.up-amim_target, .aos-animate.up-amim .up-amim_target {}
	/*　メイン
  ---------------------------------------------------------*/
	.mainv {
		height: 170px;
		padding: 10px 3%;
	}
	.mainv:before {}
	.mainv:after {
		display: none;
	}
	.mainv_ttl {
		font-size: 4vw;
	}
	.mainv_ttl span {
		font-size: 7vw;
	}
	.mainv2 {}
	.mainv2:after {
		display: none;
	}
	.mainv2 .mainInner, .mainv2 .mainInner2 {
		padding: 30px 0;
	}
	.mv {
		margin: 0 0 40px;
	}
	.mv h2 {
		padding: 50px 20px;
		font-size: 20px;
	}
	.mv h2 span {
		display: none;
	}

	/*　コンテンツ
  ---------------------------------------------------------*/
	.editor {
		line-height: 1.7;
	}
	.editor p + p {
		margin: 15px 0 0;
	}
	.parts {
		padding: 0 5%;
	}
	.parts-box:first-child {}
	.parts-box {
		margin: 40px 0;
	}
	/* ---------- */
	.parts-set1 {}
	.parts-set1_img {}
	.parts-set1_mes {
		margin: 10px 0 0;
	}
	/* ---------- */
	.parts-set2 {}
	.parts-set2_img {
		float: none;
		padding: 0 5% 10px;
		width: auto;
	}
	.parts-set2_main {}
	.parts-set2_ttl {}
	.parts-set2_mes {}
	.parts-set2_ttl:before {}
	.left .parts-set2_img {
		float: none;
		padding: 0 5% 10px;
	}
	/* ---------- */
	.parts-set3 {}
	.parts-set3_ttl {}
	.parts-set3_mes {
		margin: 0 0 20px;
	}
	.parts-set3_img {}
	/* ---------- */
	.parts-set4 {
		margin: 0 5%;
	}
	.parts-set4_list {
		display: block;
	}
	.parts-set4_list li {
		width: auto;
		margin: 0 0 20px;
	}
	.parts-set4_list li:nth-child(3n+1) {}
	.parts-set4_list li:nth-child(n+4) {}
	.parts-set4_list_img {}
	.parts-set4_list_img span {}
	.parts-set4_list_mes {
		padding: 0;
	}
	/* ---------- */
	.parts-set5 {}
	.parts-set5_mes {}
	/* ---------- */
	.parts-set6 {}
	.parts-set6_imgs {
		display: block;
		padding: 0 5%;
	}
	.parts-set6_img {
		width: auto;
		padding: 71.2% 0 0;
		margin: 0;
	}
	.parts-set6_img:nth-child(2n+1) {}
	.parts-set6_img:nth-child(n+2) {
		margin-top: 15px;
	}
	.parts-set6_img span {}
	.parts-set6_mes {
		margin: 20px 0 0;
	}
	/* ---------- */
	.parts-set7 {}
	.parts-set7_mes {}
	.parts-set7_list {}
	.parts-set7_box {}
	.parts-set7_box_img {
		margin: 0 5% 15px;
	}
	.parts-set7_box_mes {}
	.parts-set7_box:nth-child(odd) .parts-set7_box_img {
		margin: 0 5% 15px;
	}
	.parts-set7_box:nth-child(n+2) {
		margin-top: 25px;
	}
	/* ---------- */
	.parts-set8 {}
	.parts-set8 iframe {}
	/*　詳細ナビ
  ---------------------------------------------------------*/
	.details_nav {
		margin: 63px 0 0;
	}
	.details_nav_prev {}
	.details_nav_prev:before {
		opacity: 1;
		left: 0;
		top: 9px;
	}
	.details_nav_name {
		margin: 17px 0 7px;
		padding: 0 0 0 14px;
	}
	.details_nav_ttl {}
	.details_nav_list {
		line-height: 54px;
		width: 50%;
	}
	.details_nav_list_link {
		padding: 0 0 0 31px;
	}
	.details_nav_list_link i {
		top: -1px;
		left: -2px;
	}
	.details_nav_next {}
	.details_nav_next:before {
		opacity: 1;
		right: 0;
		top: 9px;
	}
	.details_nav_ttl {
		display: none;
	}
	.details_nav_next .details_nav_name {
		padding: 0 14px 0 0;
	}
	/*　コンテンツ
  ---------------------------------------------------------*/
	.content {}
	.content .mainInner2, .content .mainInner {
		padding: 40px 0 70px;
	}
	/*　
  ---------------------------------------------------------*/
	.list_head {
		margin: 0 0 30px;
	}
	.list_head_cat {
		float: none;
		margin: 0 0 10px;
	}
	.list_head_name {
		/* width: 86px; */
		display: block;
		width: 100%;
		margin: 0 0 6px;
	}
	.list_head_cat a {
		width: 72px;
		line-height: 34px;
	}
	.list_head_cat a.active {}
	.list_head_arc {
		float: none;
	}
	.list_head_arc_select {
		width: 100%;
	}
	.list_head_arc_select select {}
	/*　パンくず
  ---------------------------------------------------------*/
	.breadcrumb {}
	.breadcrumb .mainInner {
		padding: 18px 0 12px;
	}
	.breadcrumb li {
		font-size: 12px;
	}
	.breadcrumb li:before {
		left: 11px;
	}
	.breadcrumb li:first-child {}
	.breadcrumb a {}
	/*　ヘッダー
  ---------------------------------------------------------*/
	#pageHeader {
		background: #fff;
		height: 73px;
	}
	.head_fix {
		width: 100%;
		height: 73px;
	}
	.head_fix.hover {
		background: #fff;
	}
	.head_logo {
		/* position: absolute;
		top: 0;
		left: 0;
		padding: 10px;
		width: 100px; */
	}
	.head_btns {
		position: absolute;
		top: 15px;
		right: 80px;
		width: 170px;
	}
	.head_btns a {
		position: relative;
		display: block;
		padding: 12px 0 12px 25px;
		background: #ea751e;
		border-radius: 40px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
	}
	.head_btns a::before {
		position: absolute;
		top: 0;
		left: 20px;
		width: 20px;
		height: 100%;
		background: url(/support/common/img/icon_event.avif) no-repeat center / contain;
		content: "";
	}
	.head_menu {
		width: 80px;
		height: 73px;
		top: 0;
		right: 0;
	}
	.head_menu p {
		padding: 43px 0 0 3px;
		font-size: 10px;
		color: #333;
		letter-spacing: 0.4em;
	}
	.head_menu:hover p, .head_menu.hover p {
		color: #333;
	}
	.head_menu p:before, .head_menu:after, .head_menu:before {
		right: 17px;
		left: 17px;
	}
	.head_menu.on:after {
		top: 28px;
	}
	.head_menu.on:before {
		bottom: 44px;
	}
	.head_menu.on p:before {}
	.head_menu:after {
		top: 17px;
		background: #333;
	}
	.head_menu:before {
		bottom: 34px;
		background: #333;
	}
	.head_menu p:before {
		top: 28px;
		background: #333;
	}
	.head_menu:hover p:before, .head_menu:hover:after, .head_menu:hover:before, .head_menu.hover p:before, .head_menu.hover:after, .head_menu.hover:before {
		background: #333;
	}
	.head_popup.on {
		top: 72px;
		display: block;
		overflow: scroll;
	}
	.head_popup_box {
		padding-top: 25px;
		padding-bottom: 100px;
	}
	.global_menu {
		display: none;
	}
	.mega_box {
		margin-left: 110px;
		padding: 0;
	}
	.head_popup input {
		display: none;
	}
	.head_popup .single {
		width: 100%;
	}
	.head_popup .single a {
		position: relative;
		display: block;
		margin-bottom: 10px;
		padding: 20px 60px 20px 20px;
		border: 1px solid #125c9d;
		background: #fff;
		color: #125c9d;
		width: 100%;
		font-size: 15px;
	}
	.head_popup .single a::after {
		position: absolute;
		top: calc(50% - 20px);
		right: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		background: #125c9d;
		border-radius: 50px;
		color: #fff;
		font-size: 20px;
		content: "＞"
	}
	.head_popup label {
		position: relative;
		margin-bottom: 10px;
		padding: 20px 60px 20px 20px;
		border: 1px solid #125c9d;
		background: #fff;
		color: #125c9d;
		width: 100%;
		font-size: 16px;
	}
	.head_popup label::after {
		position: absolute;
		top: calc(50% - 20px);
		right: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		background: #125c9d;
		border-radius: 50px;
		color: #fff;
		font-size: 20px;
		content: "＋"
	}
	.head_popup .cssacc:checked + label::after {
		transform: rotate(45deg);
	}
	.head_popup .accshow {
		width: 100%;
		height: 0;
		overflow: hidden;
	}
	.head_popup .accshow li a {
		position: relative;
		display: block;
		margin-top: -1px;
		padding: 10px 50px 10px 20px;
		width: 100%;
		background: #eff3ae;
		color: #125c9d;
		border: 1px solid #125c9d;
		font-size: 16px;
	}
	.head_popup .accshow li a::after {
		position: absolute;
		top: calc(50% - 17px);
		right: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20px;
		content: "＞"
	}
	.head_popup .cssacc:checked + label + .accshow {
		margin: -10px 0 15px;
		height: auto;
	}
	.head_popup .list_btn {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.head_popup .list_btn a {
		position: relative;
		display: block;
		width: 48%;
		font-size: 13px;
		font-weight: 700;
	}
	.head_popup .menu_const {
		padding: 15px 5px;
		background: #125c9d;
		color: #fff;
		text-align: center;
	}
	.head_popup .menu_const span {
		color: #ceda00;
	}
	.head_popup .menu_login {
		padding: 10px 10px 10px 50px;
		background: #fff;
		border: 1px solid #125c9d;
		color: #125c9d;
		line-height: 1.2;
	}
	.head_popup .menu_login::before {
		position: absolute;
		top: 0;
		left: 20px;
		width: 20px;
		height: 100%;
		background: url(/support/common/img/icon_login.avif) no-repeat center / contain;
		content: "";
	}
	.head_popup .btnSupport {
		width: 100%;
	}
	.head_popup .btnSupport a {
		padding: 15px;
		font-size: 16px;
	}
	.head_btm_btn {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 100;
	}
	.head_btm_btn ul {
		display: flex;
	}
	.head_btm_btn li {
		width: 50%;
	}
	.head_btm_btn .menu_shop a {
		position: relative;
		display: block;
		padding: 10px 10px 10px 60px;
		background: #266bc8;
		height: 72px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: 0;
	}
	.head_btm_btn .menu_shop a::before {
		position: absolute;
		top: 0;
		left: 15px;
		width: 35px;
		height: 100%;
		background: url(/support/common/img/icon_shop.avif) no-repeat center / contain;
		content: "";
	}
	.head_btm_btn .menu_siryou a {
		position: relative;
		display: block;
		padding: 27px 10px 27px 80px;
		background: #82c336;
		height: 72px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
	}
	.head_btm_btn .menu_siryou a::before {
		position: absolute;
		top: 0;
		left: 40px;
		width: 30px;
		height: 100%;
		background: url(/support/common/img/icon_request.avif) no-repeat center / contain;
		content: "";
	}
	

	/*　フッター
  ---------------------------------------------------------*/
	#pageFooter {
		padding: 30px 5% 100px;
	}
	.footInner .infoArea {
		padding-bottom: 10px;
		width: 100%;
		text-align: center;
	}
	.footInner .infoArea .logo {
		margin-bottom: 0;
	}
	.footInner .infoArea .logo .infoArea-logo__link .infoArea-logo__link--img{
		width: 100%;
		height: auto;
		display: block;
	}
	.foot2_ttl {
		font-size: 15px;
	}
	.foot2_tel {
		font-size: 35px;
	}
	.foot2_tel span {
		padding: 0 0 0 50px;
		letter-spacing: 0.03em;
		position: relative;
		z-index: 1;
	}
	.foot2_tel span:before {
		width: 30px;
		top: 0px;
		left: 9px;
	}
	.foot2_date {
		font-size: 10px;
	}
	.foot2_date span {
		font-size: 14px;
	}
	.btnMail a {
		padding: 20px;
		font-size: 14px;
	}
	.btnMail a::before {
		width: 30px;
		height: 20px;
	}
	.btnSupport {
		display: block;
	}
	.btnSupport a {
		margin-top: 15px;
		position: relative;
		display: block;
		padding: 10px 20px;
		background: #4a75a1;
		color: #fff;
		font-size: 14px;
		line-height: 1.2;
		letter-spacing: 0;
		text-align: center;
	}
	.btnSupport a::after {
		display: inline-block;
		margin-left: 5px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
		vertical-align: -.3rem;
		background: url(/support/common/img/ico_target.avif) no-repeat center / contain;
		content: "";
	}
	.footInner .navArea .txt_note {
		padding: 0 0 20px;
		font-size: 10px;
	}
	.foot_addr {
		padding-top: 20px;
		font-size: 12px;
	}
	/*page-top*/
	#Pagetop {
		bottom: 80px;
		width: 40px;
	}
	/*　---------------------------------------------------------*/
	.sp-none {
		display: none;
	}
	.sp-block {
		display: block;
	}
	.sp-flex {
		display: flex;
	}
	.sp-inline {
		display: inline;
	}
	.sp-brNone br {
		display: none;
	}
}