@charset "UTF-8";
body,
select {
  font-family: YakuHanJP, 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 400;
  letter-spacing: 0.15rem;
}
.en,.tel,
.date{
  font-family: 'Barlow', sans-serif;
  letter-spacing: 0.2rem;
  font-weight: 600;
  font-style: italic;
}
#gnav a { font-weight: 400;}

.jp strong, strong.jp { font-weight: 600;}

#body {
  opacity: 0;
  position: fixed;
  pointer-events: none;
  transition: opacity 0.5s ease;
  min-width: 1200px;
}
body.loaded #body {
  opacity: 1;
  position: relative;
  pointer-events: auto;
}
body.loading #body { display: none;}

/*				reset
====================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
html, body {
  font-size: 62.5%;
}
body {
  line-height: 1;
  background: #fff;
  min-width: 1200px;
}

body #body {
  font-size: 1.6rem;
  line-height: 2;
}
sup.supText {
	font-size: 86%;
	vertical-align: top;
	position: relative;
	top: 0.2em;
}
.contents sup:not(.supText) {
	font-size: 70%;
	vertical-align: top;
	position: relative;
	top: 0;
}

main, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
  color: #999;
  text-decoration: none;
  transition: color 0.5s ease;
}
main a { transition: all 0.5s ease;}
#menu-btn { display: none;}
#menu-btn:hover,
#gnav a:hover,
main a:hover,
footer a:hover {
  text-decoration: none;
  /*animation: flash 0.5s ease;*/
}

main a:hover .zoom,
main .zoom a:hover,
main a.zoom:hover { animation: none;}


ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #4a4846;
  margin: 6rem 0 3rem;
  padding: 0;
}


h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 1.4rem;
}

li {
  list-style: none;
}

img { vertical-align:top;}

*, *::before, *::after {
    box-sizing: content-box;
}
*, *::before, *::after {
    box-sizing: content-box;
}


.sp { display: none;}
.inner { width:1120px; max-width: 96%; margin-left:auto; margin-right:auto; position: relative; }
img { max-width: 100%;}
p { margin-top:2.2rem; }

@keyframes flash {
	 0% { opacity: 1; }
    10% { opacity: 0.6; }
	100% { opacity: 1; }
}
.flash:hover{ animation: flash 1s 1 ease; text-decoration: none;}

@keyframes bright {
	 0% { filter: brightness(115%); }
	100% { filter: brightness(100%); }
}
.bright:hover{ animation: bright 1s 1 ease; text-decoration: none;}

@keyframes bright2 {
	 0% { filter: brightness(130%); }
	100% { filter: brightness(100%); }
}
.bright2:hover{ animation: bright2 1s 1 ease; text-decoration: none;}

.inline-block {
	display: inline-block;
}
body { color:#000; }
@media only screen and (max-width: 782px) {
	body { overflow-y: auto; min-width: inherit;}
	.pc { display: none;}
	.sp { display: block;}
	span.sp { display: inline;}
  #body { font-size: 1.3rem; line-height: 1.8;}
  p { margin-top: 1.7rem; }
    .the-content p,
    .the-content figure { margin-top:1.8em;}
  
  a {
    transition: none;
  }
  main a { transition: none;}
  #menu-btn { display: block;}
  #menu-btn:hover,
  #gnav a:hover,
  main a:hover,
  footer a:hover {
    animation: none;
  }
}

.zoom figure img,
 figure.zoom img{ transition: transform 0.5s ease;}
.zoom figure,
 figure.zoom{ overflow: hidden;}
.zoom:hover figure img,
figure.zoom:hover img { transform: scale(1.05);}


@media only screen and (max-width: 782px) {
  .inner { width: 92%;}
  #body { min-width: inherit; width: 100%;padding-top:0;}
}


@media only screen and (max-width: 782px) {
}

/*
.show-menu #body { position: fixed; width:100%; height: 100%; z-index: 6;}
*/


#menu { display: none;}
.scrollable {
  overflow-y: scroll;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  height: 100vh;
  z-index: 1;
  margin: 0;
  padding: 200px 80px 80px;
  opacity: 0;
}
.show-menu .scrollable { opacity: 1; transition: all 0.5s ease 0.3s;}

@media only screen and (max-width: 782px) {
  #menu {
    display: block;
    width: 100%;
    opacity: 0; pointer-events: none;
    background: #ff490f;
    transition: opacity 0.5s ease;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 99;
  }
  .show-menu #menu { opacity: 1; pointer-events: auto;}
  .scrollable {
    padding: 0 5% 10rem;
  }
  #menu-btn {
    position: fixed;
    z-index: 999;
    cursor: pointer;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    right: 0px;
    top: 0px;
    background: #ff490f;
  }  
}

