@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');



/* =================== */
/*       pubulic       */
/* =================== */
html {
	overflow-x:hidden;
	scroll-padding-top:150px !important;
}
html,body {
  /*font-size:clamp(10px, 10.35vw, 22px); clamp(10px, 1.33vw, 20px)*/
  font-size:clamp(10px, 1.11vw, 20px); /* w1440 16px */
  font-family: "Noto Sans JP", sans-serif;
  font-weight:400;
	position:relative;
  /*-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;*/
  overflow-x:hidden;
  background:#eceaf0 !important;
  line-height:1;
  letter-spacing:.05em;
}


.en-font {
	font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}



img {
  width:100%;
  height:auto;
}
.sp-on { display:none; }
a { transition:0.3s ease all; }


.flex-box {
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  align-items:center;
}


.inner-box {
	/*width:55.5rem;*/
	width:60rem;
	margin:0 auto;
	position:relative;
}

.fadein {
	opacity:0;
	transform:translate(0, 15%);
	transition:1s;
}
.fadein.is-show {
	transform:translate(0, 0);
	opacity:1;
}
.blur {
	filter:blur(10px);
	transition:1.5s;
}
.blur.is-show {
	filter:blur(0);
	opacity:1;
}






/* =================== */
/*       #header       */
/* =================== */
#header {
	background:#38306e;
	color:#fff;
	position:fixed;
	width:100%;
	z-index:1000;
	height:5rem;
}
#header .inner-box { height:100%; }
#header #site-logo { width:10rem; margin-bottom:0; }

#header .headernavi-container1 {
    position: fixed;
    right: 0;
    top: 20%;
    z-index:10;
}
#header .primary-button11-container {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
#header .primary-button11-container1 {
    display: flex;
    align-self: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
#header .MediumLabel{
  display: block;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin: 0 0 10px 0;
  border-radius: 0;
  background: #9c308d;
  color: #fff;
  border: none;
  padding: 1rem;
  font-size: .8rem;
  text-decoration: none;
  line-height:1;
}
#header .MediumLabel span{ font-weight:600; }
#header .MediumLabel:hover{ opacity:.5; }

#header .head-nav ul { justify-content:flex-end; margin-bottom:0; }
#header .head-nav ul li {
	margin-left:2rem;
	font-weight:800;
  color:#fff;
  font-size:.7rem;
}
#header .head-nav ul li a { color:#fff; }
#header .head-nav ul li svg {
	width:.7rem;
	height:.7rem;
	fill:#fff;
	margin-left:.2rem;
}
#header a:hover { opacity:.5; }
#header #hamburger { display:none; }

.breadcrumbs-box {
	margin-top:5rem;
	background:#7b5686;
	font-size:.75rem;
	color:#fff;
}
.breadcrumbs-box a,
.breadcrumbs-box a:visited { color:#fff; }
.breadcrumbs-box a:hover { text-decoration:underline; }
.breadcrumbs-box .breadcrumbs {
	display:flex;
}
.breadcrumbs-box .breadcrumbs > span {
	display:flex;
	align-items:center;
	overflow:hidden;
	padding-right:.5rem;
	margin-right:1rem;
}
.breadcrumbs-box .breadcrumbs > span::after {
	content:"";
	width:2rem;
  height:2rem;
  border-top:1px solid #fff;
  border-right:1px solid #fff;
  transform:rotate(45deg);
  display:block;
  margin-left:-.5rem;
}
.breadcrumbs-box .breadcrumbs span.current-item { margin-bottom:0; }
.breadcrumbs-box .breadcrumbs span.post {
	width:25em;
	white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
 	display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}



/* =================== */
/*       #footer       */
/* =================== */
#footer { margin-top:7.5rem; }
#footer .foot-logo { width:5rem; margin:0 auto 1.5rem; }
#footer ul.foot-nav {
	justify-content:center;
	margin:0;
}
#footer ul.foot-nav li {
	font-size:.8rem;
	margin-right:2rem;
	font-weight:600;
}
#footer ul.foot-nav li a { color:#18191f; }
#footer ul.foot-nav li:last-child { margin-right:0; }
#footer ul.foot-nav li svg {
	width:1rem;
  vertical-align:text-bottom;
  margin-left:.2rem;
}
#footer .box2 { margin-top:4rem; }
#footer .box2 small {
	font-size:1rem;
}
#footer .box2 ul.sub-nav li { margin-left:1rem }
#footer .box2 ul.sub-nav li a {
	background:#18191f;
	display:block;
	padding:.5rem;
	border-radius:100vmax;
	width:2rem;
	height:2rem;
	line-height:1;
}
#footer .box2 ul.sub-nav li a svg {
	width:1rem;
	height:1rem;
	fill:#fff;
}
#footer li a:hover { opacity:.5; }






/* =================== */
/*       body.index       */
/* =================== */
main { position:relative; }
main::before {
	content:"";
	width:77.5rem;
	height:33.675rem;
	background:url(/faq/img/bk.jpg) no-repeat;
	background-size:cover;
	display:block;
	position:absolute;
	top:22rem;
	left:0;
	right:0;
	margin:0 auto;
}

