@charset "UTF-8";

/* ----------------------------------
 ご利用ガイド
---------------------------------- */
#freepage_guide .block-freepage-frame { width: auto; max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2)); padding: 0 var(--layout1-base-padding); margin: 0 auto 50px;}
#freepage_guide h1 { padding: 0; margin: 0 0 60px; border: none; font-family: var(--font-family-ship); font-size: 24px; font-weight: 500;}
#freepage_guide #page_anchor { margin: 0 0 120px;}
#freepage_guide #page_anchor .nav-list { display: flex; flex-wrap: wrap; column-gap: 40px;}
#freepage_guide #page_anchor .nav-list li { width: calc((100% - 40px * 2)/ 3); margin: 0 0 20px;}
#freepage_guide #page_anchor .nav-list li a { 
	width: 100%;
	height: 50px;
	border-bottom: var(--border-solid1);
	font-family: var(--font-family-ship);
  font-size: 14px;
  font-weight: 500;
	text-decoration: none;
	display: flex;
	align-items: center;
	transition: var(--transition);
	position: relative;
}
#freepage_guide #page_anchor .nav-list li a::after {
	content: '';
	width: 10px;
	height: 10px;
	border-left: var(--border-solid1);
	border-top: var(--border-solid1);
	position: absolute;
	top: calc(50% - 7px);	
	right: 5px;
	transform: rotate(-135deg);
	transition: var(--transition);
}
#freepage_guide section { margin: 0 0 120px; padding: 0 0 40px; border-bottom: var(--border-solid1);}
#freepage_guide section h2 {
  margin: 0 0 40px;
  padding: 0 0 24px;
  border: none;
	border-bottom: var(--border-solid1);
	font-family: var(--font-family-ship);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.0;
  letter-spacing: 0.04em;
  text-align: left;
}
#freepage_guide section h3.sub-title {
  margin: 0 0 15px;
  padding: 0;
  border: none;
	font-family: var(--font-family-ship);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.0;
  letter-spacing: 0.04em;
  text-align: left;
}
#freepage_guide section div + h3.sub-title,
#freepage_guide section ul + h3.sub-title,
#freepage_guide section p + h3.sub-title {
  margin-top: 40px;
}
#freepage_guide section h3.square,
#freepage_guide section h4.square {
  margin: 0 0 15px;
  padding: 0 0 0 1em;
  border: none;
  font-size: 12px;
  font-weight: 700;
	text-indent: -1em;
  line-height: 1.0;
  letter-spacing: 0.04em;
  text-align: left;
}
#freepage_guide .guide-inner-box { padding: 0 20px;}
#freepage_guide .guide-inner-box p  { font-size: 12px; font-weight: 500; line-height: var(--line-height-high);}
#freepage_guide .guide-inner-box li { font-size: 12px; font-weight: 500; line-height: var(--line-height-high);}
#freepage_guide .guide-inner-box a  { text-decoration: underline; transition: var(--transition);}
#freepage_guide .guide-inner-box a:hover { text-decoration: none; opacity: var(--opacity);}
#freepage_guide .guide-inner-box h3 + p,
#freepage_guide .guide-inner-box p + h3,
#freepage_guide .guide-inner-box ul + h3,
#freepage_guide .guide-inner-box p + h3,
#freepage_guide .guide-inner-box h4 + p,
#freepage_guide .guide-inner-box p + h3,
#freepage_guide .guide-inner-box p + p,
#freepage_guide .guide-inner-box p + ul,
#freepage_guide .guide-inner-box ul + h3,
#freepage_guide .guide-inner-box ul + p { margin-top: 15px;}
#freepage_guide .guide-inner-box p + h4,
#freepage_guide .guide-inner-box ul + h4 { margin-top: 25px;}
#freepage_guide .guide-inner-box p.list-ttl + p,
#freepage_guide .guide-inner-box p.list-ttl + ul { margin-top: 0;}
#freepage_guide .guide-inner-box ul.indent-list li { padding-left: 1em; text-indent: -1em;}
#freepage_guide .guide-inner-box ul.indent-list.small li { font-size: 10px;}
#freepage_guide .guide-inner-box ul.disc-list li { list-style: disc inside; padding-left: 1em; text-indent: -1em;}
#freepage_guide .guide-inner-box p.memo { margin-top: 0; padding-left: 1em; text-indent: -1em;}
#freepage_guide .guide-inner-box .entry-area { max-width: 360px; padding: 20px 20px 30px 20px; margin: 20px 0 40px; border: var(--border-solid1); text-align: center;}
#freepage_guide .guide-inner-box .entry-area .title  { font-size: 12px; text-align: center;}
#freepage_guide .guide-inner-box .entry-area .button { margin-top: 10px; font-family: var(--font-family-ship); font-size: 16px; text-align: center;}
#freepage_guide .guide-inner-box .entry-area .button a { font-family: var(--font-family-ship); font-size: 16px; text-decoration: none; position: relative;}
#freepage_guide .guide-inner-box .entry-area .button a::after {
	content: '';
  width: 102px;
  height: 9px;
	padding: 0;
  margin: 0;
	display: block;
  background-image: url("/img/usr/common/ico_to_next_s.png");
  -webkit-background-size: 102px auto;
  background-size: 102px auto;
  background-position: center center;
	background-repeat: no-repeat;
  position: absolute;
  bottom: -10px;
	left: calc(50% - 51px);
	transform: rotate(0deg);
	transition: var(--transition);
}
#freepage_guide .guide-inner-box .entry-area .button a:hover::after { left: calc(50% - 41px);}

@media screen and (max-width: 1000px) {
	#freepage_guide .pane-topic-path.top { margin-bottom: 10px;}
	#freepage_guide .block-freepage-frame { padding: 0 var(--layout-base-padding); margin: 0 auto 50px;}
	#freepage_guide h1 { margin-bottom: 30px;}
	#freepage_guide #page_anchor { margin: 0 0 80px;}
	#freepage_guide #page_anchor .nav-list { display: block;}
	#freepage_guide #page_anchor .nav-list li { width: 100%; margin: 0 0 10px;}
	#freepage_guide #page_anchor .nav-list li a { height: 42px;}
	#freepage_guide section { padding: 0 0 30px; margin: 0 0 60px;}
	#freepage_guide section h2 { padding: 0 0 20px; margin: 0 0 30px; font-size: 16px;}
	#freepage_guide section h3.square,
	#freepage_guide section h4.square { margin-bottom: 10px; font-size: 10px;}
	#freepage_guide .guide-inner-box { padding: 0;}
	#freepage_guide .guide-inner-box p  { font-size: 10px;}
	#freepage_guide .guide-inner-box li { font-size: 10px;}
	#freepage_guide .guide-inner-box .entry-area { width: 80%; margin: 20px auto 40px;}
}