#menu-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 2;
  transition: none;
  width: 20px;
  height: 2px;
  background: #fff;
}
#menu-btn-icon::before, #menu-btn-icon::after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  
  transition: transform 0.3s ease, margin-top 0.3s ease 0.3s;
}
#menu-btn-icon::before{
  margin-top: -8px;
  transform-origin: center center;
}
#menu-btn-icon::after{
  margin-top:6px;
  transform-origin: center center;
}
.show-menu #menu-btn #menu-btn-icon {
  background: transparent;
}
.show-menu #menu-btn #menu-btn-icon::before,
.show-menu #menu-btn #menu-btn-icon::after{
  margin-top: 0;
  background: #fff;
  transition: margin-top 0.3s ease, transform 0.3s ease 0.3s;
}
.show-menu #menu-btn #menu-btn-icon::before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.show-menu #menu-btn #menu-btn-icon::after{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#cover { display: none;}
.show-menu #cover {
  display: block;
  background: rgba(0,0,0,0.6);
  z-index: 98;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
}

.anchor {
  display: inline-block;
	margin-top:-120px;
	padding-top:120px;
}

a.tel,
.tel a { pointer-events: none;}
@media only screen and (max-width: 782px) {
	.anchor {
		margin-top:-5rem;
		padding-top:5rem;
	}
  a.tel, .tel a  { pointer-events: auto;}
  .sp-w100 { width: 100%;} 
}




.cp_ipselect {
	position: relative;
	width: 250px;
	margin: 15px 0 60px 0;
	text-align: center;
}
.cp_ipselect select::-ms-expand {
	display: none;
}
.cp_ipselect:after {
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	pointer-events: none;
}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin-bottom: 2em;
}