body.index .top-box {
	background:#38306e;
	padding:2.5rem 0;
	margin-bottom:2.5rem;
}
body.index .top-box #site-name {
	font-size:2.375rem;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
body.index .top-box .copy {
	font-size:1rem;
	text-align:center;
	color:#fff;
	margin:1rem auto 2rem;
}
body.index .top-box .search-box div { position:relative; }
body.index .top-box .search-box div::before {
	content:"\f002";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:block;
	color:#be76a8;
	font-size:1.25rem;
	position:absolute;
	left:2rem;
	top:.65rem;
}
body.index .top-box .search-box input[type="text"] {
	width:calc(100% - 6.25rem);
	border-radius:100vmax 0 0 100vmax;
	line-height:2.5rem;
	font-size:1rem;
	padding:0 4.5rem;
	border:0;
}
body.index .top-box .search-box input[type="submit"] {
	width:6.25rem;
	background:#be76a8;
	color:#fff;
	font-size:1rem;
	font-family:"Noto Sans JP", sans-serif;
	padding:0;
	line-height:2.5rem;
	border-radius:0 100vmax 100vmax 0;
	border:0;
	letter-spacing:.05em;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	transition:0.3s ease all;
}
body.index .top-box .search-box input[type="submit"]:hover { opacity:.5; }

body.index #new-arrival-sec ul li:nth-child(n + 6) { display:none; }
body.index #new-arrival-sec.more ul li:nth-child(n + 6) { display:block; }
body.index #often-seen-sec ul li:nth-child(n + 6) { display:none; }
body.index #often-seen-sec.more ul li:nth-child(n + 6) { display:block; }

#category-list-box dl {
	flex-wrap:wrap;
	align-items:initial;
}
#category-list-box dl .big {
	width:calc((100% - 3rem) / 3);
	padding:1.25rem 1.3rem;
}
#category-list-box dl .sml {
	width:calc((100% - 4.5rem) / 4);
	padding:1.25rem 1rem;
}
#category-list-box dl .box {
	background:rgba(255,255,255,.7);
	margin-bottom:1.5rem;
}
#category-list-box dl dt img {
	width:2.5rem;
	margin:0 auto;
	display:block;
}
#category-list-box dl dt .name {
	font-size:1rem;
	font-weight:bold;
	text-align:center;
	display:block;
	margin:.5rem 0 1rem;
}
#category-list-box dl dt a .name { color:#000; }
#category-list-box dl dt  a:hover .name { text-decoration:underline; }
#category-list-box dl dd {
	line-height:1.8;
	font-size:.75rem;
  display:flex;
  margin:0;
}
#category-list-box dl dd::before {
	content:"●";
	margin-right:1em;
	color:#372d72
}
#category-list-box dl dd a {
	color:#372d72;
	overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#category-list-box dl dd a:hover { text-decoration:underline; }

.dflt-title-dsgn { margin:2.5rem 0 1.5rem; }
.dflt-title-dsgn span {
	font-size:1rem;
	font-weight:bold;
	vertical-align:middle;
}
.dflt-title-dsgn::before {
	content:"";
	width:1.425rem;
	height:1.65rem;
	background:url(/faq/img/title_deco.png) no-repeat;
	background-size:cover;
	display:inline-block;
	margin-right:.5rem;
	vertical-align:middle;
}

