@media screen and (min-width: 781px) { /*    	PC STYLE  *************************************************************/
  #contents section.pagetitle .copy h1 span { display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; font-size: 0; }
  .local_nav li a { padding-left: 10px; }
  .bg { background: url("/images/faq/kv.jpg") no-repeat center; background-size: cover; }
  #contents .wrap { width: 1200px; margin: 0 auto; padding: 0 100px; }
  #contents .notice {padding: 20px 0;}
  #contents .notice a {text-decoration: underline;}
  #contents .notice a:hover {text-decoration: none;}
  #contents .header {}
  #contents .header .wrap h2.line { position: relative; width: 648px; height: auto; line-height: 1.7; margin: 0 auto; padding: 14px 0; font-size: 30px; letter-spacing: 0.16em; font-weight: 500; }
  #contents .header .wrap h2.line:before { content: ""; width: 100%; height: 5px; background: url("/images/h3-line-top.png") repeat-x left top; background-size: 1px 5px; position: absolute; left: 0; top: 0; }
  #contents .header .wrap h2.line:after { content: ""; width: 100%; height: 5px; background: url("/images/h3-line-bottom.png") repeat-x left top; background-size: 1px 5px; position: absolute; left: 0; bottom: 0; }
  #contents .header .wrap ul.faq-catnav__list { margin: 53px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
  #contents .header .wrap ul.faq-catnav__list li { width: 327px; height: 42px; display: inline-block; margin: 10px 0 0; }
  #contents .header .wrap ul.faq-catnav__list li a { display: block; width: 100%; height: 100%; font-size: 19px; letter-spacing: 0.16em; border: 1px solid #262626; color: #fff; background: #262626; transition: 0.3s; padding-top: 6px; }
  #contents .header .wrap ul.faq-catnav__list li a:hover { background: #fff; color: #262626; }
  #contents .header .wrap ul.faq-catnav__list li.active a { background: #fff; color: #262626; }
  
  #contents .header .wrap .faq-search {margin: 53px 0 0 0; text-align:center;}
  
  #contents .header .wrap ul.faq-tags__list {display: block; margin: 53px 0 0 0; padding: 10px; text-align:center; border:1px solid #000; border-radius:10px;}
  #contents .header .wrap ul.faq-tags__list li { display: inline-block; margin: 5px 10px ; }
  #contents .header .wrap ul.faq-tags__list li a { display: inline-block; font-size: 13px; letter-spacing: 0.16em; transition: 0.3s;}
  #contents .header .wrap ul.faq-tags__list li a:hover {opacity:0.5;}
  
  #contents .header .wrap .faq-featured{margin: 53px 0 0 0; padding: 30px; text-align:center; border:1px solid #000; border-radius:10px;}
  #contents .header .wrap .faq-featured h2{margin: 0 0 10px 0;}
  #contents .header .wrap ul.faq-featured__list {text-align:center;}
  #contents .header .wrap ul.faq-featured__list li { display: inline-block; margin: 5px 10px ; }
  #contents .header .wrap ul.faq-featured__list li a { display: inline-block; font-size: 13px; letter-spacing: 0.16em; transition: 0.3s; text-decoration:underline;}
  #contents .header .wrap ul.faq-featured__list li a:hover {opacity:0.5;}

  
  #contents .breadcolumn {}
  #contents .breadcolumn ul {display:flex; font-size:15px;}
  #contents .breadcolumn ul li a {display:inline-block; position: relative; padding:0 17px 0 0; margin:0 10px 0 0; text-decoration: underline;}
  #contents .breadcolumn ul li a:after  {display:block; content: ""; width: 8px; height: 14px; background: url("/images/faq/icon-arrow.png"); background-size:cover; position: absolute; top:4px; right:0px;}
  #contents .archive { padding: 80px 0 20px; }
  #contents .archive .wrap .faq-block + .faq-block{margin-top:60px;}
  #contents .archive .wrap .faq-block h3 {font-size:26px; color:#fff; background-color:#000; text-align;center; padding:4px 0;}
  #contents .archive .wrap .faq-block ul.faq-list {}
  #contents .archive .wrap .faq-block ul.faq-list li {border-bottom: 1px solid #bdbdbd; text-align:left; padding: 28px 0;}
  #contents .archive .wrap .faq-block ul.faq-list li a {display:block;  position: relative; padding-left:50px; transition: 0.3s;}
  #contents .archive .wrap .faq-block ul.faq-list li a:hover {opacity:0.5;}
  #contents .archive .wrap .faq-block ul.faq-list li a:before {display:block; content: ""; width: 38px; height: 38px; background: url("/images/faq/icon-q.png"); background-size:cover; position: absolute; top:-4px; left:0;}
  #contents .archive .wrap .faq-block .qanda {margin:0 0 60px 0;}
  #contents .archive .wrap .faq-block .qanda h2 {font-size:22px; text-align:left; position: relative; padding: 0 0 0 60px; margin:0 0 40px 0;}
  #contents .archive .wrap .faq-block .qanda h2:before {display:block; content: ""; width: 38px; height: 38px; background: url("/images/faq/icon-q.png"); background-size:cover; position: absolute; top:0px; left:0;}
  #contents .archive .wrap .faq-block .qanda p {font-size:18px; text-align:left; position: relative; padding: 0 0 0 60px; margin:0 0 0 0;}
  #contents .archive .wrap .faq-block .qanda p:before {display:block; content: ""; width: 38px; height: 38px; background: url("/images/faq/icon-a.png"); background-size:cover; position: absolute; top:0px; left:0;}
  
  #contents .archive .wrap .faq-block .faq-single__tags {font-size:13px; line-heignt:1.8; margin:0 0 60px 0;}
  #contents .archive .wrap .faq-block .faq-single__tags a {text-decoration: underline; transition: 0.3s;}
  #contents .archive .wrap .faq-block .faq-single__tags a:hover {opacity:0.5;}
  
  #contents .archive .wrap .faq-block .back a {display:inline-block; content: ""; line-height:40px; background-color:rgba(0,0,0,0.8); color:#fff; padding:0 30px; font-size:20px; transition: 0.3s;}
  #contents .archive .wrap .faq-block .back a:hover {background-color:rgba(207,16,48,0.8);}
  
  






  }