.alignright {
   float: right;
   margin-bottom: 2em;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 86%;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.the-contents tbody,.the-contents tr,.the-contents td, .the-contents th { border:initial; border-style: solid;}
.the-contents img { height: auto;}
.the-contents p,
.the-contents figure { margin-top:2.5em;}
.the-contents p { line-height: 1.8;}

.the-contents h1 { font-weight: bold; font-size: 2.5rem; color: #333; margin: 1em 0 !important; line-height: 1.7;}
.the-contents h2 { font-style: italic; font-weight: bold !important; font-size: 2.2rem !important; color: #333 !important; margin: 1em 0 !important; line-height: 1.7; white-space: normal;}
.the-contents h4 { font-weight: bold; font-size: 1.8rem; color: #333; margin: 1em 0 !important; line-height: 1.8;}
@media only screen and (max-width: 782px) {
  .the-contents h1 { font-size: 1.6rem;}
  .the-contents h2 { font-size: 1.5rem !important; padding: 0;}
  .the-contents h4 { font-size: 1.3rem; }
}



.hasInview { transition: opacity 1s ease, transform 1s ease;}
.hasInview.delay { transition-delay: 0.2s;}
.fade {
  transform: translateY(30px);
  opacity: 0;
}


.screen-reader-text { display: none;}
.pager {
  margin: 100px 0 50px;
}
.pager .nav-links {
  margin-top: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pager .page-numbers {
  width: 4.8rem;
  height: 4.8rem;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 400;
  color: #ff490f;
}
.pager .page-numbers.current { color: #fff;}
.pager a.page-numbers:hover::after,
.pager .page-numbers.current::after {
  content: "";
  background: #ff490f;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  top: 0.4rem;
  left: 0.4rem;
  position: absolute;
  z-index: -1;
  box-sizing: border-box;
}
.pager a.page-numbers.list:hover::after{ z-index: 2;}
.pager a.page-numbers:hover { color: #fff;}
.pager a.page-numbers:hover::after { border: none;}
/*
.pager a.page-numbers.first,
.pager a.page-numbers.prev,
.pager a.page-numbers.next,
.pager a.page-numbers.last,
.pager a.page-numbers.list {
  background: url("../img/bg_page@2x.png") no-repeat center 50% / 4.8rem 4.8rem;
}
*/
.pager a.page-numbers.prev { margin-right: 30px;}
.pager a.page-numbers.next { margin-left: 30px;}
/*
.pager a.page-numbers.list .icon {
  position: relative;
  z-index: 3;
  background: url("../img/icon-list@2x.png") no-repeat center 50% / 1.8rem 1.2rem;
  width: 100%;
  height: 100%;
  display: block;
}
*/
.pager a.page-numbers.list:hover .icon { filter: brightness(100);}

.pager a.page-numbers.first:hover::after,
.pager a.page-numbers.prev:hover::after,
.pager a.page-numbers.next:hover::after,
.pager a.page-numbers.last:hover::after { z-index: 1;}

.pager a.page-numbers.first span::before,
.pager a.page-numbers.first span::after,
.pager a.page-numbers.prev span::before,
.pager a.page-numbers.next span::before,
.pager a.page-numbers.last span::before,
.pager a.page-numbers.last span::after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  width: 4px;
  height: 4px;
  border-top: #ff490f 2px solid;
  border-right: #ff490f 2px solid;
  transform: rotate(45deg);
  z-index: 2;
}
.pager a.page-numbers.first span::before,
.pager a.page-numbers.first span::after,
.pager a.page-numbers.prev span::before { transform: rotate(-135deg);}
.pager a.page-numbers.first span::before { left: calc(50% - 4px);}
.pager a.page-numbers.first span::after { left: calc(50% + 1px);}
.pager a.page-numbers.prev span::before { left: calc(50% - 2px);}
.pager a.page-numbers.next span::before { left: calc(50% - 4px);}
.pager a.page-numbers.last span::before { left: calc(50% - 6px);}
.pager a.page-numbers.last span::after { left: calc(50% - 1px);}

.pager a.page-numbers.first:hover span::before,
.pager a.page-numbers.first:hover span::after,
.pager a.page-numbers.prev:hover span::before,
.pager a.page-numbers.next:hover span::before,
.pager a.page-numbers.last:hover span::before,
.pager a.page-numbers.last:hover span::after { border-top-color: #fff;border-right-color:#fff;}


@media only screen and (max-width: 782px) {
  .pager {
    margin: 50px 0 25px;
  }
  .pager .page-numbers {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.4rem;
  }
  .pager a.page-numbers:hover::after,
  .pager .page-numbers.current::after {
    width: 2.8rem;
    height: 2.8rem;
    top: 0.2rem;
    left: 0.2rem;
  }
  .pager a.page-numbers.first,
  .pager a.page-numbers.prev,
  .pager a.page-numbers.next,
  .pager a.page-numbers.last,
  .pager a.page-numbers.list {
    background-size: 3.2rem auto;
  }
  .pager a.page-numbers.list .icon {background-size: 1.4rem auto;}
  .pager a.page-numbers.prev { margin-right: 0px;}
  .pager a.page-numbers.next { margin-left: 0px;}
}

body.no-pager .pager { margin: 0; border: none;}

.hidden { display: none;}

#body > main { padding-top: 90px; position: relative; z-index: 2;}
@media only screen and (max-width: 782px) {
  #body > main { padding-top: 60px; position: relative; z-index: 2;}
}
#header {
  display: flex;
  justify-content: space-between;
  height: 90px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1200px;
  z-index: 3;
  background: #fff;
  align-items: center;
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
}
#header .logo {
  margin-left: 38px;
}
#header .gnav {
  display: flex;
  align-items: center;
}
#header .gnav > li { position: relative;}
/* ---   外部リンクボタン追加のため  250115   header,footer,sitemap --- */
/* #header .gnav > li:last-child { margin-right: 30px;}  chg */
#header .gnav > li.btn { 
  margin-right: 60px; 
  margin-left: 10px;
}
.nav_address nav ul li.btn {
  padding-top: 10px;
}
#header .gnav > li.btn > a,
.nav_address nav ul li.btn a,
.btn a{
  position: relative;
  background: #ff490f;
  padding: 0.8rem 4.6rem 0.8rem 2.2rem;
  color: #fff;
  border-radius: 5rem;
}
.btn a::after{
  content: "";
  position: absolute;
  right: 2rem;
  top: calc(50% - 7px);
  width: 17px;
  height: 14px;
  background: url(../img/icon_link.png) no-repeat left top / contain;
  transition: all 0.5s ease;
}
.home-header #header .gnav > li.btn > a,
.sitemapBody main .btn a{
  color: #ff490f;
  background: #fff;
}
.home-header .btn a::after,
.sitemapBody main .btn a::after{
  background: url(../img/icon_link_org.png) no-repeat left top / contain;
}
.sitemapBody main p strong.flex01 {
  margin: 4rem 0;
}
.sitemapBody main p a {
  color: #fff;
}
.sitemapBody main .btn {
  padding-top: 1.5rem;
}
@media only screen and (min-width: 783px) {
  .sitemapBody main .btn a {
    font-size: 1.8rem;
    padding: 0.8rem 5.5rem 0.8rem 2.8rem;
  }
  .sitemapBody main .btn a::after {
    right: 2.8rem;
    width: 19px;
    height: 16px;
  }
  .sitemapBody main p strong.flex01 a:last-child {
    margin-left: 4rem;
  }  
}
@media only screen and (max-width: 782px) {
#menu .gnav > li.btn{ display: none; }
#menu p { margin-top: 2.7rem; }
.btn a{ 
  font-size: 13px;
  padding: 1rem 4.6rem 1rem 2.2rem;
}
.btn a::after {
  right: 2.3rem;
}
#menu .btn a{
  color: #ff490f;
  background: #fff;
}
#menu .btn a::after{
  background: url(../img/icon_link_org.png) no-repeat left top / contain;
}
.nav_address p.btn {
  text-align: center;
  margin: 40px 0 30px;
}
}
/* ---   外部リンクボタン追加のため  250115       end     --- */

#header .gnav > li.hasSub::before {
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: #000 2px solid;
  border-right: #000 2px solid;
  transform: rotate(45deg);
  position: absolute;
  box-sizing: border-box;
  left: calc(50% - 4px);
  bottom: -8px;
  transition: all 0.5s ease;
}
#header .gnav > li.hasSub.hovered::before {
  transform: rotate(45deg) translateY(2px) translateX(2px);
}
#header .gnav li a { cursor: pointer;}
#header .gnav > li > a {
  color: #000;
  padding: 0 15px;
}
#header .gnav > li > a:hover { animation: flash 0.5s ease;}


