/*------------------------------------------------------------
		contact
------------------------------------------------------------*/
:root {
  --Classico: "classico-urw", "游ゴシック体", "游ゴシック Medium","Yu Gothic Medium", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
.contact {
	background: #fff;
	max-width: 1200px;
	padding: 60px 20px 0;
}
.contact:nth-of-type(2) {
	padding: 30px 20px 0;
}

.title {
	text-align: center;
	border-bottom: 1px solid #333;
	padding-bottom: 40px;
	margin-bottom: 35px;
	font-family: var(--Classico);
	font-style: normal;
	font-weight: normal;
	margin: 0 0 50px;
}
.title h1 {
	font-size: 32px;
	letter-spacing: 0.5px;
	margin-bottom: -5px;
	font-family: var(--Classico);
	font-weight: normal;
}
.title h1.title_faq {
	font-size: 46px;
}
.mainContentsL{
    padding-bottom: 80px;
}
.mainContentsL ul {
	border-top: none;
}
.mainContentsL ul li {
	border-bottom: none;
/* 	font-family: "Noto Sans JP"; */
	padding-left: 30px;
	position: relative;
	padding-bottom: 8px;
	font-size: 1.3rem;
}
.mainContentsL ul li a:hover {
	opacity: 1;
}
.mainContentsL ul li.active a {
	color: #999;
}
.mainContentsL ul li:after {
	content: "－";
	position: absolute;
	left: 0;
	top: 0;
	color: #a7a7a7;
}
.box {
	display: none;
}
.box.active {
	display: block;
}

.guide_category_select {
	display: none;
}
.contact .mainContentsInner {
	margin: 0;
	border: none;
	padding: 0;
}
.contact1Piece {
	background-color: #fff;
	padding-bottom: 121px;
	padding-top: 144px;
}

.contact1Piece .contact1title {
	font-size: 40px;
	margin-bottom: 39px;
	letter-spacing: 0.2px;
	text-align: center;
}

.contact1Piece .contact1Iduc {
	font-size: 15px;
	color: #5f5f5f;
	line-height: 2.52;
	letter-spacing: 0.7px;
	text-align: center;
}

.contact2Piece {
	margin-bottom: 100px;
	max-width: 800px;
	margin: 0 auto 100px;
	padding-top: 15px;
}

.contact2Piece .conQaTitle {
	border-bottom: 1px solid #E6E3E0;
	font-size: 24px;
	padding-bottom: 45px;
	font-weight:bold;
	letter-spacing:1px;
}

.contact2Piece .conQaDescription {
	/*border-bottom: 2px solid #989795;*/
	font-size: 13px;
	padding-bottom: 20px;
}

.contact2Piece .qaList {
	margin-bottom: 95px;
}

.contact2btm ul {
	display: flex;
	justify-content: center;
}

.contact2btm li {
	width: 40%;
	text-align: center;
}

.contact2btm li:first-child {
	padding-right: 60px;
}

.contact2btmDesc {
	font-size: 15px;
	color: #5f5f5f;
	margin-bottom: 26px;
}

.contact2btm li a {
	display: block;
	padding: 17px 20px;
	min-width: 200px;
	background: #fff;
	border: 1px solid #e8e8e8;
	font-size: 26px;
	line-height: 1.2;
	transition: background 0.5s ease;
	font-family: var(--Classico);
}

.contact2btm li a:hover {
	color: inherit;
	background: #e8e8e8;
}

.contact3Piece {
	background: #fff;
	padding: 72px 0 67px;
	color: #5f5f5f;
}

.contact3Piece .contact3cont > p {
	color: #000;
	font-size: 24px;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 26px;
}

.contact3Piece .contact3cont {
	max-width: 800px;
	margin: 0 auto;
}

.contact3Piece .contact3Main {
	font-size: 13px;
	line-height: 2;
	margin-bottom: 45px;
	letter-spacing: 0.5px;
}

.contact3Piece .contact3Main a {
	text-decoration: underline;
}

.contact3Piece .contact3Btm ul {
	display: flex;
	justify-content: center;
	text-align: center;
}

.contact3Piece .contact3Btm ul li {
	width: 49.5%;
}

.contact3Piece .contact3Btm ul li:first-child {
	/* border-right: 1px solid #c7c6c4; */
}

.contact3Piece .cont3BtmTitle {
	font-size: 13px;
	letter-spacing: 0.4px;
	margin-bottom: 20px;
	margin: 17px 0 20px;
}

.contact3Piece .cont3Btn {
	width: 300px;
	line-height: 2.6;
	font-size: 20px;
	background: #fff;
	display: block;
	margin: 0 auto;
	padding: 0 5px;
	border: 1px solid #e5e4e2;
	overflow: hidden;
	box-sizing: border-box;
	transition: background 0.5s ease, color 0.5s ease;
	color: #7f730d;
}

.contact3Piece .cont3Btn:hover {
	/* color: #fff; */
	background: #fbfaf8;
}

.contact3Piece .cont3Btn:hover svg {
	fill: #7f730d;
}

.contact3Piece .cont3Btn .iconTarget {
	fill: #7f730d;
	width: 16px;
	height: 10px;
	vertical-align: 0px;
	transition: fill 0.5s ease;
}

.contact3Piece .contact3Btm li p {
	text-align: center;
	margin-top: 11px;
	font-size: 11px;
	color: #666;
	line-height: 1.6;
	letter-spacing: 0.5px;
}

.contact3Piece .contact3Btm li:last-child p {
	margin-top: 5px;
}

.contact3Piece .contact3Btm .cont3Tel {
	font-size: 22px;
	padding-top: 1px;
	letter-spacing: 1px;
}

.contact3Piece .contact3Btm .cont3Tel > div {
	display: inline-block;
}

.contact3Piece .contact3Btm .cont3Tel img {
	width: 27px;
	vertical-align: baseline;
	margin-right: 15px;
}

.contact3Piece .contact3Btm .cont3Pos {
	transform: translateX(-27px);
}

/*qa*/
.faq {
	background: #fff;
}

.faqWrap {
	padding-top: 144px;
	padding-bottom: 114px;
}

.faqWrap .baseTitleWrap {
	margin-bottom: 58px;
}

.faqConWrap {
	max-width: 1000px;
	margin: 0 auto;
	border-top: 2px solid #fbfaf8;
	padding: 64px 0 0;
}

.faqConList {
	float: right;
	width: 721px;
}

.faqItemTop {
	margin-top: -2px;
	margin-bottom: 46px;
}

.faqItemTitle {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1.2px;
}

.faqItemIntro {
	font-size: 13px;
	letter-spacing: 1.3px;
}

.faqNav {
	float: left;
}

.faqNav li {
	margin-bottom: 26px;
}

.faqNav a {
	font-size: 14px;
	display: inline-block;
	padding-left: 26px;
	letter-spacing: 0.5px;
	position: relative;
	line-height: 1.7;
}

.faqNav .on a,
.faqNav .on a:hover {
	color: #aaaaaa;
}

.faqNav a:after {
	content: "";
	width: 10px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 12px;
	background: #584534;
	opacity: 0.5;
}

/*qaList*/

.qaList {
	/* border-top: 1px solid #989795; */
}

.qaList li {
	border-bottom: 1px solid #E6E3E0;
}

.qaList li p {
	display: flex;
}

.faqConListItem {
	display: none;
}

.faqConListItem.active {
	display: block;
}

.linkLine {
	text-decoration: underline;
}

.qaText {
	font-size: 34px;
	color: #988666;
}

.qaTextQ .qaText {
	margin-right: 22px;
	font-family: var(--Classico);
}

.qaTextA .qaText {
	color: #8f3c22;
	font-family: var(--Classico);
}

.qaTextQ {
	padding: 6px 7px 10px;
	font-size: 14px;
	cursor: pointer;
	letter-spacing: 1.4px;
	transition: background 0.5s ease;
}

.qaTextQ .qaWord {
	margin-top: 17px;
	margin-bottom: 12px;
/* 	font-family: "Noto Sans JP"; */
}

.qaTextQ:hover {
	background: #f3f3f3;
}

.on .qaTextQ:hover {
	background: inherit;
}

.qaTextA {
	margin-top: -4px;
	padding: 0 9px 31px;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.6px;
}

.qaList li .qaTextA {
	display: none;
}

.qaTextA .qaText {
	margin-right: 25px;
}

.qaTextA .qaWord {
	margin-top: 14px;
	line-height: 1.7;
	/* 	font-family: "Noto Sans JP"; */
}

.qaTextA .qaWord span {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	letter-spacing: 0.5px;
	padding-left: 1em;
	text-indent: -1em;
}

.qaTextA .qaWord span a {
	display: inline;
	font-size: 14px;
}

.qaTextA .qaWord a {
	display: inline-block;
	text-decoration: underline;
	transition: color 0.5s ease;
}

.qaTextA .qaWord a:hover {
	color: #999;
}

.faqSelect {
	overflow: visible;
}

.faqSelect ul {
	display: none;
	margin: 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	border-top: none;
	z-index: 10;
}

.faqSelect li {
	padding: 17px 20px 17px 18px;
	border: 1px solid #e5e6e3;
	border-top: none;
	font-size: 15px;
	background-color: #fff;
}
.contact1Piece {
	margin-bottom: 57px;
}
@media all and (min-width: 0) and (max-width: 767px) {
	.contact {
		padding: 70px 0 0;
	}
    .mainContentsL{
        padding: 0;
    }
	.contact .mainContentsL,
	.contact .mainContentsR {
		width: 100%;
		float: unset;
	}
	.title {
		padding-bottom: 15px;
        border: none;
	}
    .title h1 {
		font-size: 23px;
	}
	.title {
		margin: 0;
		position: relative;
	}
	.category_selected:before {
		content: " ";
		border-top: 1px solid #333;
		display: block;
		width: 100%;
		position: absolute;
		top: -2px;
		left: 0px;
	}
	.category_selected:after {
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 5px 5px 0 4px;
	    border-color: rgba(0,0,0,.2) transparent transparent transparent;
	    position: absolute;
	    right: 20px;
	    top: 52%;
	    content: '';
	    transform: translateY(-50%);
	}
	.category_selected {
		position: absolute;
		border: 1px solid #E6E3E0;
		padding: 15px;
		background: #fff;
		top: 77px;
		width: 100%;
		font-size: 15px;
		
		z-index: 1;
	}
	.guide_category_select {
		position: absolute;
		font-size: 14px;
		
		width: 100%;
		top: 131px;
		background: #fff;
		padding: 0;
		z-index: 1;
		display: none;
        border-right: 1px solid #E5E6E3;
        border-left: 1px solid #E5E6E3;
	}
	.guide_category_select li {
		padding: 15px 10px;
		background: #fff;
        border-bottom: 1px solid #E5E6E3;
	}
	.qaList li:first-child {
		border-top: 1px solid #e6e3e0;
	}
	.qaTextA .qaWord a {
		line-height: 1.5;
	}

	.qaTextA .qaWord a:hover {
		color: #666;
	}

	.qaTextA .qaWord span {
		font-size: 13px;
	}

	.contact1Piece {
		margin-bottom: 57px;
		padding-top: 79px;
	}

	.contact1Piece .contact1title {
		font-size: 30px;
		margin-bottom: 21px;
	}

	.contact1Piece .contact1Iduc {
		font-size: 14px;
		line-height: 1.85;
		letter-spacing: 0.6px;
		margin: 0 30px;
		text-align: left;
	}

	.contact2Piece {
		margin: 100px auto 40px;
		padding: 0;
	}

	.contact2Piece .conQaTitle {
		font-size: 20px;
		margin: 0 25px 25px;
		padding-bottom: 0;
		border: none;
		text-align: center;
	}

	.contact2Piece .qaList {
		border: none;
		margin: 0 25px 66px;
	}

	.contact2btm {
		margin: 0 25px;
	}

	.contact2btm ul {
		display: block;
	}

	.contact2btm li {
		width: 100%;
	}

	.contact2btm li:first-child {
		padding-right: 0px;
		margin-bottom: 30px;
	}

	.contact2btmDesc {
		font-size: 14px;
		margin-bottom: 17px;
		letter-spacing: 0.5px;
	}

	.contact2btm li a {
		padding: 14px 20px;
        font-size: 24px;
	}

	.contact3Piece {
		padding: 64px 0 68px;
	}

	.contact3Piece .contact3cont > p {
		font-size: 22px;
	}

	.contact3Piece .contact3cont {
		margin: 0 25px;
	}

	.contact3Piece .contact3Main {
		font-size: 12px;
		line-height: 1.9;
		margin-bottom: 42px;
	}

	.contact3Piece .contact3Btm ul {
		display: block;
	}

	.contact3Piece .contact3Btm ul li {
		width: 100%;
	}

	.contact3Piece .contact3Btm ul li:first-child {
		border-right: 0;
		padding-bottom: 37px;
	}

	.contact3Piece .cont3BtmTitle {
		font-size: 12px;
		margin: 17px 0;
	}

	.contact3Btm ul li:last-child .cont3BtmTitle {
		margin: 36px 0 7px;
	}

	.contact3Piece .cont3Btn {
		line-height: 2.5;
		width: auto;
		margin: 0 12px;
	}

	.contact3Piece .contact3Btm .cont3Pos {
		transform: translateX(0);
	}

	.contact3Piece .contact3Btm .cont3Tel a {
		display: inline-block !important;
		font-size: 22px;
		letter-spacing: 1px;
	}

	.contact3Piece .contact3Btm li p {
		margin-top: 14px;
		transform: scale(0.9) !important;
	}

	.contact2btm li a:hover {
		color: inherit;
		background: #f3f3f3;
	}

	.contact3Piece .cont3Btn:hover {
		color: inherit;
		background: #fff;
	}

	.contact3Piece .cont3Btn:hover svg {
		fill: inherit;
	}
	/*qa*/
	.faqWrap {
		padding-top: 79px;
		padding-bottom: 68px;
	}

	.faqWrap .baseTitleWrap {
		margin-bottom: 38px;
	}

	.faqConWrap {
		padding-top: 0;
		margin: 0 25px;
		border-top: none;
	}

	.faqConWrap .baseSelect ul {
		width: 100%;
	}

	.faqConList {
		float: none;
		width: auto;
		margin-bottom: 55px;
	}

	.faqNav {
		float: none;
	}

	.baseSelect.faqSelect {
		width: 100%;
		float: none;
		margin-bottom: 63px;
	}

	.baseSelect.faqSelect p {
		padding: 17px 20px 17px 18px;
		font-size: 15px;
		border: 1px solid #c7c6c4;
		border-top: 2px solid #fbfaf8;
	}

	.baseSelect.faqSelect p::after {
		top: 52%;
		right: 18px;
	}

	.faqItemTop {
		margin-top: 0px;
		margin-bottom: 34px;
	}

	.faqItemTitle {
		margin-bottom: 14px;
		font-size: 22px;
		letter-spacing: 0.8px;
		text-align: center;
	}

	.faqItemIntro {
		font-size: 12px;
		letter-spacing: 1.2px;
		line-height: 1.9;
	}

	.faqNav li {
		margin-bottom: 26px;
		float: left;
		width: 100%;
	}

	.faqNav li br {
		display: none !important;
	}

	.faqNav li:nth-child(2n) {
		width: 100%;
	}

	.faqNav li:nth-child(2n) a {
		padding-right: 0;
	}

	.faqNav a::after {
		top: 10px;
	}

	.faqNav a {
		padding-right: 0;
	}

	.faqNav a br {
		line-height: 0;
	}

	/*qaList*/
	.qaTextQ {
		padding: 5px 5px 10px;
		font-size: 13px;
		letter-spacing: 0.8px;
		line-height: 1.6;
	}

	.qaText {
		font-size: 30px;
	}

	.qaTextQ .qaText {
		margin-right: 14px;
	}

	.qaTextQ:hover {
		background: inherit;
	}

	.qaTextQ .qaWord {
		margin-top: 15px;
		margin-bottom: 7px;
	}

	.qaTextA {
		padding: 0 7px 20px;
		font-size: 13px;
		letter-spacing: 0.5px;
	}

	.qaTextA .qaText {
		margin-right: 16px;
	}

	.qaTextA .qaWord {
		margin-top: 9px;
		line-height: 1.62;
	}
}

@media all and (min-width: 0) and (max-width: 360px) {
	.faqNav a {
		letter-spacing: -0.3px;
	}
}

@media all and (min-width: 0) and (max-width: 320px) {
	.faqNav a {
		letter-spacing: -0.8px;
	}
}

/*------------------------------------------------------------
		enContact
	------------------------------------------------------------*/
.lang-en .contact1Piece .contact1Iduc {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 0.1px;
}

.lang-en .contact2Piece .conQaTitle {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	letter-spacing: -0.3px;
}

.lang-en .contact2btmDesc {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
}

.lang-en .contact3Piece .contact3cont > p {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
}

.lang-en .contact3Piece .contact3Main {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.1px;
	line-height: 1.45;
}

.lang-en .contact3Piece .cont3BtmTitle {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.1px;
}

.lang-en .contact3Piece .contact3Btm li p {
	font-family: "Roboto", sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.15px;
}

.lang-en .contact3Piece .contact3Btm .cont3Tel,
.lang-en .contact3Piece .contact3Btm .cont3Tel a {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	letter-spacing: 0.2px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.lang-en .contact1Piece .contact1Iduc {
		font-size: 18px;
		line-height: 1.4;
		letter-spacing: 0.2px;
	}

	.lang-en .contact2Piece .conQaTitle {
		font-size: 28px;
	}

	.lang-en .contact2btmDesc {
		font-size: 18px;
		letter-spacing: 0.2px;
	}

	.lang-en .contact3Piece .contact3cont > p {
		font-size: 28px;
		letter-spacing: 0.2px;
	}

	.lang-en .contact3Piece .contact3Main {
		font-size: 14px;
		line-height: 1.5;
	}

	.lang-en .contact3Piece .contact3Btm li p {
		transform: scale(1) !important;
	}
}
/*------------------------------------------------------------
		enFaq
	------------------------------------------------------------*/
.lang-en .faqNav a {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0;
}

.lang-en .faqItemTitle {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	letter-spacing: 0.2px;
}

.lang-en .faqItemIntro {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.1px;
	line-height: 1.3;
}

.lang-en .qaTextQ .qaWord {
	font-family: "Perpetua Regular";
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.2px;
}

.lang-en .qaWord {
	font-family: "Roboto", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.4px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.lang-en .baseSelect.faqSelect p,
	.lang-en .faqSelect li {
		font-family: "Perpetua Regular";
		font-style: normal;
		font-weight: normal;
		font-size: 19px;
	}

	.lang-en .faqNav {
		display: flex;
		flex-wrap: wrap;
	}

	.lang-en .faqNav a {
		line-height: 1.2;
	}

	.lang-en .faqNav li {
		width: 100%;
	}

	.lang-en .faqItemTitle {
		font-size: 28px;
	}

	.lang-en .faqItemIntro {
		font-size: 14px;
		line-height: 1.4;
	}

	.lang-en .qaWord.-notoSans {
		font-size: 13px;
	}

	.lang-en .faqNav li:nth-child(2n) {
		width: 100%;
	}
}

/*------------------------------------------------------------
		guide
------------------------------------------------------------*/
.mainContents.faq_guide {
	max-width: 1000px;
	padding: 80px 20px 0px 20px;
/* 	margin-top: 70px; */
}

@media (min-width: 768px)
{	
	.mainContents.faq_guide {
		padding-top: 130px;
	}
}

.mainContents.faq_guide:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.guide .mainContentsInner {
	border: 0;
	margin: 0;
	padding: 0;
}

.guide .mainContentsInner ul{
	margin:0 0 10px;
}

.mainContents.faq_guide_btn {
	max-width: 900px;
	min-height: 0;
	margin: 0 auto 145px auto;
	padding: 0;
}

.mainContents.faq_guide_btn .contact2btm li:first-child {
	padding: 0;
	margin-right: 60px;
}

.cash_table {
	margin-left: 40px;
	/* 	font-family: "Noto Sans JP"; */
	font-size: 14px;
}

.guide_margin {
	margin-left: 40px;
}

@media all and (min-width: 0) and (max-width: 767px) {
    .mainContents{
        width: 100% !important;
        margin: 0;
    }
	.mainContents.faq_guide {
		margin-top: 35px;
		margin-bottom: 40px;
        padding: 80px 20px 0px 20px;
	}
    .mainContents.faq_guide_btn {
    	margin: 0 auto 60px auto;
    }
}

.alertWord{
	color: red;
}

.gift_wrapping_img{
	display: flex;
	width: 35%;
}