/* .faq */


.help header{
overflow: inherit;
}

.help header ul{
	position: absolute;
right: 0;
top: 26px;
border-left: 1px #d6d6d6 solid;
font-size: 0;
text-align: center;
}

.help header ul li{
position: relative;
display: inline-block;
width: 194px;
border-right: 1px #d6d6d6 solid;
vertical-align: middle;
font-size: 14px;
}

.help header ul li a{
display: block;
margin: 1px 10px;
padding: 8px 0;
border-radius: 2px;
}

.help header ul li a:hover{
background: #ff6c0b;
opacity: 1;
}

.help header ul li:hover > ul{
display: block;
}

.help header ul li ul{
display: none;
position: absolute;
right: 0;
    top: 105%;
    left: -37%;
min-width: 337px;
margin: 0;
border: none;
text-align: left;
z-index: 999;
}

.help header ul li:last-child ul{
position: absolute;
    top: 105%;
left: -79%;
max-width: 337px;
margin: 0;
border: none;
text-align: left;
z-index: 999;
}


.help header ul li ul {
padding: 12px 0;
}
.help header ul li ul::before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 15px; height: 15px; /* 吹き出しサイズ */
}
.help header ul li ul::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.help header ul li ul>* {
  position: relative;
  z-index: 3;
}
.help header ul li ul,
.help header ul li ul::after {
  border-radius: 3px; /* 角の丸め方 */
}
.help header ul li ul,
.help header ul li ul::before {
  box-shadow: 0 0 6px 0 rgba(163,163,163,1); /* ぼかし距離(第3引数)，拡散距離(第4引数)，色(第5引数) */
}
.help header ul li ul,
.help header ul li ul::before,
.help header ul li ul::after {
  background: #fff; /* 背景色 */
}

/* 吹き出し・上辺中央 */
.help header ul li ul::before {
  top: -5px; left: 50%; /* 位置 */
  transform: translateX(-50%) rotate(45deg) skew(20deg,20deg); /* 傾斜角(skew) */
}

.help header ul li:last-child ul::before {
  top: -5px; left: 75%; /* 位置 */
  transform: translateX(-50%) rotate(45deg) skew(20deg,20deg); /* 傾斜角(skew) */
}


.help header ul li li{
display: block;
width: auto;
padding: 4px 27px;
border: none;
}

.help header ul li li::before{
display: inline-block;
position: relative;
content:'';
width: 0;
height: 0;
margin: 8px 9px 0 0;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent #333;
vertical-align: top;

}


.help header ul li li a{
display: inline-block;
width: 94%;
margin: 0 0;
padding: 0 0;
border-radius: 0;
}
.help header ul li li a:hover{
background: none;
opacity: 1;
text-decoration: underline;
}



.help .ttl_main_area{
background: #feede1;
vertical-align: middle;
}


.help .ttl_main_area .inner{
	width:1080px;
	margin:0 auto;
	padding: 28px 0;
}

.help .ttl_main_area h2{
margin: 0 0 0 3px;
padding: 0 0 0 23px;
border-left: 3px #ff6c0b solid;
font-size: 26px;
line-height: 26px;
}

.help .ttl_main_area span{
display: inline-block;
font-size: 20px;
vertical-align: middle;
}

.help .help_area{
	position:relative;
	padding: 84px 0 193px;
	background:#ffffff;
	z-index:3;
}

.help .help_box{
	width:1080px;
	margin:0 auto;
	padding: 90px 0 0;
}

.help .help_box .ttl_area01 h2{
margin: 0 0 25px;
font-size: 22px;
}

.help .help_box .ttl_area01 span{
display: inline-block;
position: relative;
width: 38px;
height: 38px;
margin: 0 23px 0 0;
border-radius: 2px;
background: #ff6c0b;
vertical-align: middle;
color: #fff;
text-align: center;
}

.help .help_box .ttl_area01 span em{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 20px;
margin: auto;
font-style: normal;
font-size: 20px;
line-height: 1;
}

.help .help_box .help_box01{
margin: 25px 54px 45px 54px;
}

.help .help_box .help_box01:last-child{
margin: 0 54px 0 54px;
}

.help .help_box .left_img{
display: inline;
float: left;
}

.help .help_box .right_box{
display: inline;
float: right;
width: 405px;
font-size: 16px;
}

.help .help_box .right_box p{
margin: 18px 0 0;
font-size: 16px;
line-height: 1.5;
}

.help .help_box .right_box .c_orange {
color: #ff6600;
font-size: 16px;
}

.help .help_box .right_box .num_txt li {
margin: 18px 0 0;
padding: 0 0 0 1em;
text-indent: -1em;
font-size: 16px;
}

.help .help_box .right_box .num_txt li:first-child,
.help .help_box .right_box p:first-child {
margin: 0 0 0;
}

.help .help_box .right_box .num_txt li span.num{
color: #ff0000;
font-size: 16px;
}