#header .gnav ul {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: rgba(255, 73, 15, 0.8);
  position: absolute;
  width: 250px;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 8px;
  left: calc(50% - 125px);
  top: 63px;
}
#header .gnav .hovered ul {
  pointer-events: auto;
  opacity: 1;
}
#header .gnav ul li { text-align: center;}
#header .gnav ul a { color: #fff; text-decoration: underline; line-height: 1.4; display: inline-block;}
#header .gnav ul a:hover { text-decoration: none;}
#header .gnav ul li:not(:last-child) { margin-bottom: 5px;}

@media only screen and (max-width: 782px) {
  #header .gnav { display: none;}
  #header {
    height: 60px;
  }
  #header .logo {
    margin-left: 15px;
  }
  header .logo img { width: 84px;}
}


@media only screen and (max-width: 782px) {
  #menu .logo { margin-top: 15px;}
  #menu .gnav {
    margin-top: 20px;
    font-weight: bold;
  }
  #menu .gnav > li {
    padding: 20px 0;
    border-bottom: #fff 1px solid;
    line-height: 1.2;
  }
  #menu .gnav > li > a {
    color: #fefad6;
  }
  #menu li a .sp.en { display: block;color: #fff; font-size: 30px;}
  #menu .gnav li li a {
    color: #000;
    text-decoration: underline;
  }
  #menu .gnav li li { display: inline-block; margin: 10px 10px 0 0; }
  #menu p a { color: #fff;}
}