.dflt-list-layout { margin:0; }
.dflt-list-layout li {
	background:rgba(255,255,255,.7);
	padding:1rem 1.5rem;
	margin-bottom:1rem;
}
.dflt-list-layout li .post-ttl { margin-bottom:.8rem; }
.dflt-list-layout li .post-ttl a {
	font-size:.75rem;
	line-height:1.8;
	color:#372d72;
}
.dflt-list-layout li .post-ttl a:hover { text-decoration:underline; }
.dflt-list-layout li .detail-data-box {
	font-size:.6rem;
	justify-content:flex-end;
	color:#999;
}
.dflt-list-layout li .detail-data-box p { margin-bottom:0; }
.dflt-list-layout li .detail-data-box time::before {
	content:"\f303";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:inline-block;
	margin-right:.2rem;
}
.dflt-list-layout li .detail-data-box .cat-box {
	display:flex;
	margin-left:.8rem;
}
.dflt-list-layout li .detail-data-box .cat-box::before {
	content:"\f07b";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:inline-block;
	margin-right:.2rem;
}
.dflt-list-layout li .detail-data-box .cat-box a { color:#999; }
.dflt-list-layout li .detail-data-box .cat-box a:hover { text-decoration:underline; }
.dflt-list-layout li .detail-data-box .view-txt { margin-left:.8rem; }
.dflt-list-layout li .detail-data-box .view-txt::before {
	content:"\f06e";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:inline-block;
	margin-right:.2rem;
}
.dflt-list-layout li .detail-data-box .update { margin-left:.8rem; }
.dflt-list-layout li .detail-data-box .update::before {
	content:"\f363";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:inline-block;
	margin-right:.2rem;
}

.dflt-more-btn {
	font-size:.85rem;
	background:#372d72;
	color:#fff;
	width:15rem;
	line-height:2.25rem;
	text-align:center;
	display:block;
	margin:0 auto;
	cursor:pointer;
	border-radius:100vmax;
	transition:0.3s ease all;
}
.dflt-more-btn:hover { opacity:.5; }
.dflt-more-btn.no-desp { display:none; }


@media screen and (max-width: 960px) {
	.inner-box { width:95%; max-width:750px; }
}

@media screen and (max-width: 750px) {
	html { scroll-padding-top:80px !important; }
	.pc-on { display:none; }
	.sp-on { display:initial; }

	body.open { height:100svh; overflow:hidden; }

	.inner-box { width:86.6%; }

	#header .headernavi-container1 { display:none; }
	#header #hamburger {
		display:block;
		width:40px;
		height:40px;
		cursor:pointer;
		z-index:10000;
		position:fixed;
		right:15px;
		top:5px;
	}
	#header #hamburger .inner_line {
		display:block;
		margin:0 auto;
		width:40px;
		height:1.5px;
		transition:1s;
		background:#fff;
		position:absolute;
		left:0;
	}
	#header #hamburger .inner_line span { transition:all .4s; }
	#header #hamburger #line1 { top:11px; }
	#header #hamburger #line2 { top:19px; }
	#header #hamburger #line3 { top:27px; width:30px; }
	#header #hamburger.open #line1 { transform:translateY(9px) rotate(-45deg); }
	#header #hamburger.open #line2 { transform:translateY(1px) rotate(45deg); }
	#header #hamburger.open #line3 { display:none; }
	#header .head-nav { display:none; }
	#header.open .head-nav { display:block; position:fixed; top:0; left:0; width:100%; background:#38306e; padding:80px 0 50px; text-align:center; }
	#header #site-logo { width:130px; margin-bottom:0; margin-left:15px; }
	#header .inner-box { width:100%; }
	#header.open .head-nav ul { display:block; margin:0; }
	#header.open .head-nav ul li { font-size:15px; margin-bottom:25px; margin-left:0; display:block; }

	#footer .foot-logo { width:80px; margin-bottom:35px; }
	#footer ul.foot-nav { display:block; }
	#footer ul.foot-nav li { font-size:15px; margin:0 0 25px; text-align:center; }
	#footer .box2 { flex-wrap:wrap; }
	#footer .box2 small { order:2; width:100%; display:block; margin-bottom:30px; text-align:center; }
	#footer .box2 .sub-nav { order:1; justify-content:center; margin:0 auto 30px; }
	#footer .box2 ul.sub-nav li a { width:30px; height:30px; padding:8px; }
	#footer .box2 ul.sub-nav li a svg { width:14px; height:14px; }

	main::before { width:100%; height:0; padding-top:43.45%; }

	.breadcrumbs-box { font-size:13px; position:relative; z-index:1; padding:10px 0; }
	.breadcrumbs-box .breadcrumbs { flex-wrap:wrap; }
	.breadcrumbs-box .breadcrumbs > span::after { width:15px; height:15px; }
	.breadcrumbs-box .breadcrumbs > span { margin-bottom:7px; margin-right:5px; }
	.breadcrumbs-box .breadcrumbs span.post { width:13em; }

	body.index .top-box #site-name { font-size:35px; }
	body.index .top-box .copy { font-size:15px; margin-bottom:30px; }
	body.index .top-box .search-box input[type="text"] { font-size:15px; line-height:40px; padding-right:0; }
	body.index .top-box .search-box div::before { font-size:18px; top:10px; }
	body.index .top-box .search-box input[type="submit"] { font-size:15px; line-height:40px; }
	#category-list-box dl { display:block; }
	#category-list-box dl .big { width:100%; padding:25px; }
	#category-list-box dl .sml { width:100%; padding:25px; }
	#category-list-box dl dt img { width:40px; }
	#category-list-box dl dt .name { font-size:17px; margin:10px 0 15px; }
	#category-list-box dl dd { font-size:15px; }
	#category-list-box dl dd::before { margin-right:.5em; }
	.dflt-title-dsgn { margin:40px 0 15px; }
	.dflt-title-dsgn span { font-size:17px; }
	.dflt-title-dsgn::before { width:19px; height:22px; margin-right:10px; }
	.dflt-list-layout li { padding:15px 20px; }
	.dflt-list-layout li .post-ttl { margin-bottom:10px; }
	.dflt-list-layout li .post-ttl a { font-size:15px; }
	.dflt-list-layout li .detail-data-box { font-size:12px; flex-wrap:wrap; }
	.dflt-list-layout li .detail-data-box .cat-box { width:100%; justify-content:flex-end; margin-top:7px; }
	.dflt-more-btn { font-size:15px; line-height:40px; width:200px; }
}