@media screen and (max-width: 780px) { /*  	SP STYLE  *************************************************************/
  #contents section.pagetitle .copy h1 span { display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; font-size: 0; }
  .local_nav li a { padding-left: 2.5641025641vw; font-size: 2.6923076923vw; letter-spacing: 0.12em; }
  .local_nav li.active a { padding-left: 3.8461538462vw; font-weight: 600; }
  #contents section.pagetitle .bg { background: url("/images/faq/kv-sp.jpg") no-repeat center; background-size: cover; }
  #contents .wrap { width: 100vw; margin: 0 auto; padding: 0 6.4102564103vw; }
  #contents .notice {padding: 0 0 5vw 0;}
  #contents .notice a {text-decoration: underline;}
  #contents .header {}
  #contents .header .wrap h2.line { position: relative; width: 63.7179487179vw; height: auto; line-height: 1.7; padding: 1.9230769231vw 2.5641025641vw 2.0512820513vw; margin: 0 auto; text-align: center; text-align: center; font-size: 3.8461538462vw; }
  #contents .header .wrap h2.line:before { content: ""; width: 100%; height: 0.7692307692vw; background: url("/images/h3-line-top.png") repeat-x left top; background-size: 1px 0.641025641vw; position: absolute; left: 0; top: 0; }
  #contents .header .wrap h2.line:after { content: ""; width: 100%; height: 0.7692307692vw; background: url("/images/h3-line-bottom.png") repeat-x left top; background-size: 1px 0.641025641vw; position: absolute; left: 0; bottom: 0; }
  
  #contents .breadcolumn {}
  #contents .breadcolumn ul {display:flex; font-size:2.56vw; flex-wrap:wrap;}
  #contents .breadcolumn ul li {display:inline; margin-bottom:1.28vw;}
  #contents .breadcolumn ul li a {display:inline-block; position: relative; padding:0 2.7vw 0 0; margin:0 1.28vw 0 0; text-decoration: underline;}
  #contents .breadcolumn ul li a:after  {display:block; content: ""; width: 1.54vw; height: 2.7vw; background: url("/images/faq/icon-arrow.png"); background-size:cover; position: absolute; top:4px; right:0px;}

  #contents .header .wrap ul.faq-catnav__list { margin: 8.0769230769vw auto 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
  #contents .header .wrap ul.faq-catnav__list li { width: 43vw; height: 5.3846153846vw; display: block; margin: 0.641025641vw 0; }
  #contents .header .wrap ul.faq-catnav__list li a { display: block; width: 100%; height: 100%; font-size: 3vw; letter-spacing: 0.16em; border: 1px solid #262626; color: #fff; background: #262626; transition: 0.3s; }
  #contents .header .wrap ul.faq-catnav__list li a:hover { background: #fff; color: #262626; }
  #contents .header .wrap ul.faq-catnav__list li.active a { background: #fff; color: #262626; }
  
  
  #contents .header .wrap .faq-search {margin: 8.0769230769vw 0 0 0; text-align:center;}
  
  #contents .header .wrap ul.faq-tags__list {display: block; margin: 8.0769230769vw 0 0 0; padding: 2.56vw; text-align:center; border:0.13vw solid #000; border-radius:1.28vw}
  #contents .header .wrap ul.faq-tags__list li { display: inline-block; margin: 0.64vw 1.28vw ; }
  #contents .header .wrap ul.faq-tags__list li a { display: inline-block; font-size: 3.08vw; letter-spacing: 0.16em; transition: 0.3s;}
  #contents .header .wrap ul.faq-tags__list li a:hover {opacity:0.5;}
  
  #contents .header .wrap .faq-featured{margin: 8.0769230769vw 0 0 0; padding: 2.56vw; border:0.13vw solid #000; border-radius:1.28vw;}
  #contents .header .wrap .faq-featured h2{margin: 3vw 0;}
  #contents .header .wrap ul.faq-featured__list {display: block; text-align:left;}
  #contents .header .wrap ul.faq-featured__list li { display: inline-block; margin: 1.28vw ; }
  #contents .header .wrap ul.faq-featured__list li a { display: inline-block; font-size: 3.08vw; letter-spacing: 0.16em; transition: 0.3s; text-decoration:underline;}
  #contents .header .wrap ul.faq-featured__list li a:hover {opacity:0.5;}
  
  #contents .archive { padding: 10.8974358974vw 0 0; }
  #contents .archive .wrap .faq-block + .faq-block{margin-top:10.67vw;}
  #contents .archive .wrap .faq-block h3 {color:#fff; background-color:#000; text-align;center; padding:0.51vw 0;}
  #contents .archive .wrap .faq-block ul.faq-list {}
  #contents .archive .wrap .faq-block ul.faq-list li {border-bottom: 0.13vw solid #bdbdbd; text-align:left; padding: 4vw 0;}
  #contents .archive .wrap .faq-block ul.faq-list li a {display:block;  position: relative; padding-left:6.41vw;}
  #contents .archive .wrap .faq-block ul.faq-list li a:before {display:block; content: ""; width: 5.13vw; height: 5.13vw; background: url("/images/faq/icon-q.png"); background-size:cover; position: absolute; top:0.53vw; left:0;}
  
  #contents .archive .wrap .faq-block .qanda {margin:0 0 7.69vw 0;}
  #contents .archive .wrap .faq-block .qanda h2 {text-align:left; position: relative; padding: 0 0 0 7.69vw; margin:0 0 5.77vw 0;}
  #contents .archive .wrap .faq-block .qanda h2:before {display:block; content: ""; width: 5.77vw; height: 5.77vw; background: url("/images/faq/icon-q.png"); background-size:cover; position: absolute; top:0px; left:0;}
  #contents .archive .wrap .faq-block .qanda p {text-align:left; position: relative; padding: 0 0 0 7.69vw; margin:0 0 0 0;}
  #contents .archive .wrap .faq-block .qanda p:before {display:block; content: ""; width: 5.77vw; height: 5.77vw; background: url("/images/faq/icon-a.png"); background-size:cover; position: absolute; top:0px; left:0;}
  
  #contents .archive .wrap .faq-block .faq-single__tags {font-size:2.56vw; line-heignt:1.8; margin:0 0 7.69vw 0;}
  #contents .archive .wrap .faq-block .faq-single__tags a {text-decoration: underline;}
  
  #contents .archive .wrap .faq-block .back a {display:inline-block; background-color:rgba(0,0,0,0.8); color:#fff; padding: 2vw 4.69vw; font-size:3.5vw;}
  }