#pagetop {
  position: fixed;
  right: 0px;
  bottom: 0;
  width: 80px;
  height: 80px;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
  background: #67db8b;
  display: block;
}
#pagetop::before {
  content: "";
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border-top: #fff 1px solid;
  border-right: #fff 1px solid;
  position: absolute;
  left: calc(50% - 9px);
  top: calc(50% - 4px);
  transform: rotate(-45deg);
}

.show-pagetop #pagetop { opacity: 1; pointer-events: auto; cursor: pointer;}
.relative-pagetop #pagetop {
  position: absolute;
  bottom: auto;
}

#pagetop-sp { display: none;}
@media only screen and (max-width: 782px) {
  #pagetop { display: none;}
  #pagetop-sp { display: block;}
  #pagetop-sp {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 10%;
    height: 45px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  #pagetop-sp::after {
    content: "";
    position: absolute;
    right: 50%;
    top: 0;
    width: 1px;
    height: 45px;
    background: #fff;
  }
  #pagetop-sp::before {
    content: "";
    width: 10px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: -0.5px;
    transform-origin: left top;
    transform: rotate(60deg);
  }

  .show-pagetop #pagetop-sp { opacity: 1; pointer-events: auto; cursor: pointer;}
  .relative-pagetop #pagetop-sp {
    position: absolute;
    top: -45px;
    bottom: auto;
    right: -5%;
    opacity: 1; pointer-events: auto; cursor: pointer;
  }
}
#footer { position: relative; z-index: 2;}
#footer .bg_gray {
  background: #e9e8e8;
  position: relative;
  padding: 0 120px;
}
.crumb {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
  width:calc(100% - 130px); /*サイトマップの分*/
}
.crumb li {
  position: relative;
  padding-left: 30px;
}
.crumb li:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
  width: 20px;
  height: 18px;
  background: url("../img/icon_home@2x.png") no-repeat left top / contain;
}
.crumb li:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 7px;
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-top: #ff490f 1px solid;
  border-right: #ff490f 1px solid;
  box-sizing: border-box;
  transform: rotate(45deg);
}
#footer { background: #fff;}
#footer .bg_gray a {
  color: #ff490f;
}
.sitemap {
  position: absolute;
  right: 120px;
  top: 17px;
  margin: 0;
  padding-left: 30px;
  display: inline-block;
  background: url("../img/icon_sitemap@2x.png") no-repeat left 50% / 18px 17px;
}
@media only screen and (max-width: 782px) {
  #footer .bg_gray {
    padding: 0 5%;
    font-size: 11px;
    letter-spacing: 0;
  }
  .crumb {
    display: flex;
    flex-wrap: wrap;
    padding: 12px 0;
    width:calc(100% - 80px); /*サイトマップの分*/
    
  }
  .crumb li {
    position: relative;
    padding-left: 20px;
  }
  .crumb li:first-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 5px);
    width: 13px;
    height: 13px;
    background: url("../img/icon_home@2x.png") no-repeat left top / contain;
  }
  .crumb li:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 5px;
    top: calc(50% - 3px);
    width: 7px;
    height: 7px;
    border-top: #ff490f 1px solid;
    border-right: #ff490f 1px solid;
    box-sizing: border-box;
    transform: rotate(45deg);
  }
  .sitemap {
    position: absolute;
    right: 5vw;
    top: 13px;
    margin: 0;
    padding-left: 18px;
    display: inline-block;
    background: url("../img/icon_sitemap@2x.png") no-repeat left 50% / 13px auto;
  }
}