@media screen and (max-width: 640px) {

.help header .imgSet img{
max-width: 128px;
}

.help header ul{
	position: absolute;
right: 0;
top: 101%;
width: 100%;
background: url(../img/header_bg.png) repeat;
border-bottom: 1px #d6d6d6 solid;
font-size: 0;
text-align: center;
}

.help header ul li{
position: initial;
display: inline-block;
width: 33.000%;
border-right: 1px #d6d6d6 solid;
vertical-align: middle;
font-size: 12px;
}

.help header ul li:last-child{
border-right: none;
}

.help header ul li a{
display: block;
margin: 0 0;
padding: 8px 0;
border-radius: 0;
}

.help header ul li a:hover{
background: #ff6c0b;
opacity: 1;
}

.help header ul li:hover > ul{
display: block;
}

.help header ul li ul{
display: none;
position: absolute;
right: 0;
    top: 105%;
    left: 0%;
				width: 100%;
min-width: inherit;
margin: 0;
border-bottom: 1px #d6d6d6 solid;
text-align: left;
z-index: 999;
}

.help header ul li:last-child ul{
position: absolute;
right: 0;
    top: 105%;
    left: 0%;
				width: 100%;
min-width: inherit;
max-width: inherit;
margin: 0;
border-bottom: 1px #d6d6d6 solid;
text-align: left;
z-index: 999;
}


.help header ul li ul {
width: 100%;
padding: 12px 0;
}
.help header ul li ul::before {
  content: '';
  position: inherit;
  z-index: 1;
  width: 15px; height: 15px; /* 吹き出しサイズ */
}
.help header ul li ul::after {
  content: '';
  position: inherit;
  z-index: 2;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.help header ul li ul>* {
  position: relative;
  z-index: 3;
}
.help header ul li ul,
.help header ul li ul::after {
  border-radius: 0; /* 角の丸め方 */
}
.help header ul li ul,
.help header ul li ul::before {
  box-shadow: 0 0 6px 0 rgba(163,163,163,0); /* ぼかし距離(第3引数)，拡散距離(第4引数)，色(第5引数) */
}
.help header ul li ul,
.help header ul li ul::before,
.help header ul li ul::after {
  background: #fff; /* 背景色 */
}

/* 吹き出し・上辺中央 */
.help header ul li ul::before {
  top: 0; left: 0; /* 位置 */
  transform: none;
}

.help header ul li:last-child ul::before {
  top: -0; left: 0%; /* 位置 */
  transform: none;
}


.help header ul li li{
display: block;
width: auto;
padding: 4px 27px;
border: none;
}

.help header ul li li::before{
display: inline-block;
position: relative;
content:'';
width: 0;
height: 0;
margin: 8px 9px 0 0;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent #333;
vertical-align: top;

}


.help header ul li li a{
display: inline-block;
width: 94%;
margin: 0 0;
padding: 0 0;
border-radius: 0;
}
.help header ul li li a:hover{
background: none;
opacity: 1;
text-decoration: underline;
}

.help .ttl_main_area{
padding: 0 4%;
background: #feede1;
vertical-align: middle;
}

.help .ttl_main_area .inner{
	width:auto;
	margin:0 auto;
	padding: 28px 0;
}

.help .ttl_main_area h2{
margin: 0 0 0 3px;
padding: 0 0 0 12px;
border-left: 3px #ff6c0b solid;
font-size: 18px;
line-height: 26px;
}

.help .ttl_main_area span{
display: inline-block;
font-size: 12px;
vertical-align: middle;
}

.help .help_area{
	position:relative;
	padding: 84px 0 90px;
	background:#ffffff;
	z-index:3;
}

.help .help_box{
	width:auto;
	margin:0 auto;
	padding: 45px 4% 0;
}

.help .help_box .ttl_area01 h2{
padding: 0 0 0 2.5em;
margin: 0 0 12px;
font-size: 16px;
text-indent: -2.5em;
}

.help .help_box .ttl_area01 span{
display: inline-block;
position: relative;
width: 28px;
height: 28px;
margin: 0 12px 0 0;
border-radius: 2px;
background: #ff6c0b;
vertical-align: middle;
color: #fff;
text-align: center;
text-indent: 0;
}

.help .help_box .ttl_area01 span em{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 12px;
margin: auto;
font-style: normal;
font-size: 12px;
line-height: 1;
}

.help .help_box .help_box01{
margin: 12px 0 45px 0;
}

.help .help_box .help_box01:last-child{
margin: 0 0 0 0;
}

.help .help_box .left_img{
display: block;
float: none;
}

.help .help_box .right_box{
display: block;
float: none;
width: auto;
margin: 8px 0 0;
font-size: 16px;
}

.help .help_box .right_box p{
margin: 9px 0 0;
font-size: 14px;
line-height: 1.5;
}

.help .help_box .right_box .c_orange {
color: #ff6600;
font-size: 14px;
}

.help .help_box .right_box .num_txt li {
margin: 9px 0 0;
padding: 0 0 0 1em;
text-indent: -1em;
font-size: 14px;
}

.help .help_box .right_box .num_txt li:first-child,
.help .help_box .right_box p:first-child {
margin: 0 0 0;
}

.help .help_box .right_box .num_txt li span.num{
color: #ff0000;
font-size: 14px;
}




}