@charset "UTF-8";
/* common */
.wrap{
	height: 100vh;
    display: flex;
    flex-direction: column;
}
html {
  scroll-behavior: smooth;
}

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

.container {
  padding-top: clamp(30px, 6.25vw, 100px);
  padding-bottom: clamp(30px, 6.25vw, 100px);
  padding-left: clamp(0px, 4.5vw, 72px);
  padding-right: clamp(0px, 4.5vw, 72px);
}

.mainInner {
  margin-top: clamp(100px,160 / 414 * 100vw,160px) !important;
  margin-bottom: 60px !important;
  gap: 30px;
}

.containerInner {
  max-width: 1300px;
  margin: 0 auto;
}
.containerInner .contents {
  padding: 60px 0;
}

.mainInner__main {
  flex: 1 1 1000px;
}

.mainInner__sidebar {
  flex: 0 0 300px;
}

.button {
  font-size: clamp(12px, 5.0724637681vw, 21px);
  line-height: 1em;
  display: grid;
  align-content: center;
  border-radius: 42px;
  text-align: center;
  background: #016BA1;
  text-decoration: none;
  color: #fff;
  width: clamp(300px, 30.7692307692vw, 400px);
  min-height: 48px;
  margin-top: clamp(30px, 4.6153846154vw, 60px);
  margin-left: auto;
  margin-right: auto;
  padding: 1em 0;
}
.button:hover{
	filter: brightness(0.8);
}
@media (max-width: 680px) {
  .button {
    font-size: clamp(12px, 5.0724637681vw, 21px);
    width: clamp(100px, 84.0579710145vw, 400px);
  }
}
.flex {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.txt {
  margin-bottom: 60px;
}

ol {
	padding-left: 1em;
  list-style-type: decimal;
}

ol li {
  list-style: auto;
}

a {
  color: #016BA1;
}

/* header */
.header {
  position: fixed;
  top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100;
}

.headerContents {
  justify-content: space-between;
  align-items: center;
}

/* ナビゲーション */
.headerNavi__link {
  margin: 0 1em;
  color: #555;
}

@media (max-width: 960px) {
  .pcMenue {
    display: none;
  }
}
.spMenue {
  display: none;
}

@media (max-width: 959px) {
  .spMenue {
    display: block;
  }
}
/* ハンバーガー */
.spMenue__navigation {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 102px;
  left: 0;
  background: #016BA1;
  padding: 1em;
  transform: translateX(-100%);
  transition: all 0.5s ease-out;
}
.spMenue__hamburger {
  width: 42px;
  height: 40px;
  position: absolute;
  top: 15px;
  right: 20px;
}
.spMenue__hamburgerLine {
  display: block;
  width: 42px;
  height: 2px;
  background: #016BA1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.spMenue__hamburgerLine:after {
  content: "";
  width: 42px;
  height: 2px;
  background: #016BA1;
  position: absolute;
  top: 15px;
  transform: translateY(0);
  transition: all 0.3s ease-out;
}
.spMenue__hamburgerLine:before {
  content: "";
  width: 42px;
  height: 2px;
  background: #016BA1;
  position: absolute;
  top: -15px;
  transform: translateY(0);
  transition: all 0.3s ease-out;
}
.spMenue__toggle {
  position: absolute;
  right: -200px;
}
.spMenue__toggle:checked ~ .spMenue__navigation {
  transform: translateX(0);
  transition: all 0.5s ease-out;
}
.spMenue__toggle:checked ~ .spMenue__hamburger .spMenue__hamburgerLine {
  background: transparent;
}
.spMenue__toggle:checked ~ .spMenue__hamburger .spMenue__hamburgerLine:after {
  top: 0;
  transform: rotate(45deg);
}
.spMenue__toggle:checked ~ .spMenue__hamburger .spMenue__hamburgerLine:before {
  top: 0;
  transform: rotate(-45deg);
}
.spMenue__item {
  text-align: center;
  border-bottom: 1px dashed #fff;
}
.spMenue__link {
  display: block;
  color: #fff;
  padding: 1em;
}

/*footer*/
.footer {
  background-color: #016BA1;
  margin-top: auto;
}

.footerContents {
  text-align: center;
}

.footer__logo {
  width: 230px;
  margin-bottom: 60px;
}

.footer__navigation {
  justify-content: center;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

.footerNavi__item {
  margin-top: 1em;
}

.footerNavi__link {
  color: #fff;
  padding: 0.3em 1em;
  border-left: solid #fff 1px;
}

.footerNavi__item:last-child .footerNavi__link {
  border-right: solid #fff 1px;
}

.footer__copy {
  color: #fff;
}

/*メインコンテンツ*/
@media (max-width: 680px) {
  .mainInner {
    flex-direction: column;
  }
  .mainInner__main {
    flex: 1 1 auto;
  }
  .mainInner__sidebar {
    width: 100%;
  }
}
.page_head{
  margin-bottom: 60px;
  font-size: clamp(28px, 6.7632850242vw, 42px);
  color: #016BA1;
  text-align: center;
  position: relative;
  display: block;
  margin: 0 auto;
	max-width:calc(100% - 60px);
}
.page_head::before {
  content: "";
  position: absolute;
  top: -35px;
  left: -35px;
  width: 52.25px;
  height: 54.77px;
  background: url("/wp-content/uploads/2025/03/decoration-h1.png") 100% no-repeat;
}

.contentsContainer {
  margin-top: 60px;
}
.contentsContainer__h2 {
  position: relative;
  margin-bottom: 60px;
  color: #808080;
}
.contentsContainer__h2 span {
  display: block;
  padding: 30px 0 6px 60px;
  border-bottom: 3px solid #6E463C;
}
.contentsContainer__h2 span:before {
  content: "";
  display: block;
  width: 53px;
  height: 67px;
  background: url("../img/h2decoration.png") no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}

.contents {
  padding: 60px 0;
}
.contents__h3 {
  margin-top: 60px;
  margin-bottom: 30px;
}
.contents__h3 span {
  font-size: 0.8em;
  font-weight: 400;
}
.contents__table {
  margin: 30px 0;
  width: 100%;
}
.contents__th {
  padding: 1em;
  background: #FAF5BE;
  border: 1px solid #808080;
}
.contents__th span {
  font-size: 0.8em;
  font-weight: 400;
}
.contents__td {
  padding: 1em;
  background: #fff;
  border: 1px solid #808080;
}
.contents__td span {
  font-size: 0.8em;
  font-weight: 400;
}

/*サイドバー*/
.infoList__img{
	width:100%;
	margin-bottom: 30px;
}
.infoList__ttl {
  display: block;
  color: #ffffff;
  font-size: 21px;
  background-color: #016BA1;
  padding: 1em;
  width: 100%;
  border-radius: 10px;
}
.infoList__list {
  padding: 1em;
}
.infoList__item {
  border-bottom: #505050 dashed 1px;
  padding-bottom: 1em;
  padding-top: 1em;
}
.infoList__item:first-child {
  padding-top: 0;
}

/*ページ下*/
.pagenav {
  display: none;
}

#sidebar {
  padding: 1em;
}
#sidebar ul ~ ul:last-child {
  display: none;
}
.sitemap li:nth-child(9),
.sitemap li:nth-child(8),
.sitemap h4 {
  display: none;
}

/*制作費用*/
.fee .contents__table .contents__th {
  width: 40%;
}

/*ご利用の流れ*/
.flow__arrow {
  display: block;
  margin: 0 auto;
}

/*事務所情報*/
.office table th,
.office table td {
  text-align: left;
  padding: 0.5em;
  border-bottom: 1px solid #eee;
}
/*確認画面*/
@media (max-width: 680px) {
.contactFormInner{
	flex-direction: inherit;
}
}
.formConfirm{
	padding:60px 2em;
	max-width: 650px;
	border:3px solid #016BA1;
	border-radius:20px;
	margin: 100px auto 30px;
}
.formConfirm .contactForm__label{
	margin-top:0;
}
.formConfirm__item{
	color: #555;
	font-size:1.2em;
    margin-top: 0;
}
.formConfirm__item{
	margin-bottom:2em;
}
.formConfirm__text{
	text-align:center;
}
.contactForm_previous{
	background-color: #eee;
	color:#333;
	border:none;
	margin-top:-30px;
}
.formThanks__text{
	text-align:center;
	margin-top:60px;
}
/*個人情報保護方針*/
.law__list2 li{
	list-style-type: lower-alpha;
}
/*# sourceMappingURL=base.css.map */