.nav_address {
  display: flex;
  justify-content: space-around;
  margin: 100px 120px 0; /*80px 120px 0;*/
  padding-bottom: 80px;
}
@media only screen and (min-width: 1350px) {
  .nav_address {
    margin: 100px auto 0; /*80px auto 0;*/
    width: 1200px;
  }
}
.nav_address nav {
  /* display: flex;
  justify-content: center; */
  width: 390px;
}
.nav_address nav ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}


.nav_address .line {
  border-right: #000 1px solid;
  height: 250px;
}
.nav_address nav ul:nth-child(2){ font-size: 14px;}
/* .nav_address nav ul:nth-child(1){ margin-right: 80px;} */
/* .nav_address nav ul li { padding-bottom: 12px; } */
.nav_address nav ul li {
  padding-bottom: 12px;
  padding: 5px 2px 5px 11px;
  width: 10.5rem;
}
.nav_address nav ul:nth-child(2) li {
  width: 18rem;
}
.nav_address nav p.btn{
  margin: 0 0 0 11px;
  display: block;
}

.nav_address nav ul li a { color: #000;}
@media only screen and (min-width: 783px) {
.nav_address .address {
  width: 515px;
  margin: 1rem 0 0 3rem;
}
}
.nav_address .address .logo {
  display: flex;
  align-items: flex-end;
}
.nav_address .address .logo .fb { margin-left: 35px;}
.sp-flex .text { font-size: 87%; margin-top: 10px;}
.copy { font-size: 12px; margin-top: 20px; font-style: normal; letter-spacing: 0.1rem;}

@media only screen and (max-width: 782px) {
  .nav_address {
    display: block;
    margin: 30px 5% 0;
    padding-bottom: 30px;
    width: auto;
  }
  .nav_address nav { display: none;}
  .nav_address .address {
    margin: 0 auto;
  }
  .nav_address .address .logo img {
    width: 100px;
  }
  .sp-flex { display: flex; align-items: center; justify-content: center;}
  .sp-flex .text { font-size: 11px; margin: 0px 0 0 10px; line-height: 1.2;}
  .sp.fb { text-align: center;}
  ul.sp { display: flex; justify-content: center; margin-top: 10px;}
  ul.sp a { color: #000; font-size: 11px;}
  ul.sp li:not(:first-child) { margin-left: 20px;}
  .copy { font-size: 10px; margin-top: 15px;  text-align: center}
}

.simpleBtn {text-align: center; margin-top: 6rem;}
.simpleBtn a {
  background: #000;
  display: inline-block;
  color: #fff;
  border-radius: 3px;
  font-size: 114%;
  padding: 20px 120px;
  position: relative;
}
.simpleBtn a:hover { animation: flash 0.5s ease;}
.simpleBtn a::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: #fff 1px solid;
  border-right: #fff 1px solid;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: calc(50% - 5px);
}
@media only screen and (max-width: 782px) {
  .simpleBtn {margin-top: 4rem;}
  .simpleBtn a {
    padding: 15px 60px;
    position: relative;
     font-size: 14px;
  }
  .simpleBtn a::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: calc(50% - 5px);
  }
}


.flex{
  display: flex;
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.orange {
    color: #ff490f;
}
.gap-4{
  gap: 4rem;
}
@media only screen and (max-width: 782px) {
  .flex{ 
    flex-direction: column;
    align-items: center;
  }
  .gap-4{
    gap: 1vw;
  }
  .sp-flex{
    flex-direction: row;
  }
}