@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap);
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fontawesome-pro-brands-900.eot");
    src: url("../webfonts/fontawesome-pro-brands-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fontawesome-pro-brands-900.woff2") format("woff2"), url("../webfonts/fontawesome-pro-brands-900.woff") format("woff"), url("../webfonts/fontawesome-pro-brands-900.ttf") format("truetype"), url("../webfonts/fontawesome-pro-brands-900.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Light';
    font-style: normal;
    font-weight: 300;
    src: url("../webfonts/fontawesome-pro-light-300.eot");
    src: url("../webfonts/fontawesome-pro-light-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/fontawesome-pro-light-300.woff2") format("woff2"), url("../webfonts/fontawesome-pro-light-300.woff") format("woff"), url("../webfonts/fontawesome-pro-light-300.ttf") format("truetype"), url("../webfonts/fontawesome-pro-light-300.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Regular';
    font-style: normal;
    font-weight: 400;
    src: url("../webfonts/fontawesome-pro-regular-400.eot");
    src: url("../webfonts/fontawesome-pro-regular-400.eot?#iefix") format("embedded-opentype"), 
         url("../webfonts/fontawesome-pro-regular-400.woff2") format("woff2"), 
         url("../webfonts/fontawesome-pro-regular-400.woff") format("woff"), 
         url("../webfonts/fontawesome-pro-regular-400.ttf") format("truetype"), 
         url("../webfonts/fontawesome-pro-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Solid';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fontawesome-pro-solid-900.eot");
    src: url("../webfonts/fontawesome-pro-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fontawesome-pro-solid-900.woff2") format("woff2"), url("../webfonts/fontawesome-pro-solid-900.woff") format("woff"), url("../webfonts/fontawesome-pro-solid-900.ttf") format("truetype"), url("../webfonts/fontawesome-pro-solid-900.svg#fontawesome") format("svg");
}

html { scroll-behavior: smooth;}

body{
    font-family: 'Noto Serif JP', serif;
    font-size:16px;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color: #333333;
    line-height: 2;
}
.sans{    
  font-family: 'Noto Sans Japanese', sans-serif;
}

@media screen and (max-width: 1400px) {
  body{
    font-size: 15px;
  }
}
@media screen and (max-width: 1200px) {
  body{
    font-size: 15px;
  }
}
@media screen and (max-width: 1000px) {
	body{
		font-size: 14px;
	}
	body.fixed {
		width: 100%;
		height: 100%;
		position: fixed;
	}
}
.pc-only{
  display: block;
}
.tab-only{
  display: none;
}
.pc{
  display: block;
}
.tab{
  display: none;
}
.sp{
  display: none;
}
.spsp{
  display: none;
}
@media screen and (max-width: 1000px) {
  .pc{
      display: none !important;
  }
  .pc-only{
    display: none;
  }
  .tab-only{
    display: block;
  }
  .tab{
    display: block !important;
  }
  .spsp{
    display: none !important;
  }
  .w500{
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (max-width: 1000px) {
  .tab-only{
    display: none;
  }
  .sp{
      display: block !important;
  }
  .spsp{
      display: none !important;
  }
}
@media screen and (max-width: 500px) {
  .spsp{
    display: block !important;
  }
}

main{
  position: relative;
}
p{
  font-size:1em;
}

.inner{
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px){
  .inner{
    padding: 0 10px;
  }
}
.inner_L{
  max-width: 1640px;
  margin: 0 auto;
}
@media screen and (max-width: 1640px){
  .inner_L{
    padding: 0 7.2%;
  }
}
.inner_M{
  max-width: 1425px;
  margin: 0 auto;
}
@media screen and (max-width: 1425px){
  .inner_M{
    padding: 0 12.8%;
  }
}
@media screen and (max-width: 700px){
  .inner_M {
      padding: 0 15px;
  }
}
.inner_S {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 10px;
}
@media screen and (max-width: 1000px){
  .inner_S{
    padding: 0 15px;
  }
}
.inner_SS {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 10px;
}
@media screen and (max-width: 1000px){
  .inner_SS{
    padding: 0 15px;
  }
}
img {
    max-width: 100%;
    vertical-align: bottom;
    border-style: none;
}
a{
  text-decoration: none;
  color: #333;
  display: block;
}
.ggmap{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 22%;
}
.ggmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ggmap_02{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 35%;
}
.ggmap_02 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* header */
  header{
  }
  .top header .wrap-01{
    z-index: 1;
    position: relative;
  }
  .header__inner {
      margin: 0 auto;
      width: 100%;
      display: flex;
      align-items: stretch;
      z-index: 2;
      position: absolute;
      top: 0;
  }
  .header__inner h1{
    vertical-align: baseline;
    padding: 0 1%;
    width: 24%;
  }
  .header__inner h1 img{
    max-width: 700px;
    width: 100%;
  }
  .header-nav-wrap {
      width: 76%;
      display: flex;
  }
  .header-nav-wrap ul{
      display: flex;
      width: 100%;
  }
  .header-nav li {
      width: 100%;
      text-align: center;
      background: #000;
      height: 100%;
      align-items: stretch;
      display: flex;
      justify-content: center;
  }
  .header-nav li a{
    color: #fff;
    display: flex;
    width: 100%;
    font-size: 1.25em;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
  }
  .header-nav li a span{
    display: block;
    width: 100%;
    color: #808396;
    font-size: 0.9em;
    letter-spacing: -1px;
  }
  .header-nav li .active{
    background: rgb(0,25,159);
    background: -moz-linear-gradient(180deg, rgba(0,25,159,1) 0%, rgba(0,1,6,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,25,159,1) 0%, rgba(0,1,6,1) 100%);
    background: linear-gradient(180deg, rgba(0,25,159,1) 0%, rgba(0,1,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00199f",endColorstr="#000106",GradientType=1);
  }
  .header-nav .contact a {
    background: rgb(0,25,159);
    background: -moz-linear-gradient(180deg, rgba(0,25,159,1) 0%, rgba(0,1,6,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,25,159,1) 0%, rgba(0,1,6,1) 100%);
    background: linear-gradient(180deg, rgba(0,25,159,1) 0%, rgba(0,1,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00199f",endColorstr="#000106",GradientType=1);
  }
  .header-nav li a:hover{
    background: rgb(0,25,159);
    background: -moz-linear-gradient(180deg, rgba(0,25,159,1) 0%, rgba(0,1,6,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,25,159,1) 0%, rgba(0,1,6,1) 100%);
    background: linear-gradient(180deg, rgba(0,25,159,1) 0%, rgba(0,1,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00199f",endColorstr="#000106",GradientType=1);
    opacity: 0.8;
  }
  .d-none{
    display: none;
  }
  .header-nav-wrap dl {
      display: flex;
      justify-content: space-between;
      margin: 2em auto;
      flex-wrap: wrap;
      color: #fff;
      width: 250px;
  }
  .header-nav-wrap dl a{
    color: #fff;
  }
  .header-nav-wrap dl dt{
    width: 20%;
  }
  .header-nav-wrap dl dd{
    width: 80%;
  }
  .copy_inner {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      height: 300px;
      flex-wrap: wrap;
  }
  .copy_inner dl{
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      padding: 0 19% 0 8%;
      margin-top: 3%;
  }
  .copy_inner dl dt{
    width: 35%;
  }
  .copy_inner dl dt img{
    width: 100%;
  }
  .copy_inner dl dd{
    width: 65%;
    padding-left: 4%;
    padding-top: 2%;
  }
  .copy_inner dl dd img{
    width: 100%;
  }
  .copy_inner dl dd p{
    color: #fff;
    line-height: 2;
    font-size: 1.1em;
  }
  .slick-slide img {
    width: 100%;
  }
@media screen and (max-width: 1400px){
	.copy_inner dl{
		margin-top: 7%;
	}
}
@media screen and (max-width: 1200px){
  .copy_inner dl{
    padding: 0 8%;
    margin-top: 9%;
  }
  .scrolldown1{
    display: none;
  }
}
@media screen and (max-width: 1000px){
  .copy_inner dl dd p{
    font-size: 1em;
  }
}
@media screen and (max-width: 700px){
  .copy_inner dl{
    display: block;
  }
  .copy_inner dl dt {
    width: 85%;
    margin: 0 auto;
    margin-top: -10%;
  }
  .copy_inner dl dd{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    padding-top: 2em;
  }
  .copy_inner dl dd img{
    width: 70%;
    margin: 0 auto;
  }
}
/* animation */

.up {
  -webkit-animation: up 1.75s ease 0.1s 1 normal forwards;
  animation: up 1.75s ease 0.1s 1 normal forwards;
}
@keyframes up{
  0% {
    opacity: 0;
    transform: translate(0, 100px);
  }
  100% {
    opacity: 100;
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes passing-bar{
  0% {
    left: 0;
    right: auto;
    width: 0;
  }
  50% {
    left: 0;
    right: auto;
    width: 100%;
  }
  51% {
    left: auto;
    right: 0;
    width: 100%;
  }
  100% {
    left: auto;
    right: 0;
    width: 0;
  }
}
@keyframes passing-bar{
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  51% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}
@-webkit-keyframes passing-txt{
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes passing-txt{
  0% { opacity:0; }
  50% { opacity:0; }
  100% { opacity:1; }
}
/* css */
.passing .passing-box {
  display: block;
}
.passing .passing-bar {
  position: relative;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.passing .passing-bar-2 {
  position: relative;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-top: 1em;
}
.passing .passing-bar-3 {
  position: relative;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.passing .passing-bar-4 {
  position: relative;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.passing .passing-bar:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  /* 任意の値 */
  background: rgba(100,100,100,0.7);
}
.passing .passing-bar-2:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  /* 任意の値 */
  background: rgba(255,255,255,0.7);
}
.passing .passing-bar-3:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  /* 任意の値 */
  background: rgba(192,150,109,0.7);
}
.passing .passing-bar-4:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  /* 任意の値 */
  background: rgba(255,255,255,0.7);
}
.passing .passing-txt {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.passing .passing-txt-2 {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.passing .passing-txt-3 {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.passing .passing-txt-4 {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.passing.move .passing-bar:before {
  -webkit-animation: passing-bar 0.75s ease 1.5s 1 normal forwards;
  animation: passing-bar 0.75s ease 1.5s 1 normal forwards;
}
.passing.move .passing-bar-2:before {
  -webkit-animation: passing-bar 0.75s ease 2s 1 normal forwards;
  animation: passing-bar 0.75s ease 2s 1 normal forwards;
}
.passing.move .passing-bar-3:before {
  -webkit-animation: passing-bar 0.75s ease 0s 1 normal forwards;
  animation: passing-bar 0.75s ease 0s 1 normal forwards;
}
.passing.move .passing-bar-4:before {
  -webkit-animation: passing-bar 0.75s ease 0.5s 1 normal forwards;
  animation: passing-bar 0.75s ease 0.5s 1 normal forwards;
}
.passing.move .passing-txt {
  -webkit-animation: passing-txt 0.65s ease 1.5s 1 normal forwards;
  animation:passing-txt 0.65s ease 1.5s 1 normal forwards;
}
.passing.move .passing-txt-2 {
  -webkit-animation: passing-txt 1s ease 2s 1 normal forwards;
  animation:passing-txt 1s ease 2s 1 normal forwards;
}
.passing.move .passing-txt-3 {
  -webkit-animation: passing-txt 0.65s ease 0s 1 normal forwards;
  animation:passing-txt 0.65s ease 0s 1 normal forwards;
}
.passing.move .passing-txt-4 {
  -webkit-animation: passing-txt 1s ease 0.5s 1 normal forwards;
  animation:passing-txt 1s ease 0.5s 1 normal forwards;
}
.t-center{
  text-align: center;
}


  .scrolldown1 {
      position: absolute;
      right: 2%;
      bottom: 0;
      height: 12px;
      z-index: 10;
      top: 10%;
      margin: auto;
  }
  /*Scrollテキストの描写*/
  .scrolldown1 span{
      position: absolute;
      left: -11px;
      top: -120px;
      color: #fff;
      font-size: 1rem;
      letter-spacing: 0.05em;
      writing-mode: vertical-rl;
  }
  /* 線の描写 */
  .scrolldown1::after{
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 100px;
    background: #eee;
    animation: pathmove 1.4s ease-in-out infinite;
    opacity:0;
  }
  /*高さ・位置・透過が変化して線が上から下に動く*/
  @keyframes pathmove{
    0%{
      height:0;
      top:0;
      opacity: 0;
    }
    30%{
      height:50px;
      opacity: 1;
    }
    100%{
      height:0;
      top:100px;
      opacity: 0;
    }
  }

/* pagetop */
  #page-top{
      position: fixed;
      bottom: 4%;
      right: 3%;
      z-index: 9;
  }
@media screen and (max-width: 700px){
  #page-top{
    display: none !important;
  }
}
  .scrolldown2 {
      position: absolute;
      right: 5%;
      bottom: 15%;
      height: 190px;
      z-index: 10;
      margin: auto;
  }
  /*Scrollテキストの描写*/
  .scrolldown2 span{
      position: absolute;
      left: -11px;
      top: 100px;
      color: #fff;
      font-size: 1rem;
      letter-spacing: 0.05em;
      writing-mode: vertical-rl;
      padding-top: 6px;
  }
  /* 線の描写 */
  .scrolldown2::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 200px;
    background: #eee;
    animation: pathmove 1.4s ease-in-out infinite;
    opacity:0;
    top: 60px;
    animation-direction: reverse;
  }
  /*高さ・位置・透過が変化して線が上から下に動く*/
  @keyframes pathmove{
    0%{
      height:0;
      top:0;
      opacity: 0;
    }
    30%{
      height:50px;
      opacity: 1;
    }
    100%{
      height:0;
      top:100px;
      opacity: 0;
    }
  }
  .black span{
    color: #333 !important;
  }
  .black-txt a{
    color: #333 !important;
  }
  .black::after{
    background: #333 !important;
  }
.sa {
  opacity: 0;
  transition: all 0.75s ease;
}
 
.sa.show {
  opacity: 1;
  transform: none;
}
 
.sa--lr {
  transform: translate(-100px, 0);
}
 
.sa--rl {
  transform: translate(100px, 0);
}
 
.sa--up {
  transform: translate(0, 100px);
}
 
.sa--down {
  transform: translate(0, -100px);
}
 
.sa--scaleUp {
  transform: scale(.5);
}
 
.sa--scaleDown {
  transform: scale(1.5);
}
 
.sa--rotateL {
  transform: rotate(180deg);
}
 
.sa--rotateR {
  transform: rotate(-180deg);
}

/* pagenavi */
  .wp-pagenavi {
      clear: both;
      text-align: center;
  }
  .wp-pagenavi a, .wp-pagenavi span {
      font-weight: bold;
      font-size: 1.1rem;
      letter-spacing: 1px;
      color: #3a3635;
      padding: 0 5px;
      margin: 0 3px;
      white-space: nowrap;
      text-align: center;
      text-decoration: none;
      display: inline-block;
  }
  .wp-pagenavi span.current {
      background: #7db3cb;
      border-radius: 50%;
      padding: 3px 15px;
      color: #fff;
  }

/* 404 */

  .p-404 section{
        padding: 5em;
    }
  .p-404 .section_01 h2 {
    text-align: center;
    font-size: 4em;
    font-weight: 400;
    margin-bottom: 15px;
    color: #c0966d;
    letter-spacing: 2px;
  }
  .p-404 .section_01 h3{
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 15px;
    color: #333;
    letter-spacing: 5px;
  }
  .p-404 .section_01 p{
    text-align: center;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.7;
    padding: 1em;
  }

    body{
        display: flex;
        justify-content: flex-end;
    }

/* ヘッダー　*/
    header {
        width: 16.66666667%;
        padding: 1em 1em;
        height: 100vh;
        position: fixed;
        order: 2;
        left: 0;
    }

    header h1 {
        text-align: center;
        display: block;
        margin: auto;
    }

    header ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        max-width: 240px;
        margin: 1em auto;
    }

    header ul li {
        width: 48%;
        margin-bottom: 5px;
    }

    header ul li:nth-child(5), header ul li:nth-child(8), header ul li:nth-child(9), header ul li:nth-child(10) {
        width: 100%;
        margin-bottom: 1em;
        line-height: 1.6;
    }

    header ul li .menu {
        border-left: 4px solid #7db3cb;
        padding-left: 10px;
    }

    header ul li .contact {
        border: 1px solid #7db3cb;
        border-radius: 15px;
        text-align: center;
        padding: 10px;
        line-height: 1.5;
        color: #7db3cb;
        font-size: 0.8em;
    }

    header ul li .contact span {
        font-size: 1.5em;
    }
    header ul li .line{
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    header ul li .line img{
        margin-right: 5px;
    }
    header ul li .line span{
        color: #00b900;
    }
    header .copyright{
        font-size: 0.8em;
        text-align: center;
    }
    main{
      width: 83.333333%;
    }

/* フッター */
  footer{
    margin: 3em auto;
  }
  footer h2:before{
    content: none !important;
  }
  footer h2 {
      font-size: 1.25em !important;
      display: block !important;
      margin-bottom: 0 !important;
  }
  footer h2 span{
    margin-bottom: 10px !important;
  }
  footer h2 img{
    display: block !important;
  }
  .footer-wrap-01 {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
  }
  .footer-wrap-01 dt {
      width: 30%;
      text-align: left;
      max-width: 250px;
      margin: 0 auto;
  }
  .footer-wrap-01 dd {
      display: flex;
      align-items: center;
      border-bottom: 7px double;
      width: 60%;
      margin-right: 10%;
  }
  .footer-wrap-01 dd div {
      display: flex;
      justify-content: space-around;
      width: 45%;
      font-size: 1em;
      align-items: center;
      margin: 0 auto;
  }
  .footer-wrap-01 dd div a {
      font-size: 2em;
      font-weight: bold;
  }
  .footer-wrap-02 {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      margin-top: 2em;
  }
  .footer-wrap-02 dt {
      width: 30%;
      text-align: left;
      max-width: 250px;
      margin: 0 auto;
      line-height: 1.7;
  }
  .footer-wrap-02 dd {
      display: flex;
      align-items: center;
      width: 60%;
      margin-right: 10%;
  }
  .footer-wrap-02 dd ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 100%;
  }
  .footer-wrap-02 dd ul li {
      width: 25%;
      padding-bottom: 2em;
  }
  .footer-wrap-01 dt {
      width: 30%;
      text-align: left;
      max-width: 250px;
      margin: 0 auto;
      width: 100%;
  }
@media all and (max-width: 1000px) {
    .wrapper .title__cont .titleL {
        font-size: 20px;
        font-weight: bold;
    }
  .footer-wrap-01 dd {
      width: 100%;
      margin-right: 0;
      margin-top: 1em;
  }    
}

/* トップページ */
    .top section{
      padding: 5em 0;
    }
    .top h2 {
        font-size: 2em;
        text-align: center;
        margin: 0 auto 3em;
        position: relative;
        display: block;
        width: max-content;
        color: #707070;
    }
    .top h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.75em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #7DB3CB
    }
    .top h3 {
        font-size: 2em;
        text-align: center;
        margin: 0 auto 3em;
        position: relative;
        display: block;
        width: max-content;
    }
    .top h3:before {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: -30%;
        width: 100%;
        height: 7px;
        border-radius: 5px;
        background: #7db3cb;
    }
    .top .section_01{
      background: #f3f2ee;
    }
    .top .section_01 ul li a{
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      border-bottom: 3px solid #fff;
      align-items: center;
      padding-top: 1em;
      padding-bottom: 1em;
    }
    .top .section_01 ul li a .data {
        letter-spacing: 2px;
        margin-right: 3em;
        margin-left: 1em;
    }
    .top .section_01 ul li a .category {
        background: #fff;
        padding: 1px 10px;
        border-radius: 50px;
        margin-right: 2em;
        max-width: 180px;
        width: 100%;
        text-align: center;
    }
    .top .section_01 .more {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        margin-top: 3em;
    }
    .top .section_01 .more a {
        background: #fff;
        display: block;
        text-align: center;
        padding: 7px 20px 8px;
        border-radius: 50px;
        width: 200px;
    }
    .top .section_01 .more a i{
      padding-left: 1em;
    }
    .top .section_03{
      background: #f3f2ee;
    }
    .top .section_05{
      background: #f3f2ee;
    }
    .top .section_02 .scroll-list{
    }
    .top .section_02 .scroll-list ul{
      display: flex;
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow-x: scroll;
    }
    .top .section_02 .scroll-list ul li {
        min-width: 250px;
        margin: 5px 15px 30px;
        background: #fff;
        box-shadow: 0px 2px 5px 3px #ddd;
        border-radius: 10px;
    }
    .top .section_02 .scroll-list ul li img{
        width: 100%;
        max-height: 189px;
        object-fit: cover;
    }
    .top .section_02 .scroll-list ul li p{
      padding: 1em;
    }
    .top .section_02 .scroll-list ul::-webkit-scrollbar {
      height: 14px; /* スクロールバーの高さ */
    }
    .top .section_02 .scroll-list ul::-webkit-scrollbar-thumb {
      background: #707070; /* ツマミの色 */
      border-radius: 7px; /* ツマミ両端の丸み */
    }
    .top .top .section_02 .scroll-list ul::-webkit-scrollbar-track {
      background: #eee; /* トラックの色 */
      border-radius: 7px; /* トラック両端の丸み */
    } 
    .top .section_02 dl {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 5em auto 0;
    }
    .top .section_02 dl dt {
        font-size: 2em;
        border-bottom: 7px double #b7b7b7;
    }
    .top .section_02 dl dt a{
      color: #333;
    }
    .top .section_02 dl dt span{
      font-size: 0.5em;
      padding-right: 3em;
    }
    .top .section_02 dl dd .mail {
        background: #7db3cb;
        color: #fff;
        border-radius: 25px;
        padding: 10px 0 12px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .top .section_02 dl dd .mail i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }
    .top .section_02 dl dd .list{
        border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 10px 0 12px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;        
    }
    .top .section_02 dl dd .list i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }
    .top .section_03 p{
      line-height: 2em;
    }
    .top .section_04 ul{
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
    }
    .top .section_04 ul li{
      width: 45%;
      text-align: center;
    }
    .top .section_04 ul li p{
      line-height: 2;
      text-align: left;
    }
    .top .section_04 ul li a {
        border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 5px 0 7px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1em auto 3em;
    }
    .top .section_04 ul li a i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }
    .top .section_05 dl dt {
        display: flex;
        align-items: center;
        font-size: 1.1em;
        background: #fff;
        border-radius: 13px;
        padding: 10px 20px;
    }
    .top .section_05 dl dt span {
        font-size: 2em;
        margin-right: 0.2em;
        font-weight: bold;
        padding-right: 0.5em;
        margin-top: -12px;
    }
    .top .section_05 dl dd {
        line-height: 2;
        padding: 1em 4.5em;
    }
    .top .section_05 .list{

    }
    .top .section_05 .list {
        border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 5px 0 7px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 3em auto 3em;
    }
    .top .section_05 .list i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }
    .top .section_06 ul{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .top .section_06 ul li{
      width: 32%;
    }
    .top .section_06 .index-list h3 {
        font-size: 1.5em;
        text-align: left;
        margin: 0;
        padding: 10px 0;
    }
    .top .section_06 .index-list h3:before{
      content: none;
    }
    .top .section_06 ul .index-list-01 h3{
        border-bottom: 7px double #b7b7b7;
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 1em;
        text-align: center;
    }
    .top .section_06 .index-list li p {
        font-weight: bold;
        margin-bottom: 1em;
        line-height: 2;
        min-height: 80px;
    }
    .top .section_06 ul .index-list-01 p {
        text-align: center;
        font-size: 1.1em;
        line-height: 2;
        font-weight: normal;
    }
    .top .section_06 .list {
        border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 5px 0 7px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 3em auto 3em;
    }
    .top .section_06 .list i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }
    .top .section_08 {
        background: #f3f2ee;
        padding: 1.5em;
    }
    .top .section_08 dl {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }
    .top .section_08 dl dt {
        width: 40%;
    }
    .top .section_08 dl dd {
        width: 55%;
        background: #fff;
        border-radius: 10px;
        padding: 1em 1.5em;
    }
    .top .section_08 dl dd p{
      font-size: 1.1em;
    }
    .top .section_08 dl dd .list {
        border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 5px 0 7px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 2em auto 0;
    }
    .top .section_08 dl dd .list i{
      padding-left: 1em;
      font-size: 22px;
      margin-top: 2px;
    }

/* 会社概要 */
    .company section{
        padding: 5em;
    }
    .company .page-header{
        background: url("../img/img25.png");
        background-size: cover;
        padding: 10em;
    }
    .company .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 300px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .company h2 {
        font-size: 2em;
        text-align: center;
        margin: 0 auto 3em;
        position: relative;
        display: block;
        width: max-content;
    }
    .company h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.5em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #7db3cb;
    }
    .company p{
        line-height: 2;
    }
    .company .section_02{
        background: #F3F2EE;
    }
    .company .section_02 dl{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .company .section_02 dl dt{
        width: 40%;
    }
   .company .section_02 dl dt table{
        border-top: 4px solid #fff;
        border-collapse:collapse;
        width: 100%;
   }
   .company .section_02 dl dt table tr{
        border-collapse:collapse;
   }
   .company .section_02 dl dt table td{
        border-bottom: 4px solid #fff;
        padding-bottom: 1em;
        padding-top: 1em;
    }
    .company .section_02 dl dd{
        width: 55%;
    }
    .company .section_02 dl dd h3 {
        text-align: center;
        border-bottom: 6px double #333;
        color: #333;
        padding-bottom: 0.5em;
        width: 150px;
        margin: 0 auto 3em;
    }
    .company .section_02 dl dd table{
        width: 100%;
        line-height: 2;
        border-spacing: 10px;
    }
    .company .section_02 dl dd table th{
        width: 25%;
        vertical-align: top;
        margin-bottom: 1em;
        font-weight:normal;
    }
    .company .section_02 dl dd table td{
        width: 50%;
        vertical-align: top;
        margin-bottom: 1em;
    }
    .company .section_03 ul{
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
    }
    .company .section_03 ul li{
      width: 45%;
    }
    .company .section_03 ul li p{
      line-height: 2;
    }
    .company .section_03 ul li a {
        border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 5px 0 7px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1em auto 3em;
    }
    .company .section_03 ul li a i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }
    .company .section_04 .scroll-list ul{
      display: flex;
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow-x: scroll;
    }
    .company .section_04 .scroll-list ul li {
        min-width: 250px;
        margin: 5px 15px 30px;
        background: #fff;
        box-shadow: 0px 2px 5px 3px #ddd;
        border-radius: 10px;
    }
    .company .section_04 .scroll-list ul li img{
        width: 100%;
        max-height: 189px;
        object-fit: cover;
    }
    .company .section_04 .scroll-list ul li p{
      padding: 1em;
    }
    .company .section_04 .scroll-list ul::-webkit-scrollbar {
      height: 14px; /* スクロールバーの高さ */
    }
    .company .section_04 .scroll-list ul::-webkit-scrollbar-thumb {
      background: #707070; /* ツマミの色 */
      border-radius: 7px; /* ツマミ両端の丸み */
    }
    .company .section_04 .scroll-list ul::-webkit-scrollbar-track {
      background: #eee; /* トラックの色 */
      border-radius: 7px; /* トラック両端の丸み */
    } 
    .company .section_04 dl {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 5em auto 0;
    }
    .company .section_04 dl dd .list{
      border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 10px 0 12px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .company .section_04 dl dd .list i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }
    .company .section_05{
        background: #F3F2EE;
    }
    .company .section_05 ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .company .section_05 ul li {
        width: 30%;
        background: #fff;
        box-shadow: 0 0 5px 5px #e9e9e9;
        margin-bottom: 3em;
        border-radius: 10px;
    }
    .company .section_05 ul li img{
        width: 100%;
        object-fit: cover;
        max-height: 266px;
        overflow: hidden;
    }
    .company .section_05 ul li .wrap {
        padding: 5px 1em 1em;
    }
    .company .section_05 ul li .wrap p{
        letter-spacing: 2px;
    }
    .company .section_05 ul li .wrap h4{
        font-weight: normal;
    }
    .company .section_05 .list {
        border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 10px 0 12px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .company .section_05 .list i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }         

/* よくある質問 */
    .faq .page-header{
        background: url("../img/img25.png");
        background-size: cover;
        padding: 10em;
    }
    .faq  .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 300px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .faq .section_01{
        background: #F3F2EE;
    }
    .faq .section_01 dl{
        margin-bottom: 3em;
    }
    .faq .section_01 dl dt {
        display: flex;
        align-items: center;
        font-size: 1.1em;
        background: #fff;
        border-radius: 15px;
        padding: 10px 20px;
    }
    .faq .section_01 dl dt span {
        font-size: 2em;
        margin-right: 0.2em;
        font-weight: bold;
        padding-right: 0.5em;
        margin-top: -12px;
    }
    .faq .section_01 dl dd {
        line-height: 2;
        padding: 1em 4.5em;
        margin-bottom: 3em;
    }
    .faq section{
      padding: 5em 0;
    }
    .faq h3 {
        font-size: 2em;
        text-align: center;
        margin: 0 auto 3em;
        position: relative;
        display: block;
        width: max-content;
    }
    .faq h3:before {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: -30%;
        width: 100%;
        height: 7px;
        border-radius: 5px;
        background: #7db3cb;
    }
    .faq h2 {
        font-size: 2em;
        text-align: center;
        margin: 0 auto 3em;
        position: relative;
        display: block;
        width: max-content;
    }
    .faq h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.5em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #7db3cb;
    }

/* お知らせ一覧 */
    .news section{
      padding: 5em 0;
    }
    .news .page-header{
        background: url("../img/img30.png");
        background-size: cover;
        padding: 10em;
    }
    .news .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 400px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .news h2 {
        font-size: 2em;
        text-align: center;
        margin: 0 auto 3em;
        position: relative;
        display: block;
        width: max-content;
    }
    .news h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.5em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #7db3cb;
    }
    .news .section_01 .ul-wrap {
        display: flex;
        justify-content: space-around;
        margin-bottom: 3em;
        flex-wrap: wrap;
    }
    .news .section_01 .ul-wrap li a {
        background: #fff;
        border: 2px solid #7DB3CB;
        padding: 5px 20px;
        border-radius: 15px;
        font-size: 1.2em;
    }
    .news .section_01 .ul-wrap li a:hover {
        color: #fff;
        background: #7DB3CB;
    }
    .news .section_01 .ul-wrap-02{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .news .section_01 .ul-wrap-02:before{
      content: "";
      width: 30%;
      order: 1;
    }
    .news .section_01 .ul-wrap-02:after{
        content: "";
        width: 30%;
    }

    .news .section_01 .ul-wrap-02 li {
        width: 30%;
        background: #fff;
        box-shadow: 0 0 5px 5px #e9e9e9;
        margin-bottom: 3em;
        border-radius: 10px;
    }
    .news .section_01 .ul-wrap-02 img{
        width: 100%;
        object-fit: cover;
        max-height: 266px;
        overflow: hidden;
    }
    .news .section_01 .ul-wrap-02 .wrap {
        padding: 5px 1em 1em;
        border-top: 1px solid #eee;
    }
    .news .section_01 .ul-wrap-02 .wrap p{
        letter-spacing: 2px;
    }
    .news .section_01 .ul-wrap-02 .wrap h4{
        font-weight: normal;
    }

    /* 投稿ページ */

    .page .section_01{
      padding: 5em 0;
    }
    .page .page-header{
        background: url("../img/img30.png");
        background-size: cover;
        padding: 10em;
    }
    .page .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 400px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .page h2 {
        font-size: 2em;
        text-align: center;
        margin: 0 auto 3em;
        position: relative;
        display: block;
        width: max-content;
    }
    .page h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.5em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #7db3cb;
    }    

  .page .section_01 dl {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
  }
  .page .section_01 dl dt{
    width: 70%;
    padding-right: 3%;
    border-right:  1px solid #aaa;
  }
  .page .section_01 dl dt .num {
      color: #adadad;
      border: 1px solid;
      border-radius: 15px;
      display: inline-block;
      padding: 3px 15px;
      font-size: 0.8em;
  }
  .page .section_01 dl dt h3{
      font-size: 1.5em;
      margin: 3px auto 20px;
      letter-spacing: .16em;
      line-height: 2;
      border-bottom: dashed 2px #7db3cb;
  }
  .page .section_01 dl dt p{
    text-align: justify;
    line-height: 2;
    letter-spacing: .16em;
  }
  .page .section_01 dl dd {
      width: 30%;
      padding-left: 3%;
      padding-bottom: 3em;
  }
  .page .section_01 dl dd h3 {
      padding: 15px 0;
      border-top: 2px solid;
      border-bottom: 1px solid #ccc;
      width: 100%;
  }
  .page .section_01 dl dd ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  } 
  .page .section_01 dl dd h4 {
    letter-spacing: .15em;
    line-height: 2;
    font-size: 0.9em;
  }

  .page .section_01 dl dd ul li {
      padding: 10px 0px;
      border-top: 1px solid #ccc;
      width: 100%;
  }
  .page .section_01 dl dd ul li:last-child{
    border-bottom: 1px solid #ccc;
  }
  .page .section_01 dl dd ul li .num {
      color: #adadad;
      border: 1px solid;
      border-radius: 15px;
      display: inline-block;
      padding: 3px 15px;
      font-size: 0.8em;
  }
  .page .section_01 dl dd .category_list{
    margin-top: 2em;
  }
  .page .section_01 dl dd .category_list li {
      border: none;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
  }
  .page .section_01 dl dd .category_list li:last-child{
    border:none;
  }
  .page .section_01 dl dd .archives{
    margin-top: 2em;
  }
  .page .section_01 dl dd .archives .selectwrap select {
      width: 100%;
      line-height: 1.5;
      padding: 12px 18px;
      border: 1px solid #ccc;
      margin-top: 20px;
  }
  @media screen and (max-width: 1000px) {
    .page .section_01 dl dt{
      width: 100%;
      border-right: 0px;
    }
    .page .section_01 dl dd{
      width: 100%;
      padding-left: 0;
    }
  }
  .page .l-wrap .back {
      padding: 5em 0;
  }
  .page .l-wrap .back a {
      display: block;
      background: #7db3cb;
      color: #fff;
      padding: 10px;
      max-width: 250px;
      margin: 0 auto;
      text-align: center;
      border-radius: 25px;
  }
  .page .l-wrap .back a:hover{
    background: #b7929d;
    transition: .5s;
  }
  .page .s-wrap .back {
      padding: 5em 0;
  }
  .page .s-wrap .back a {
      display: block;
      background: #7db3cb;
      color: #fff;
      padding: 10px;
      max-width: 250px;
      margin: 0 auto;
      text-align: center;
      border-radius: 25px;
  }
  .page .s-wrap .back a:hover{
    background: #b7929d;
    transition: .5s;
  }   
/*　墓石のクリーニング */
    .cleaning section{
      padding: 5em 0;
    }
    .cleaning .page-header{
        background: url("../img/img30.png");
        background-size: cover;
        padding: 10em;
    }
    .cleaning .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 350px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .cleaning h2 {
        font-size: 1.5em;
        text-align: center;
        margin: 0 auto 3em;
        position: relative;
        display: block;
        width: max-content;
    }
    .cleaning h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.5em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #7db3cb;
    }
    .cleaning .section_01 .ttl {
        text-align: center;
        border-bottom: 4px solid #7DB3CB;
        width: 75%;
        margin: 0 auto 5em;
        font-size: 1.25em;
        padding-bottom: 1em;
    }
    .cleaning .section_01 dl{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .cleaning .section_01 dl dt{
        width: 48%;
    }
    .cleaning .section_01 dl dd{
        width: 48%;
        line-height: 2.5;
    }
    .cleaning .section_02{
        background: #F3F2EE;
    }
    .cleaning .section_02 ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .cleaning .section_02 ul li{
        width: 18%;
    }
    .cleaning .section_02 ul li span {
        text-align: center;
        border-bottom: 4px solid #B6D3E3;
        display: flex;
        margin: 0 auto 1em;
        justify-content: center;
        width: fit-content;
        padding: 0 10px;
        font-size: 1.25em;
    }
    .cleaning .section_02 ul li div {
        background: #B6D3E3;
        border-radius: 20px;
        padding: 15px 10px;
    }
    .cleaning .section_02 ul li h3{
        text-align: center;
        font-size: 1.1em;
        font-weight: normal;
        margin-bottom: 1em;
    }
    .cleaning .section_02 ul li p{
    }
    .cleaning .section_03 dl{
        display: flex;
        justify-content: space-between;
        margin-bottom: 5em;
    }
    .cleaning .section_03 dl dt{
        width: 49%;
        text-align: center;
    }
    .cleaning .section_03 dl dd{
        width: 49%;
        text-align: center;
    }
    .cleaning .section_03 table {
        background: #B6D3E3;
        border-radius: 25px;
        border-spacing: 0px;
        margin: 0 auto;
    }
    .cleaning .section_03 table td {
        border-bottom: 3px solid #fff;
        border-right: 3px solid #fff;
        text-align: center;
        padding: 2em;
        font-size: 1.25em;
    }     
    .cleaning .section_04{
        background: #F3F2EE;
    }
    .cleaning .section_04 dl dt {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .cleaning .section_04 dl dt p{
        width: 40%;
        font-size: 1.25em;
        margin-bottom: 2em;
    }
    .cleaning .section_04 dl dt p span{
        color: #7DB3CB;
    }
    .cleaning .section_04 dl dt .wrap{
        width: 25%;
        text-align: left;
    }
    .cleaning .section_05 .wrap {
        background: #B6D3E3;
        padding: 1em;
        line-height: 2;
        margin: 0 auto;
        max-width: 610px;
        border-radius: 20px;
        margin-bottom: 5em;
        position: relative;
    }
    .cleaning .section_05 .wrap::before {
        content: "";
        position: absolute;
        top: -12px;
        bottom: -12px;
        left: -12px;
        right: -12px;
        border: solid 3px #7DB3CB;
        border-radius: 20px;
        z-index: -1;
    }
    .cleaning .section_05 .wrap02 {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 5em auto 10em;
        flex-wrap: wrap;
    }
    .cleaning .section_05 .wrap02 dt {
        font-size: 2.5em;
        font-weight: bold;
        border-bottom: 7px double #b7b7b7;
    }
    .cleaning .section_05 .wrap02 dt a{
      color: #333;
    }
    .cleaning .section_05 .wrap02 dt span{
      font-size: 0.5em;
      padding-right: 3em;
    }
    .cleaning .section_05 .wrap02 dd .mail {
        background: #B6D3E3;
        color: #333333;
        border-radius: 25px;
        padding: 10px 0 12px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cleaning .section_05 .wrap02 dd .mail i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
        color: #7DB3CB;
    }
    .cleaning .section_05 .wrap03{
        display: flex;
        justify-content: space-between;
        margin: 5em auto;
        flex-wrap: wrap;
    }
    .cleaning .section_05 .wrap03 h4{
        font-size: 1.25em;
        padding: 10px 0;
    }
    .cleaning .section_05 .wrap03 dt {
        width: 48%;
        margin-bottom: 3em;
    }
    .cleaning .section_05 .wrap03 dd{
        width: 48%;
        margin-bottom: 3em;
    }
/*　商品販売 */

    .goods section{
      padding: 5em 0;
    }
    .goods .page-header{
        background: url("../img/img30.png");
        background-size: cover;
        padding: 10em;
    }
    .goods .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 350px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .goods h2 {
        font-size: 1.5em;
        text-align: center;
        margin: 0 auto 3em;
        position: relative;
        display: block;
        width: max-content;
    }
    .goods h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.5em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #7db3cb;
    }
    .goods .section_01 .inner_S .wrap01 {
        margin:5em auto;
        text-align: center;
    }
    .goods .section_01 .inner .wrap02{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 3em auto;
        flex-wrap: wrap;
    }
    .goods .section_01 .inner .wrap02 dt{
        width: 45%;
    }
    .goods .section_01 .inner .wrap02 dd{
        width: 50%;
        text-align: center;
    }
    .goods .section_01 .inner .wrap03{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 3em auto;
        flex-wrap: wrap;
    }
    .goods .section_01 .inner .wrap03 dt{
        width: 30%;
    }
    .goods .section_01 .inner .wrap03 dd{
        width: 65%;
        text-align: center;
    }
    .goods .section_01 .inner .wrap03 dd p{
        text-align: left;
    }
    .goods .section_01 .inner .wrap03 dd div{
        margin: 3em auto;
        text-align: center;
    }
    .goods .section_01 .inner .wrap03 dd p .red{
        color: #E54C5A;
    }
    .goods .section_01 .inner .wrap03 dd p .green{
        color: #66AA69;
    }
    .goods .section_01 .inner .wrap04{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .goods .section_01 .inner .wrap04 li {
        width: 17%;
        text-align: center;
        margin: 1em auto;
    }
    .goods .section_01 .inner .wrap05{
        margin: 5em auto;
        text-align: center;
    }
    .goods .section_01 .inner .wrap05 p{
        font-size: 1.5em;
    }
    .goods .section_01 .inner .wrap06 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1em auto 0;
    }
    .goods .section_01 .inner .wrap07{
        max-width: 700px;
        margin: 10em auto 3em;
        display: flex;
        justify-content: center;
    }
    .goods .section_01 .inner .wrap08 {
        display: flex;
        justify-content: space-between;
        max-width: 1000px;
        margin: 0 auto;
    }
    .goods .section_01 .inner .wrap08 dt{
        width: 48%;
        text-align: center;
    }
    .goods .section_01 .inner .wrap08 dd{
        width: 48%;
        text-align: center;
    }
    .goods .section_01 .inner .h3ttl{
        text-align: center;
        position: relative;
        z-index: 1;
        margin-top: 10em;
    }
    .goods .section_01 .inner .h3ttl img{
        background: #fff;
        padding: 0 3em;
    }
    .goods .section_01 .inner .h3ttl:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #7DB3CB;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
    }
    .goods .section_01 .inner .h4ttl{
        text-align: center;
        font-size: 1.5em;
        margin-top: 1em;
        letter-spacing: 2px;
    }
    .goods .section_01 .inner .wrap09 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 3em auto;
    }
    .goods .section_01 .inner .wrap09 li {
        width: 30%;
        background: #F3F2EE;
        box-shadow: 0 0 5px 5px #e9e9e9;
        margin-bottom: 3em;
        border-radius: 10px;
    }
    .goods .section_01 .inner .wrap09 li img{
        width: 100%;
        object-fit: cover;
        max-height: 266px;
        overflow: hidden;
    }
    .goods .section_01 .inner .wrap09 li{
        padding: 5px 1em 1em;
    }
    .goods .section_01 .inner .wrap09 li p {
        letter-spacing: 2px;
        color: #707070;
        font-size: 0.9em;
    }
    .goods .section_01 .inner .wrap09 li p span{
        font-size: 1.25em;
        color: #333333;
    }
    .goods .section_01 .inner .wrap09 li h4{
        font-weight: normal;
    } 
    .goods .section_01 .inner .wrap10 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 5em auto 0;
        flex-wrap: wrap;
    }
    .goods .section_01 .inner .wrap10 dt {
        font-size: 2em;
        border-bottom: 7px double #b7b7b7;
    }
    .goods .section_01 .inner .wrap10 dt a{
      color: #333;
    }
    .goods .section_01 .inner .wrap10 dt span{
      font-size: 0.5em;
      padding-right: 3em;
    }
    .goods .section_01 .inner .wrap10 dd .mail {
        background: #7db3cb;
        color: #fff;
        border-radius: 25px;
        padding: 10px 0 12px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .goods .section_01 .inner .wrap10 dd .mail i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }
    .goods .section_01 .inner .wrap10 dd .line {
        color: #616161;
        padding: 10px 0 12px;
        font-weight: bold;
        width: 220px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
    }
    .goods .section_01 .inner .wrap10 dd .line img{
        margin-right: 1em;
    }
    .goods .section_01 .inner .wrap10 dd .line p{
        font-size: 0.9em;
    }    
    .goods .section_02{
        background: #F3F2EE;
        padding: 5em;
    }
    .goods .section_02 h2 {
        width: 100%;
    }
    .goods .section_02 h2 span {
        background: #f3f2ee;
        position: relative;
        padding: 0 2em;
    }
    .goods .section_02 h2:before {
        content: "";
        height: 6px;
        background: #7DB3CB;
        width: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .goods .section_02 .wrap{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .goods .section_02 .wrap li{
        font-size: 1.2em;
        margin-bottom: 1em;
    }
    .goods .section_02 .wrap li img{
        margin-left: 1em;
    }
    .goods .section_02 .wrap li span {
        font-size: 0.8em;
        margin-left: 1.2em;
        text-indent: -1.2em;
    }
    .goods .section_02 .contact {
        background: #7DB3CB;
        color: #fff;
        font-size: 1.2em;
        text-align: center;
        padding: 10px;
    }

/* 石造り */

    .stone section{
      padding: 5em 0;
    }
    .stone .page-header{
        background: url("../img/img30.png");
        background-size: cover;
        padding: 10em;
    }
    .stone .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 350px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .stone h2 {
        font-size: 1.5em;
        text-align: center;
        margin: 0 auto 2em;
        position: relative;
        display: block;
        width: max-content;
    }
    .stone h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.75em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #C6AFD0;
    }
    .stone .section_01 .wrap_01{
        display: flex;
        justify-content: space-between;
    }
    .stone .section_01 .wrap_01 dt{
      width: 40%;
    }
    .stone .section_01 .wrap_01 dd{
      width: 58%;
    }
    .stone .section_02 ul{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .stone .section_02 ul li{
      width: 30%;
    }
    .stone .section_02 .img-wrap {
        margin-top: 3em;
        text-align: center;
    }
    .stone .section_02 h3 {
        text-align: center;
        position: relative;
        font-size: 1.4em;
        margin-bottom: 2em;
    }
    .stone .section_02 h3 span{
      background: #fff;
      padding: 0 1em 1em;
      position: relative;
    }
    .stone .section_02 h3:before {
        content: "";
        background: #C6AFD0;
        height: 6px;
        width: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        left: 0;
    }
    .stone .section_02 .txt-wrap{
      text-align: center;
      margin-bottom: 3em;
    }
    .stone .section_02 .wrap_02 {
        max-width: 600px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1em;
    }
    .stone .section_02 .wrap_02 dt {
        width: 23%;
        background: #BDA3CE;
        color: #fff;
        border-radius: 13px;
        font-size: 1.5em;
        text-align: center;
    }
    .stone .section_02 .wrap_02 dd{
      width: 70%;
    }
    .stone .section_02 .wrap_03 {
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1em;
        margin-top: 3em;
    }
    .stone .section_02 .wrap_03 dt{
      width: 50%;
    }
    .stone .section_02 .wrap_03 dt h4{
      font-size: 1.25em;
      display: flex;
      align-items: center;
    }
    .stone .section_02 .wrap_03 dt h4 span {
        color: #BDA3CE;
        margin-right: 10px;
        font-size: 1.5em;
    }
    .stone .section_02 .wrap_03 dt li{
      text-align: center;
    }
    .stone .section_02 .wrap_03 dt li span {
        position: relative;
        text-align: center;
        display: block;
        margin-bottom: 1em;
    }
    .stone .section_02 .wrap_03 dt li span:before {
        content: "";
        position: absolute;
        border-bottom: 3px solid #BDA3CE;
        display: block;
        width: 47px;
        margin: 0 auto 1em;
        bottom: -17px;
        left: 0;
        right: 0;
    }
    .stone .section_02 .wrap_03 dd{
      width: 50%;
    }
    .stone .section_02 .wrap_03 dd h4{
      font-size: 1.25em;
      display: flex;
      align-items: center;
    }
    .stone .section_02 .wrap_03 dd h4 span{
      color: #BDA3CE;
      margin-right: 10px;
      font-size: 1.5em;
    }
    .stone .section_02 .wrap_03 ul{
      justify-content: center;
    }
    .stone .section_02 .wrap_03 dd li{
      text-align: center;
    }
    .stone .section_02 .wrap_03 dd li span {
        position: relative;
        text-align: center;
        display: block;
        margin-bottom: 1em;
    }
    .stone .section_02 .wrap_03 dd li span:before {
        content: "";
        position: absolute;
        border-bottom: 3px solid #BDA3CE;
        display: block;
        width: 47px;
        margin: 0 auto 1em;
        bottom: -17px;
        left: 0;
        right: 0;
    }
    .stone .section_02 .h4_wrap {
        text-align: center;
        font-size: 1.5em;
        margin: 3em auto;
        position: relative;
        width: max-content;
        z-index: 10;
    }
    .stone .section_02 .h4_wrap:before {
        position: absolute;
        content: "";
        background: #BDA3CE;
        height: 7px;
        width: 100%;
        bottom: 8px;
        z-index: -1;
        left: -2px;
    }
    .stone .section_02 .wrap_04 {
        border-radius: 13px;
        background: #E7DBEC;
        padding: 1.5em;
    }
    .stone .section_02 .wrap_04 h5{
      font-size: 1.1em;
      margin-bottom: 5px;
    }
    .stone .section_02 .h4_wrap_02 {
        text-align: center;
        font-size: 1.5em;
        margin: 3em auto 0;
        width: max-content;
        border-bottom: 7px double;
    }
    .stone .section_03 .img-wrap{
      text-align: center;
    }
    .stone .section_03 h3 {
        text-align: center;
        position: relative;
        font-size: 1.4em;
        margin-bottom: 2em;
    }
    .stone .section_03 h3:before {
        content: "";
        background: #7DB3CB;
        height: 6px;
        width: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        left: 0;
    }
    .stone .section_03 h3 span {
        background: #fff;
        padding: 0 1em 1em;
        position: relative;
    }    
    .stone .section_03 dl{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .stone .section_03 dl dt{
        width: 48%;
    }
    .stone .section_03 dl dd{
        width: 48%;
        line-height: 2.5;
    }
    .stone .section_04{
        background: #F3F2EE;
    }
    .stone .section_04 h2:before{
          background: #BDD9E5;
    }
    .stone .section_04 ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .stone .section_04 ul li{
        width: 18%;
    }
    .stone .section_04 ul li span {
        text-align: center;
        border-bottom: 4px solid #B6D3E3;
        display: flex;
        margin: 0 auto 1em;
        justify-content: center;
        width: fit-content;
        padding: 0 10px;
        font-size: 1.25em;
    }
    .stone .section_04 ul li div {
        background: #B6D3E3;
        border-radius: 20px;
        padding: 15px 10px;
    }
    .stone .section_04 ul li h3{
        text-align: center;
        font-size: 1.1em;
        font-weight: normal;
        margin-bottom: 1em;
    }
    .stone .section_04 ul li p{
    }
    .stone .section_05 dl {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
    .stone .section_05 dl dt{
        text-align: center;
        border-bottom: 7px double;
        font-size: 1.5em;
    }
    .stone .section_05 dl dd {
        border-radius: 23px;
        border: 2px solid #7DB3CB;
        text-align: center;
        color: #707070;
        font-size: 0.9em;
        padding: 5px 10px;
    }
    .stone .section_05 dl dd i{
      margin-left: 10px;
    }

    .stone .section_06 .img-wrap{
      text-align: center;
    }
    .stone .section_06 h3 {
        text-align: center;
        position: relative;
        font-size: 1.4em;
        margin-bottom: 2em;
    }
    .stone .section_06 h3:before {
        content: "";
        background: #92BB93;
        height: 6px;
        width: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        left: 0;
    }
    .stone .section_06 h2:before{
        background: #92BB93;
    }
    .stone .section_06 h3 span {
        background: #fff;
        padding: 0 1em 1em;
        position: relative;
    }    
    .stone .section_06 dl{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .stone .section_06 dl dt{
        width: 48%;
    }
    .stone .section_06 dl dd{
        width: 48%;
        line-height: 2.5;
    }    
    .mt-1{
      margin-top: 3em;
    }
    .stone .section_06 .green{
      color: #4E7B45;
    }
    .stone .section_06 .orange{
      color: #DF994A;
    }
    .stone .section_06 .purple{
      color: #B34ADF;
    }

/*　粉骨について　*/
    .smelting section{
      padding: 5em 0;
    }
    .smelting .page-header{
        background: url("../img/img30.png");
        background-size: cover;
        padding: 10em;
        position: relative;
    }
    .smelting .page-header .menu-wrap {
        position: fixed;
        right: 0;
        top: 13%;
        background: #fff;
        height: fit-content;
        margin: auto;
        border-radius: 10px;
        padding: 15px 20px;
        text-align: center;
        line-height: 1.7;
        font-size: 1.2em;
        box-shadow: 1px 1px 5px 2px #c1c1c1;
    }
    .smelting .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 350px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .smelting h2 {
        font-size: 1.5em;
        text-align: center;
        margin: 0 auto 2em;
        position: relative;
        display: block;
        width: max-content;
    }
    .smelting h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.75em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #7DB3CB;
    }

          .smelting .section_01 .wrap_03{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
          }
          .smelting .section_01 .wrap_03 dt{
            width: 45%;
          }
          .smelting .section_01 .wrap_03 dd{
            width: 53%;
            line-height: 2;
          }
      .smelting .section_01 .wrap_05 {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          margin: 3em 0 0;
          flex-wrap: wrap;
      }
      .smelting .section_01 .wrap_05 li {
          width: 150px;
          border: 5px solid #7DB3CB;
          border-radius: 50%;
          height: 150px;
          text-align: center;
          font-size: 1.2em;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 10px;
      }
      .smelting .section_01 .wrap_01 {
          border: 5px solid #7DB3CB;
          padding: 10px 1em;
          margin: 5em auto 3em;
          text-align: center;
          max-width: 483px;
          font-size: 1.5em;
      }
      .smelting .section_01 .wrap_02{
          margin: 0 auto;
      }
      .smelting .section_01 .wrap_02 p{
          text-indent: -2em;
          padding-left: 2em;
      }
      .smelting .section_01 .wrap_02 span{
        color: #BDD9E5;
        margin-right: 1em;
      }
      .smelting .section_01 .wrap_04{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 3em;
      }
      .smelting .section_01 .wrap_04 dt{
        width: 49%;
        text-align: center;
      }
      .smelting .section_01 .wrap_04 dd{
        width: 49%;
        text-align: center;
      }
      .smelting .section_01 .wrap_06 {
          display: flex;
          justify-content: space-between;
          margin: 3em 0 0;
          flex-wrap: wrap;
      }
      .smelting .section_01 .wrap_06 li{
        width: 25%;
        text-align: center;
      }
      .smelting .section_01 h3 {
          text-align: center;
          position: relative;
          font-size: 1.4em;
          margin-bottom: 2em;
          margin-top: 3em;
      }
      .smelting .section_01 h3:before {
          content: "";
          background: #BDD9E5;
          height: 6px;
          width: 100%;
          top: 0;
          bottom: 0;
          margin: auto;
          position: absolute;
          left: 0;
          z-index: -1;
      }
      .smelting .section_01 h3 span {
          background: #fff;
          padding: 0 1em 1em;
          position: relative;
      }
      .smelting .section_01 h4 {
          text-align: center;
          font-size: 1.5em;
          margin: 3em auto;
          position: relative;
          width: max-content;
          z-index: 10;
      }
      .smelting .section_01 h4:before {
          position: absolute;
          content: "";
          background: #BDD9E5;
          height: 7px;
          width: 100%;
          bottom: 0px;
          z-index: -1;
          border-radius: 13px;
      }
      .smelting .section_01 .txt{
        text-align: center;
      }
      .smelting .section_02{
        background: #F2F1ED;
      }
      .smelting .section_02 dl{
        display: flex;
        justify-content: space-between;
        border-radius: 15px;
        flex-wrap: wrap;
        background: #fff;
        margin-bottom: 1em;
      }
      .smelting .section_02 dl dt {
          width: 27%;
          border-radius: 15px;
          background: #BDD9E5;
          font-size: 1.3em;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 2em;
      }
      .smelting .section_02 dl dd{
        width: 73%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
          padding: 2em;
      }
      .smelting .section_02 dl dd p{
        width: 100%;
      }
      .smelting .section_02 dl dd .img-wrap {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          margin: 1em;
          width: 100%;
          text-align: center;
      }
      .smelting .section_02 dl dd .img-wrap p{
        text-align: center;
        font-size: 0.8em;
      }
      .smelting .section_03 .wrap_01 {
          display: flex;
          justify-content: space-between;
          margin-bottom: 3em;
          flex-wrap: wrap;
      }
      .smelting .section_03 .wrap_01 dt{
        width: 38%;
      }
      .smelting .section_03 .wrap_01 dd{
        width: 60%;
      }
      .smelting .section_03 .wrap_01 dd table {
          width: 100%;
          border-radius: 13px;
          background: #BDD9E5;
          border-collapse: collapse;
          font-size: 1.2em;
          font-weight: bold;
          text-align: center;
      }
      .smelting .section_03 .wrap_01 dd table tr {
          border-collapse: separate;
          border-bottom: 3px solid #fff;
      }
      .smelting .section_03 .wrap_01 dd table tr:last-child {
          border-bottom: 0px;
      }
      .smelting .section_03 .wrap_01 dd table th {
          width: 20%;
          border-right: 3px solid #fff;
          padding: 1em;
      }
      .smelting .section_03 .wrap_01 dd table th:last-child{
        border-right: 0px;
        width: 30%;
        font-size: 1.2em;
      }
      .smelting .section_03 .wrap_01 dd table tr th:nth-child(2){
        width: 50%;
      }
      .smelting .section_03 .wrap_01 dd table td {
          width: 20%;
          border-right: 3px solid #fff;
      }
      .smelting .section_03 .wrap_01 dd table td:last-child{
        border-right: 0px;
      }
      .smelting .section_03 .wrap_01 dd table td th:nth-child(2){
        width: 50%;
      }
      .smelting .section_03 .wrap_01 dd table tr th dl {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          line-height:2.5;
      }
      .smelting .section_03 .wrap_01 dd table tr th dl dt{
        width: 40%;
        text-align: left;
      }
      .smelting .section_03 .wrap_01 dd table tr th dl dd{
        width: 40%;
        text-align: left;
      }
      .smelting .section_03 .wrap_01 dd table td {
          width: 20%;
          border-right: 3px solid #fff;
          padding: 1em;
      }
      .smelting .section_03 .wrap_01 dd table td:last-child{
        border-right: 0px;
        width: 30%;
        font-size: 1.2em;
      }
      .smelting .section_03 .wrap_01 dd table tr td dl {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          line-height:2.5;
      }
      .smelting .section_03 .wrap_01 dd table tr td dl dt{
        width: 40%;
        text-align: left;
      }
      .smelting .section_03 .wrap_01 dd table tr td dl dd{
        width: 40%;
        text-align: left;
      }
      .smelting .section_03 .wrap_02 {
          display: flex;
          justify-content: space-between;
          margin-bottom: 3em;
          align-items: center;
          flex-wrap: wrap;
      }
      .smelting .section_03 .wrap_02 dt{
        width: 38%;
      }
      .smelting .section_03 .wrap_02 dd{
        width: 60%;
      }
      .smelting .section_03 .wrap_02 dd dl{
        display: flex;
        justify-content: space-between;
        margin-bottom: 3em;
      }
      .smelting .section_03 .wrap_02 dd dl dt {
          background: #BDD9E5;
          padding: 1em;
          text-align: center;
          width: 30%;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 13px;
          font-size: 1.2em;
          font-weight: bold;
      }
      .smelting .section_03 .wrap_02 dd dl dd {
        width: 68%;
      }   
      .smelting .section_04{
        background: #F2F1ED;
      }
      .smelting .section_04 .wrap_01{
        margin-top: -8em;
      }
      .smelting .section_04 .wrap_01 dd{
        margin-top: -3em;
        margin-bottom: 5em;
      }
      .smelting .section_04 .wrap_02{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
      }
      .smelting .section_04 .wrap_02 dt{
        width: 38%;
      }
      .smelting .section_04 .wrap_02 dd {
          width: 60%;
          background: #fff;
          border-radius: 13px;
          padding: 2em;
      }
      .smelting .section_04 .wrap_02 dd ul {
          display: flex;
          justify-content: space-between;
          background: #BDD9E5;
          border-radius: 13px;
          text-align: center;
          align-items: center;
          font-weight: bold;
          margin-top: 3em;
      }
      .smelting .section_04 .wrap_02 dd ul li {
          width: 30%;
          border-right: 3px solid #fff;
          padding: 1em;
      }
      .smelting .section_04 .wrap_02 dd ul li:nth-child(2){
        width: 35%;
        font-size: 1.2em;
          padding: 1em;
      }
      .smelting .section_04 .wrap_02 dd ul li:nth-child(3){
        width: 35%;
        border-right: 0px;
        font-size: 1.2em;
          padding: 1em;
      }
      .smelting .section_05 .wrap_01{
        display: flex;
        justify-content: space-between;
      }
      .smelting .section_05 .wrap_01 dt{
        width: 38%;
      }
      .smelting .section_05 .wrap_01 dd{
        width: 60%;
      }
      .smelting .section_05 .wrap_01 ul{
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .smelting .section_05 .wrap_01 ul li{
        width: 30%;
      }
      .smelting .section_05 .wrap_01 ul li:nth-child(2){
        width: 68%;
        text-align: center;
      }
      .smelting .section_05 .wrap_01 ul li .tel {
          font-size: 2em;
          border-bottom: 7px double;
          max-width: 340px;
          margin: 0 auto 1em;
          font-weight: bold;
      }
      .smelting .section_05 .wrap_01 ul li .tel span{
        font-size: 0.8em;
        margin-right: 2em;
      }
      .smelting .section_05 .wrap_01 ul li .mail {
          background: #BDD9E5;
          border-radius: 23px;
          max-width: 250px;
          margin: 0 auto;
      }
      .smelting .section_05 .wrap_01 ul li .mail i{
        margin-left: 1em;
      }
      .smelting .section_05 .wrap_02 {
          max-width: 480px;
          margin: 5em auto;
          text-align: center;
      }
      .smelting .section_05 .wrap_02 .ttl{
        border:5px solid #BDD9E5;
        font-size: 1.5em;
        padding: 0.5em 1em;
      }
      .smelting .section_05 .wrap_02 dl {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin: 2em auto;
      }
      .smelting .section_05 .wrap_02 dl dt{
        width: 50%;
      }
      .smelting .section_05 .wrap_02 dl dd{
        width: 50%;
      }
      .smelting .section_05 .wrap_02 dl .sq{
        color: #BDD9E5;
        font-size: 1.5em;
        margin-right: 10px;
      }
      .smelting .section_05 .wrap_02 dl .large {
          font-size: 1.5em;
          width: 100%;
          margin-top: 1em;
          display: block;
      }
      .smelting .section_06{
        background: #F2F1ED;
      }
      .smelting .section_06 .txt{
        text-align: center;
      }
      .smelting .section_06 .wrap_01 {
          background: #BDD9E5;
          border-radius: 15px;
          font-size: 1.25em;
          font-weight: bold;
          margin: 1em auto;
          padding: 1em;
      }
      .smelting .section_06 .wrap_01 span{
        text-indent: -1em;
        padding-left: 1em;
      }
      .mb-1{
        margin-bottom: 1em;
      }      
      .smelting .section_07 p{
        font-size: 1.2em;
        text-align: center;
      }
      .smelting .section_07 dl {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          align-items: center;
          margin-top: 3em;
      }
      .smelting .section_07 dl dt{
        width: 50%;
      }
      .smelting .section_07 dl dd{
        width: 50%;
      }
    .smelting .section_07 dl dt .tel {
        font-size: 2.5em;
        border-bottom: 7px double;
        max-width: 415px;
        margin: 0 auto;
        text-align: center;
        font-weight: bold;
    }
      .smelting .section_07 dl dt .tel span{
        font-size: 0.7em;
        margin-right: 2em;
      }
      .smelting .section_07 dl dd .mail {
        background: #BDD9E5;
        border-radius: 23px;
        max-width: 250px;
        margin: 0 auto;
        text-align: center;
      }
      .smelting .section_07 dl dd .mail i{
        margin-left: 1em;
      }
      .smelting .section_08{
        background: #F3F2EE;
      }
      .smelting .section_08 .txt{
        text-align: center;
        padding-bottom: 3em;
      }
      .smelting .section_08 .txt span{
        border-bottom: 7px double;
      }
      .smelting .section_08 .wrap_01{
        background: #BDD9E5;
        border-radius: 15px;
        padding: 2em;
      }
      .smelting .section_08 .wrap_02 {
          border-left: 3px solid #fff;
          margin-bottom: 3em;
          padding-left: 2em;
          padding-bottom: 1em;
      }
      .smelting .section_08 .wrap_02 h3{
        margin-bottom: 1em;
      }

      /*ペットの納骨・粉骨*/
    .pet section{
      padding: 5em 0;
    }
    .pet .page-header{
        background: url("../img/img30.png");
        background-size: cover;
        padding: 10em;
    }
    .pet .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 350px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .pet h2 {
        font-size: 1.5em;
        text-align: center;
        margin: 0 auto 2em;
        position: relative;
        display: block;
        width: max-content;
    }
    .pet h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.75em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #B5D5AB;
    }
    .pet .section_01 .wrap_01 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 5em;
        flex-wrap: wrap;
    }
    .pet .section_01 .wrap_01 dt{
      width: 45%;
    }
    .pet .section_01 .wrap_01 dd{
      width: 50%;
    }
    .pet .section_01 h3 {
        text-align: center;
        position: relative;
        font-size: 1.4em;
        margin-bottom: 2em;
    }
    .pet .section_01 h3 span{
      background: #fff;
      padding: 0 1em 1em;
      position: relative;
    }
    .pet .section_01 h3:before {
        content: "";
        background: #B5D5AB;
        height: 6px;
        width: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        left: 0;
    }
    .pet .section_01 .txt{
      text-align: center;
    }
    .pet .section_01 .wrap_02 {
        background: #B5D5AB;
        border-radius: 15px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        font-size: 1.5em;
        max-width: 800px;
        margin: 3em auto;
    }
    .pet .section_01 .wrap_02 dt {
        width: 50%;
        border-bottom: 3px solid #fff;
        border-right: 3px solid #fff;
        padding: 1.75em 0;
    }
    .pet .section_01 .wrap_02 dd {
        width: 50%;
        border-bottom: 3px solid #fff;
        padding: 1.75em 0;
    }
    .pet .section_01 .wrap_03 {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 3em auto;
        justify-content: space-between;
    }
    .pet .section_01 .wrap_03 dt{
      width: 28%;
    }
    .pet .section_01 .wrap_03 dd{
      width: 68%;
    }
    .pet .section_01 .wrap_04 {
        background: #B5D5AB;
        border-radius: 15px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        font-size: 1.5em;
        max-width: 800px;
    }
    .pet .section_01 .wrap_04 dt{
        width: 50%;
        border-bottom: 3px solid #fff;
        border-right: 3px solid #fff;
        padding: 1.75em 0;
    }
    .pet .section_01 .wrap_04 dd{
        width: 50%;
        border-bottom: 3px solid #fff;
        padding: 1.75em 0;
    }
    .pet .section_02{
        background: #F3F2EE;
    }
    .pet .section_02 .wrap_07{
        display: flex;
        justify-content: space-between;
    }
    .pet .section_02 .wrap_07 li {
        width: 20%;
        position: relative;
        flex-wrap: wrap;
        align-items: stretch;
        display: flex;
    }
    .pet .section_02 .wrap_07 li:before {
        content: url(../img/img90.png);
        position: absolute;
        right: -19%;
        top: 25%;
        bottom: 0;
        margin: auto;
        height: 30px;
    }
    .pet .section_02 .wrap_07 li:last-child:before{
    }
    .pet .section_02 .wrap_07 li span {
        text-align: center;
        border-bottom: 4px solid #B5D5AB;
        margin: 0 auto 1em;
        padding: 0 10px;
        font-size: 1.25em;
        height: 45px;
    }
    .pet .section_02 .wrap_07 li .wrap_05{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        height: auto;
    }
    .pet .section_02 .wrap_07 li .wrap_06 {
        background: #B5D5AB;
        border-radius: 20px;
        padding: 15px 10px;
        width: 100%;
        max-height: 200px;
        height: 100%;
    }
    .pet .section_02 .wrap_07 li h3{
        text-align: center;
        font-size: 1.1em;
        font-weight: normal;
        margin-bottom: 1em;
    }
    .pet .section_02 .wrap_08{
      margin: 5em auto 0;
      text-align: center;
    }
    .pet .section_03 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 5em;
    }
    .pet .section_03 ul li {
        width: 30%;
        text-align: center;
    }
    .pet .section_03 ul li p {
        text-align: left;
        position: relative;
        margin-top: 1em;
    }
    .pet .section_03 ul li p:before {
        content: "";
        background: #B5D5AB;
        width: 20px;
        height: 20px;
        position: absolute;
        left: -30px;
        top: 6px;
    }    
    .pet .section_03 .wrap_09 {
        background: #B5D5AB;
        border-radius: 15px;
        padding: 20px 50px;
        font-size: 1.25em;
    }
    .pet .section_03 .wrap_10 h3{
        text-align: center;
        padding-top: 5em;
        border-bottom: 6px double #707070;
        width: max-content;
        margin: 0 auto;
    }
    .pet .section_03 .wrap_10 dl {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 5em auto;
        flex-wrap: wrap;
    }
    .pet .section_03 .wrap_10 dl dt{
        text-align: center;
        border-bottom: 7px double;
        font-size: 2em;
        font-weight: bold;
        padding: 0 10px;
    }
    .pet .section_03 .wrap_10 dl dt span{
      font-size: 0.6em;
      padding-right: 2em;
    }
    .pet .section_03 .wrap_10 dl dd {
        border-radius: 23px;
        background: #B5D5AB;
        text-align: center;
        color: #707070;
        font-size: 0.9em;
        padding: 5px 20px;
        font-weight: bold;
    }
    .pet .section_03 .wrap_10 dl dd i{
      margin-left: 10px;
    }

  /*　お寺情報 */
    .temple section{
      padding: 5em 0;
    }
    .temple .page-header{
        background: url("../img/img30.png");
        background-size: cover;
        padding: 10em;
    }
    .temple .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 350px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .temple h2 {
        font-size: 1.5em;
        text-align: center;
        margin: 0 auto 2em;
        position: relative;
        display: block;
        width: max-content;
    }
    .temple h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.75em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #B5D5AB;
    }
    .temple .section_01 ul{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .temple .section_01 ul li{
      width: 32%;
    }
    .temple .section_01 .index-list h3 {
        font-size: 1.5em;
        text-align: left;
        margin: 0;
        padding: 10px 0;
    }
    .temple .section_01 .index-list h3:before{
      content: none;
    }
    .temple .section_01 ul .index-list-01 h3{
        border-bottom: 7px double #b7b7b7;
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 1em;
        text-align: center;
    }
    .temple .section_01 .index-list li p {
        font-weight: bold;
        margin-bottom: 1em;
        line-height: 2;
        min-height: 80px;
    }
    .temple .section_01 ul .index-list-01 p {
        text-align: center;
        font-size: 1.1em;
        line-height: 2;
        font-weight: normal;
    }
    .temple .section_01 .list {
        border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 5px 0 7px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 3em auto 3em;
    }
    .temple .section_01 .list i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }

      /*プライバシーポリシー*/
    .policy section{
      padding: 5em 0;
    }
    .policy .page-header{
        background: url("../img/img30.png");
        background-size: cover;
        padding: 10em;
    }
    .policy .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 350px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .policy h2 {
        font-size: 1.5em;
        text-align: center;
        margin: 0 auto 2em;
        position: relative;
        display: block;
        width: max-content;
    }
    .policy h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.75em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #B5D5AB;
    }    
    .policy .section_01 p{
      margin-bottom: 5em;
    }
    /* お問い合わせ */
    .contact section{
      padding: 5em 0;
    }
    .contact .page-header{
        background: url("../img/img30.png");
        background-size: cover;
        padding: 10em;
        position: relative;
    }
    .contact .page-header .menu-wrap {
        position: fixed;
        right: 0;
        top: 13%;
        background: #fff;
        height: fit-content;
        margin: auto;
        border-radius: 10px;
        padding: 15px 20px;
        text-align: center;
        line-height: 1.7;
        font-size: 1.2em;
        box-shadow: 1px 1px 5px 2px #c1c1c1;
    }
    .contact .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 350px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .contact h2 {
        font-size: 1.5em;
        text-align: center;
        margin: 0 auto 2em;
        position: relative;
        display: block;
        width: max-content;
    }
    .form {
        padding: 3em 0 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        font-size: 22px;
    }
    .form dt {
        width: 28%;
        margin-bottom: 2em;
        display: flex;
        align-items: center;
        justify-content: right;
    }
    .form dd{
        width:68%;
        margin-bottom: 2em;
    }
    .need{
        color: red;
    }
    .contact .txt{
        margin-top: 1em;
    }
    .contact .txt .link{
        color: #75A3FF;
        text-decoration: underline;
    }
    .contact .form button, input, select, textarea {
        border: 1px solid #707070;
        border-radius: 10px;
        padding: 10px;
    }
    .contact .form .wpcf7-list-item {
        width: 100%;
        margin: 0;
    }
    .contact .form .wpcf7-list-item label{
      cursor: pointer;
    }
    ::placeholder{
      color: #BBBBBB;
    }
    .contact .submit input[type="submit"] {
        text-align: center;
        background: #87B9CF;
        color: #fff;
        border-radius: 13px;
        max-width: 200px;
        letter-spacing: 5px;
        width: 100%;
        margin: 0 auto;
        display: block;
        border: none;
    }
    .wpcf7 {
      padding-bottom: 5em;
    }

/* お寺個別ページ */

    .temple-wrap-01 section{
      padding: 5em 0;
    }
    .temple-wrap-01 .page-header {
        background: url(../img/img92.png);
        background-size: cover;
        padding: 13em;
        position: relative;
        background-position: center center;
    }
    .fukujyuin .page-header {
        background: url(../img/fukujyuin19.png);
        background-size: cover;
        padding: 13em;
        position: relative;
        background-position: center center;
    }
    .kinshouji .page-header {
        background: url(../img/kinsyouji01.png);
        background-size: cover;
        padding: 13em;
        position: relative;
        background-position: center center;
    }
    .houshin .page-header {
        background: url(../img/houshin01.png);
        background-size: cover;
        padding: 13em;
        position: relative;
        background-position: center center;
    }
    .temple-wrap-01 .page-header .menu-wrap {
        position: fixed;
        right: 0;
        top: 13%;
        background: #fff;
        height: fit-content;
        margin: auto;
        border-radius: 10px;
        padding: 15px 20px;
        text-align: center;
        line-height: 1.7;
        font-size: 1.2em;
        box-shadow: 1px 1px 5px 2px #c1c1c1;
    }
    .temple-wrap-01 .page-header .page-ttl {
        background: #fff;
        border-radius: 30px;
        width: 420px;
        margin: 0 auto;
        text-align: center;
        padding: 5px 5px 7px;
        font-size: 1.2em;
        letter-spacing: 2px;
        color: #707070;
    }
    .temple-wrap-01 h2 {
        font-size: 1.5em;
        text-align: center;
        margin: 0 auto 2em;
        position: relative;
        display: block;
        width: max-content;
    }
    .temple-wrap-01 h2:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 14%;
        left: -0.75em;
        bottom: 0px;
        width: 5px;
        height: 80%;
        border-radius: 5px;
        background: #7DB3CB;
    }   
    .temple-wrap-01 .section_01{
    }
    .temple-wrap-01 .section_01 ul li a{
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      border-bottom: 3px solid #7DB3CB;
      align-items: center;
      padding-top: 1em;
      padding-bottom: 1em;
    }
    .temple-wrap-01 .section_01 ul li a .data {
        letter-spacing: 2px;
        margin-right: 3em;
        margin-left: 1em;
    }
    .temple-wrap-01 .section_01 ul li a .category {
        padding: 1px 10px;
        border-radius: 50px;
        margin-right: 2em;
        max-width: 140px;
        width: 100%;
        text-align: center;
        border: 1px solid #bbb;
    }
    .temple-wrap-01 .section_01 .more {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        margin-top: 3em;
    }
    .temple-wrap-01 .section_01 .more a {
        background: #fff;
        display: block;
        text-align: center;
        padding: 7px 20px 8px;
        border-radius: 50px;
        width: 200px;
        border:1px solid #7DB3CB;
    }
    .temple-wrap-01 .section_01 .more a i{
      padding-left: 1em;
    }
    .temple-wrap-01 .section_02{
      padding-bottom: 2em;
    }
    .temple-wrap-01 .section_03{
      background: #F4F0ED;
      padding: 3em 0;
    }

    .temple-wrap-01 .section_03 .dl-wrap-01{
        display: flex;
        justify-content: space-between;
        margin: 3em auto;
        flex-wrap: wrap;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dt-wrap-01 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 50%;
        max-width: 400px;
        margin: 0 auto;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dt-wrap-01 dl{
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
        border-bottom: 3px solid #fff;
        padding: 10px;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dt-wrap-01 dl:first-child{
        border-top:3px solid #fff;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dt-wrap-01 dl dt{
        width: 35%;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dt-wrap-01 dl dd {
        width: 65%;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dd-wrap-01{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 50%;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dd-wrap-01 dl{
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dd-wrap-01 dl dt {
        width: 27%;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dd-wrap-01 dl .ttl-01 span {
        text-align: center;
        background: #7DB3CB;
        color: #fff;
        width: 100%;
        display: block;
        border-radius: 10px;
        padding: 10px;
        font-size: 1.25em;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dd-wrap-01 dl .ttl-02 span{
        text-align: center;
        background: #CAAED5;
        color: #fff;
        width: 100%;
        display: block;
        border-radius: 10px;
        padding: 10px;
        font-size: 1.25em;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dd-wrap-01 dl .ttl-03 span{
        text-align: center;
        background: #92BB93;
        color: #fff;
        width: 100%;
        display: block;
        border-radius: 10px;
        padding: 10px;
        font-size: 1.25em;
    }
    .temple-wrap-01 .section_03 .dl-wrap-01 .dd-wrap-01 dl dd{
        width: 70%;
    }
    .temple-wrap-01 .section_04 dl {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        border-bottom: 1px solid #999;
    }
    .temple-wrap-01 .section_04 dl dt {
        max-width: 450px;
        margin: 3em auto ;
        width: 100%;
    }  
    .temple-wrap-01 .section_04 dl dt img{
      width: 100%;
    }
    .temple-wrap-01 .section_04 h3 {
        background: #7DB3CB;
        color: #fff;
        text-align: center;
        font-size: 1.5em;
        border-radius: 10px;
        padding: 10px;
        max-width: 250px;
        margin: 3em auto 1em;
    }
    .temple-wrap-01 .section_04 dl dt p{
        margin-top: 1em;
        position: relative;
      margin-left: 2em;
    }
    .temple-wrap-01 .section_04 dl dt p:before {
        content: "";
        position: absolute;
        top: 6px;
        left: -30px;
        background: #7DB3CB;
        width: 20px;
        height: 20px;
    }
    .temple-wrap-01 .section_04 dl dd {
        max-width: 450px;
        margin: 3em auto ;
        width: 100%;
        position: relative;
    }
    .temple-wrap-01 .section_04 dl dd:before {
        content: "";
        width: 1px;
        background: #999;
        position: absolute;
        height: -webkit-fill-available;
        left: -5em;
    }
    .temple-wrap-01 .section_04 dl dd h3 {
        background: #7DB3CB;
        color: #fff;
        text-align: center;
        font-size: 1.5em;
        margin-bottom: 1em;
        border-radius: 10px;
        padding: 10px;
    }
    .temple-wrap-01 .section_04 dl dd p{
        margin-top: 1em;
        position: relative;
      margin-left: 2em;
    }
    .temple-wrap-01 .section_04 dl dd p:before {
        content: "";
        position: absolute;
        top: 6px;
        left: -30px;
        background: #7DB3CB;
        width: 20px;
        height: 20px;
    }
    .temple-wrap-01 .section_04 .pet-ttl {
        background: #DFECDB;
        color: #707070;
    }
    .temple-wrap-01 .section_04 .pet-wrap p:before {
        background: #DFECDB;
    }
    .temple-wrap-01 .section_04 .pet-wrap{
      border-bottom: none;
    }
    .temple-wrap-01 .section_04 .pet-wrap dd:before{
      content: none;
    }
    .temple-wrap-01 .section_04 .page-wrap{
      display: flex;
      justify-content: center;
      border:none;
      font-size: 1.5em;
    }
    .temple-wrap-01 .section_04 .page-wrap dt{
      padding-right: 1em;
    }
    .temple-wrap-01 .section_04 .page-wrap dd{
      padding-left: 1em;
    }
    .temple-wrap-01 .section_05 h3{
        text-align: center;
        border-bottom: 4px double;
        width: max-content;
        margin: 0 auto;
        padding-bottom: 3px;
    }
    .temple-wrap-01 .section_05 dl {
        display: flex;
        justify-content: space-around;
        border-bottom: 6px double;
        margin: 3em auto;
        align-items: center;
        max-width: max-content;
        flex-wrap: wrap;
    }
    .temple-wrap-01 .section_05 dl dt {
        font-size: 1.75em;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .temple-wrap-01 .section_05 dl dt span {
        font-size: 0.5em;
        margin-right: 2em;
        padding-top: 4px;
    }
    .temple-wrap-01 .section_05 dl dd {
        font-size: 1.75em;
        font-weight: bold;
        display: flex;
        align-items: center;
        margin-left: 2em;
    }
    .temple-wrap-01 .section_05 dl dd span {
        font-size: 0.5em;
        margin-right: 2em;
        padding-top: 4px;
    }    
    .temple-wrap-01 .section_06 h3{
        text-align: center;
        border-bottom: 4px double;
        padding-bottom: 2em;
    }            
    .temple-wrap-01 .section_06 .dl-wrap-01 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 2em 2em;
    }
    .temple-wrap-01 .section_06 .dl-wrap-01 dt{
        width: 45%;
    }
    .temple-wrap-01 .section_06 .dl-wrap-01 dd{
        width: 45%;
    }
    .temple-wrap-01 .section_06 .dl-wrap-02 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }
    .temple-wrap-01 .section_06 .dl-wrap-02 dt {
        width: 30%;
        padding-bottom: 2em;
    }
    .temple-wrap-01 .section_06 .dl-wrap-02 dd {
        width: 70%;
        padding-bottom: 2em;
    }

    .temple-box{
      background:#F4F0ED;
      padding: 5em 0;
    }
    .temple-box ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 5em;
    }
    .temple-box ul li {
        width: 32%;
    }
    .temple-box .index-list-01 h3 {
        border-bottom: 7px double #b7b7b7;
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 1em;
        text-align: center;
    }
    .temple-box .index-list li p {
        margin-bottom: 1em;
        min-height: 80px;
    }    
    .temple-box .index-list-01 p {
        text-align: center;
        font-size: 1.1em;
        line-height: 2;
        font-weight: normal;
    }  
    .temple-box .index-list h3 {
        font-size: 1.5em;
        text-align: left;
        margin: 0;
        padding: 10px 0;
    } 
    .temple-box .index-list-01 h3 {
        border-bottom: 7px double #b7b7b7;
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 1em;
        text-align: center;
    }
    .temple-box .index-list li p {
        font-weight: bold;
        margin-bottom: 1em;
        line-height: 2;
        min-height: 80px;
    }    
    .temple-box .list {
        border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 5px 0 7px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 3em auto 3em;
    }
    .temple-box .list i {
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }

    .temple-wrap-01 .section_07{
        background: #F3F2EE;
    }
    .temple-wrap-01 .section_07 ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .temple-wrap-01 .section_07 ul li {
        width: 30%;
        background: #fff;
        box-shadow: 0 0 5px 5px #e9e9e9;
        margin-bottom: 3em;
        border-radius: 10px;
    }
    .temple-wrap-01 .section_07 ul li img{
        width: 100%;
        object-fit: cover;
        max-height: 266px;
        overflow: hidden;
    }
    .temple-wrap-01 .section_07 ul li .wrap {
        padding: 5px 1em 1em;
    }
    .temple-wrap-01 .section_07 ul li .wrap p{
        letter-spacing: 2px;
    }
    .temple-wrap-01 .section_07 ul li .wrap h4{
        font-weight: normal;
    }
    .temple-wrap-01 .section_07 .list {
        border: 1px solid #7db3cb;
        color: #616161;
        border-radius: 25px;
        padding: 10px 0 12px;
        font-weight: bold;
        width: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .temple-wrap-01 .section_07 .list i{
        padding-left: 1em;
        font-size: 22px;
        margin-top: 2px;
    }
      .fukujyuin .section_08{
        background: #F3F2EE;
      }
      .fukujyuin .section_08 .txt{
        text-align: center;
        padding-bottom: 3em;
      }
      .fukujyuin .section_08 .txt span{
        border-bottom: 7px double;
      }
      .fukujyuin .section_08 .wrap_01{
        background: #E7DBEC;
        border-radius: 15px;
        padding: 2em;
      }
      .fukujyuin .section_08 .wrap_02 {
          border-left: 3px solid #fff;
          margin-bottom: 3em;
          padding-left: 2em;
          padding-bottom: 1em;
      }
      .fukujyuin .section_08 .wrap_02 h3{
        margin-bottom: 1em;
      }
      .fukujyuin .section_08 h2:before{
        background: #e7dbec;
      }


/* slide-box */

.slide-box {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

/* slide */

.container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.container .slider {
    width: 48%;
    margin-right: 1%;
}
.container .thumbnail{
  width: 47%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.container .thumbnail .thumbnail-img{
  width: 33.3333%;
}
.container img {
  height: auto;
  width: 100%;
}
.thumbnail .slick-track {
  transform: unset !important;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.thumbnail-img {
  width: 100%;
}
.thumbnail .slick-slide{
  opacity: 0.5;
}
.thumbnail .slick-list{
  width: 100%;
  cursor: pointer;
}
.thumbnail .slick-current {
  opacity: 1 !important;
}
.thumbnail .slick-slide{
  width: 32.33334% !important;
}
.slick-track:after, .slick-track:before{
  content: none;
  display: none !important; 
}

/*ハンバーガーメニュー*/
.menu-txt{
    position: absolute;
    font-size: 0.8em;
    bottom: 1px;
    letter-spacing: -1px;
    left: 0;
    right: 0;
    color: #fff;
}
.menu-wrap-02 {
    width: 100%;
}
.menu-wrap-02 ul {
    background: #7DB3CB;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #fff;
    border-radius: 13px;
    padding: 5% 7%;
}
.menu-wrap-02 ul li {
    width: 49% !important;
    max-width: 100%;
    text-align: left;
    padding-bottom: 5%;
    font-size: 1.1em;
}
.menu-wrap-02 ul li a{
  color: #fff;
}
.menu-wrap-02 li:nth-child(3){
    width: 100% !important;
}
.menu-wrap-02 ul li:nth-child(4) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.menu-wrap-02 ul li:nth-child(5) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.hamburger-menu {
  width: 50px;
  height: 50px;
  position: relative;
  border: none;
  background: transparent;
  appearance: none;
  padding: 0;
  cursor: pointer;
  background: #7db3cb;
}
.hamburger-menu:before {
    content: "メニュー";
    position: absolute;
    bottom: 0;
    z-index: 1;
    color: #fff;
    width: 100%;
    left: 0;
    font-size: 0.6em;
    font-family: sans-serif;
    letter-spacing: 1px;
}
.hamburger-menu__bar {
  display: inline-block;
  width: 44%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: .5s;
}
.hamburger-menu__bar:first-child {
  top: 14px;
}
.hamburger-menu__bar:nth-child(2) {
  top: 22px;
}
.hamburger-menu__bar:last-child {
  top: 30px;
}
.hamburger-menu--open .hamburger-menu__bar {
  top: 42%;
}
.hamburger-menu--open .hamburger-menu__bar:first-child {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.hamburger-menu--open .hamburger-menu__bar:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
  display: none;
}
.navigation {
  display: none;
  background: #242424;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 9999;
  left: 0;
}
.navigation__list {
    text-align: center;
    list-style: none;
    padding: 0 5% 5%;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}
.navigation__list-item {
  width: 48% !important;
  max-width: 100% !important;
}
.navigation__list-item:first-child {
}
.navigation__link {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    transition: .5s;
}
.navigation__list-item:nth-child(5){
    width: 100% !important;
}
@media (hover: hover) and (pointer: fine) {
  .navigation__link:hover {
    background: #333;
  }
}      
@media screen and (max-width: 1400px) {
  .temple-wrap-01 .section_04 dl dd:before{
    content: none;
  }
}
@media screen and (max-width: 1000px) {
  body {
      display: block;
      width: 100%;
  }
  header {
      width: 100%;
      padding: 0;
      height: auto;
      position: relative;
      order: 2;
      left: 0;
      display: flex;
      justify-content: space-between;
  } 
  main {
      width: 100%;
  }
  header h1 {
      text-align: center;
      display: block;
      margin: 2px 2% 2px;
  }
  header h1 a{
    display: flex;
  }
  header h1 img {
      width: 125px;
  }
  .sp-wrap ul {
      display: flex;
      margin: 0;
      max-width: 100%;
  }
  .sp-wrap ul li{
      width: 33.33333%;
      margin-bottom: 0;
      max-width: 50px;
  }  
  .menu-wrap-02 ul li{
    max-width: 100%;
  }
  .top section {
      padding: 3em 0;
  }  
  .top h2 {
    font-size: 1.75em;
      margin: 0 auto 1em;
  }
  .top h2:before {
      content: "";
      top: 25%;
      left: -0.75em;
    bottom: 0px;
      width: 5px;
      height: 55%;
  }    
  .top .section_01 ul li a .category {
      max-width: 170px;
      padding: 2px 15px;
  }
  .top .section_01 .inner ul li p {
      width: 100%;
      margin: 5px 10px;
      font-size: 1.2em;
  }
  .top .section_01 .more {
      flex-direction: row;
      align-items: center;
      justify-content: center;
      margin-top: 3em;
      font-size: 1.2em;
  }
  .top .section_02 dl {
      flex-wrap: wrap;
      margin-top: 3em;
  }
  .top .section_02 dl dt {
      margin: 0 auto 1em;
      width: 100%;
      text-align: center;
  }
  .top .section_02 dl dd {
      width: 48%;
  } 
  .top .section_02 dl dd .mail{
    width: 170px;
    font-size: 1.1em;
    padding: 8px 0px;
  }
  .top .section_02 dl dd .list{
    width: 170px;
    font-size: 1.1em;
    padding: 8px 0px;
  }
  .top .section_04 ul li {
      width: 90%;
  } 
  .top .section_04 ul li p {
      margin-top: 1em;
  }  
  .top .section_08 dl dt {
      width: 90%;
      margin: 0 auto 2em;
      text-align: center;
      max-width: 430px;
  }
  .top .section_08 dl dd{
    width: 100%;
  }
  .top .section_08 dl dd .list {
      margin: 1em auto 1em;
  }  
  .top .section_06 ul:before{
    content: "";
    order: 1;
    width: 48%;
  }
  .top .section_06 ul:after{
    content: "";
    width: 48%;
  }
  .top .section_06 ul li:first-child{
    width: 100%;
    max-width: 100%;
  }
  .top .section_06 ul li {
      width: 48%;
      margin: 0 auto;
      text-align: left;
      max-width: 352px;
  }
  .top .section_06 ul .index-list-01 h3 {
      max-width: 50%;
      margin: 0 auto 1em;
  }  
  .top .section_06 .list {
      width: 170px;
  }  
  .top .section_05 dl dd{
    padding: 1em;
  }
  .top h3 {
    margin: 0 auto 2em;
    width: 100%;
    line-height: 1.5;
    font-size: 1.5em
  }
  .ggmap {
      padding-top: 60%;
  }
  footer {
      padding-bottom: 8em;
  }  
  .footer-wrap-01 dd {
      flex-wrap: wrap;
      width: 90%;
      margin: 1em auto;
      padding-bottom: 1em;
  }
  .footer-wrap-01 dd div {
    width: auto;
  }
  .footer-wrap-01 dd div a {
    margin-left: 1em;
    font-size: 1.5em;
  }
  .footer-wrap-02 {
      flex-wrap: wrap;
      margin-top: 0em;
  }
  .footer-wrap-02 dt {
      width: 100%;
      max-width: 70%;
      font-size: 1.1em;
      margin-bottom: 1em;
      text-align: center;
  }
  .footer-wrap-02 dd {
      margin: 0 auto;
      width: 90%;
  }  
  .footer-wrap-02 dd ul li {
      width: 49%;
      padding-bottom: 1em;
  }
  .top h3:before {
    width: 105px;
  }
  .sp-banner {
      background: #7db3cb;
      padding: 10px 14px 11px;
      border-radius: 10px 10px 0 0;
      margin: 0 10px;
      position: fixed;
      bottom: 0;
      z-index: 1;
      left: 0;
      right: 0;
      max-width: 390px;
      margin: auto;
  }
  .sp-banner dl{
    display: flex;
    justify-content: space-between;
  }
  .sp-banner dl dt{
    width: 48%;
  }
  .sp-banner dl dd{
    width: 48%;
  }
  .top .mv img{
    width: 100%;
  }
  .sp-menu ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 2em 1em 10px;
  }
  .sp-menu li {
      width: 49%;
      margin-bottom: 7px;
      text-align: center;
  }
  .sp-menu li:nth-child(5){
    width: 100%;
  }
  .sp-menu li:nth-child(5) img{
    width: 100%;
  }
  .sp-menu dl {
      display: flex;
      justify-content: space-around;
      background: #7DB3CB;
      max-width: 92%;
      margin: 0 auto 2em;
      padding: 10px 20px;
      border-radius: 5px;
  }
  .sp-menu dl a {
      color: #fff;
      font-size: 1.15em;
  }  
  .company .page-header {
      padding: 5em 0px;
  }  
  .company .page-header .page-ttl {
      width: 275px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
  .company section {
      padding: 3em 0px;
  }
  .company h2 {
      font-size: 1.5em;
      text-align: center;
      margin: 0 auto 1em;
  }
  .company .section_02 dl dt{
    width: 100%;
  }
  .company .section_02 dl dd {
      width: 100%;
      margin-top: 3em;
  }
  .company .section_02 dl dt table td {
      padding-left: 2em;
  }
  .company .section_03 ul li {
    width: 100%;
  }
  .company .section_03 ul li img{
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  .company .section_05 ul li {
    width: 49%;
  }
  .smelting .page-header{
      padding:5em 0px;
  } 
  .smelting .page-header .page-ttl {
      width: 275px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
.smelting .page-header .menu-wrap {
    right: 0%;
    top: 12%;
    font-size: 0.9em;
    padding: 10px;
}
  .smelting .section_01 .wrap_03 dt {
      width: 100%;
      max-width: 536px;
      margin: 0 auto;
  }
  .smelting .section_01 .wrap_03 dd{
    width: 100%;
      max-width: 536px;
      margin: 0 auto;
  }
  .smelting .section_01 .wrap_05{
    justify-content: center;
  }
  .smelting .section_01 .wrap_05 li {
      width: 110px;
      border: 5px solid #7DB3CB;
      border-radius: 50%;
      height: 110px;
  }
  .smelting .section_01 .wrap_06 li {
      width: 48%;
      margin: 0 auto;
  }
  .smelting .section_02 dl{
    max-width: 600px;
    margin: 0 auto 1em;
  }
  .smelting .section_02 dl dt {
      width: 100%;
      padding: 10px;
      border-radius: 15px 15px 0 0;
  }
  .smelting .section_02 dl dd {
    width: 100%;
    padding: 10px 1em;
    border-radius: 0 0 15px 15px;
  }
  .smelting .section_03 .wrap_01 dt {
      width: 100%;
      max-width: 423px;
      margin: 0 auto 1em;
  }
  .smelting .section_03 .wrap_01 dd table{
    margin: 0 auto;
  }
  .smelting .section_03 .wrap_01 dd table tr th:nth-child(2) {
      width: 35%;
  }
  .smelting .section_03 .wrap_01 dd table {
      width: 630px;
      border-radius: 13px;
      background: #BDD9E5;
      border-collapse: collapse;
      font-size: 1em;
      font-weight: bold;
      text-align: center;
  }
  .smelting .section_03 .wrap_01 dd table tr th dl dt {
      width: 40%;
      text-align: left;
      margin-bottom: 1px;
      margin-top: 1px;
  }
    .smelting .section_03 .wrap_01 dd table tr th dl dd {
      width: 40%;
      text-align: left;
      margin-top: 1px;
      margin-bottom: 1px;
  }
  .smelting .section_03 .wrap_01 dd table tr td dl dt {
      width: 40%;
      text-align: left;
      margin-bottom: 1px;
      margin-top: 1px;
  }
  .smelting .section_03 .wrap_01 dd table tr td dl dd {
      width: 40%;
      text-align: left;
      margin-top: 1px;
      margin-bottom: 1px;
  }  
  .smelting .section_03 .wrap_01 dd{
    width: 100%;
  }
  .smelting .section_03 .wrap_02 dt {
      width: 100%;
      margin: 0 auto 1em;
      max-width: 423px;
  }
  .smelting .section_03 .wrap_02 dd {
      width: 100%;
      margin: 0 auto;
      max-width: 600px;
  }
  .smelting .section_04 .wrap_01 {
    margin-top: -10em;
  }
  .smelting .section_04 .wrap_01 dt{
    max-width: 450px;
    margin:  0 auto 0;
  }
  .smelting .section_04 .wrap_01 dd {
    margin-top: -1em;
    margin-bottom: 3em;
  }
  .smelting .section_04 h2 {
    margin: 3em auto 2em;
  }
  .smelting .section_04 .wrap_02 dt {
      width: 100%;
      max-width: 423px;
      margin: 0 auto;
  }
  .smelting .section_04 .wrap_02 dd{
    width: 100%;
      max-width: 423px;
      margin: 0 auto;
  }
  .smelting .section_04 .wrap_02 dd {
    width: 100%;
    padding: 1em 10px;
    border-radius: 0 0 15px 15px;
  }
  .smelting .section_05 .wrap_01 {
    flex-wrap: wrap;
  }
  .smelting .section_05 .wrap_01 dt{
    width: 100%;
    max-width: 423px;
    margin: 0 auto;
  }
  .smelting .section_05 .wrap_01 dd{
    width: 100%;
    max-width: 423px;
    margin: 0 auto;
  }
  .smelting .section_05 .wrap_01 ul{
    flex-wrap: wrap;
  }
  .smelting .section_05 .wrap_01 ul li{
    width: 100%;
  }
  .smelting .section_05 .wrap_01 ul li:nth-child(2) {
      width: 100%;
      margin-top: 2em;
  }
  .smelting .section_05 .wrap_02 {
      margin: 5em auto 0;
  }
  .smelting .section_05 .wrap_02 dl dt {
      margin-bottom: 2em;
  }
  .smelting .section_05 .wrap_02 dl .large {
      margin-top: 0em;
  }
  .smelting .section_07 dl dt{
    width: 100%;
  }
  .smelting .section_07 dl dd {
      width: 100%;
      margin-top: 2em;
  }
  .smelting .section_07 dl {
      margin-top: 1em;
  }
  .pet .page-header{
      padding: 5em 0px;
  }
  .pet .page-header .page-ttl{
      width: 275px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
  .pet .section_01 .wrap_01 dt{
    width: 100%;
    max-width: 536px;
    margin: 0 auto;
  }
  .pet .section_01 .wrap_01 dd{
    width: 100%;
    max-width: 536px;
    margin: 0 auto;
  }
  .pet .section_01 .txt{
    text-align: left;
  }
  .pet .section_01 .wrap_03 dt{
    width: 100%;
  }
  .pet .section_01 .wrap_03 dd{
    width: 100%;
  }

  .pet .section_01 .wrap_04 {
      margin-top: 1em;
  }
  .pet .section_01 .wrap_04 dt{
    width: 50%;
  }
  .pet .section_01 .wrap_04 dd{
    width: 50%;
  }
  .pet .section_02 .wrap_08{
    max-width: 357px;
  }
  .pet .section_02 .wrap_08 img{
    width: 100%;
  }
  .pet .section_03 ul {
    padding: 0 2em;
  }
  .pet .section_03 ul li{
    width: 45%;
    margin-bottom: 2em;
  }
  .pet .section_03 .wrap_10 h3{
    font-size: 0.9em;
  }
  .pet .section_03 .wrap_10 dl dt{
    width: 100%;
    margin-bottom: 1em;
    max-width: 350px;
  }
  .pet .section_03 .wrap_10 dl dd{
    width: 100%;
    max-width: 250px;
  }
  .cleaning .page-header{
    padding: 5em 0;
  }
  .cleaning .page-header .page-ttl{
      width: 275px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
  .cleaning .section_01 .ttl{
    width: 100%;
    margin-bottom: 1em;
  }
  .cleaning .section_01 dl{
    max-width: 550px;
    margin: 0 auto;
  }
  .cleaning .section_01 dl dt{
    width: 100%;
  }
  .cleaning .section_01 dl dd{
    width: 100%;
  }
  .cleaning h2{
    margin-bottom: 1em;
  }
  .cleaning .section_02 ul li{
    width: 49%;
    margin-bottom: 1em;
  }
  .cleaning .section_03 .inner_S{
    overflow: scroll;
  }
  .cleaning .section_03 table{
    width: 650px;
  }
  .cleaning .section_03 table td{
    padding: 1em;
  }
  .cleaning .section_04 dl dt p {
      width: 60%;
      margin-bottom: 1em;
      font-size: 1em;
  }
  .cleaning .section_04 dl dt .wrap{
    width: 40%;
  }
  .cleaning .section_04 dl{
    max-width: 450px;
    margin: 3em auto 0;
  }
  .cleaning .section_05 .wrap {
      margin: 2em 1em;
  }

  .cleaning .section_05 .wrap02 {
    margin: 3em auto 5em;
    flex-wrap: wrap;
  }
  .cleaning .section_05 .wrap02 dt{
    width: 100%;
    max-width: 350px;
    text-align: center;
  }
  .cleaning .section_05 .wrap02 dd {
      width: 100%;
      margin: 2em auto;
      text-align: center;
      justify-content: center;
      display: flex;
  }
  .cleaning .section_05 .wrap {
    margin: 3em auto 3em;
  }
  .cleaning .section_05 .wrap03{
    max-width: 450px;
  }
  .cleaning .section_05 .wrap03 dt{
    width: 100%;
  }
  .cleaning .section_05 .wrap03 dd{
    width: 100%;
  }
  .stone .page-header{
    padding: 5em 0;
  }
  .stone .page-header .page-ttl{
      width: 275px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
  .stone .section_01 .wrap_01 {
    flex-wrap: wrap;
  }
  .stone .section_01 .wrap_01 dt{
    width: 100%;
    margin: 0 auto 1em;
    text-align: center;
  }
  .stone .section_01 .wrap_01 dd{
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
  .stone .section_02 ul li {
      width: 100%;
      margin: 0 auto 1em;
      text-align: center;
  }
  .stone .section_02 .txt-wrap{
    text-align: left;
  }
  .stone .section_02 .wrap_03 dt{
    width: 100%;
  }
  .stone .section_02 .wrap_03 dd{
    width: 100%;
  }
  .stone .section_02 .wrap_03 li{
    width: 30%;
  }
  .stone .section_02 .h4_wrap{
    margin-bottom: 1em;
  }
  .stone .section_03 dl{
    max-width: 550px;
    margin:0 auto;
  }
  .stone .section_03 dl dt{
    width: 100%;
    margin-bottom: 1em;
  }
  .stone .section_03 dl dd{
    width: 100%;
  }
  .stone .section_04 ul li {
      width: 49%;
      margin-bottom: 2em;
  }
  .stone .section_05 dl dt {
      font-size: 1.25em;
      width: 100%;
      max-width: 500px;
  }
  .stone .section_05 dl dd {
      width: 100%;
      margin-top: 2em;
      max-width: 300px;
  }
  .stone .section_06 dl dt{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
  .stone .section_06 dl dd{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
  .goods .page-header{
    padding: 5em 0;
  }
  .goods .page-header .page-ttl{
      width: 275px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
  .goods .section_01 .inner .wrap02{
    max-width: 500px;
  }
  .goods .section_01 .inner .wrap02 dt{
    width: 100%;
  }
  .goods .section_01 .inner .wrap02 dd{
    width: 100%;
  }
  .goods .section_01 .inner .wrap03{
    max-width: 500px;
  }
  .goods .section_01 .inner .wrap03 dt{
    width: 100%;
  }
  .goods .section_01 .inner .wrap03 dd{
    width: 100%;
  }
    .goods .section_01 .inner .wrap04 li{
      width: 40%;
    }
    .goods .section_01 .inner .wrap06 {
      flex-wrap: wrap;
  }
  .goods .section_01 .inner .wrap05 p{
    font-size: 1.25em;
  }
  .goods .section_01 .inner .wrap09{
    flex-wrap: wrap;
  }
  .goods .section_01 .inner .wrap09:before{
      content: "";
    width: 48%;
    order: 1;
  }
  .goods .section_01 .inner .wrap09:after{
      content: "";
    width: 48%;
    order: 1;
  }
  .goods .section_01 .inner .wrap09 li{
    width: 100%;
    max-width: 350px;
    margin: 0 auto 3em;
  }
  .goods .section_01 .inner .wrap10 dt {
      width: 100%;
      display: flex;
      justify-content: center;
  }
  .goods .section_01 .inner .wrap10 dd {
      width: 47%;
      margin: 2em auto 0;
      display: flex;
      justify-content: center;
  }
  .goods .section_01 .inner .wrap10 dd .line p {
      font-size: 0.8em;
  }
  .goods .section_02 {
      background: #F3F2EE;
      padding: 3em 1em;
  }
  .faq .page-header{
    padding: 5em 0;
  }
  .faq .page-header .page-ttl{
      width: 275px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
  .policy .page-header{
    padding: 5em 0;
  }
  .policy .page-header .page-ttl{
      width: 275px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
  .news .page-header{
    padding: 5em 0;
  }
  .news .page-header .page-ttl{
      width: 310px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
  .temple .page-header{
    padding: 5em 0;
  }
  .temple .page-header .page-ttl{
      width: 275px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
  .temple .section_01 ul li:first-child{
    width: 100%;
  }
  .temple .section_01 ul li{
    width: 49%;
  }
  .temple .section_01 .list {
    width: 180px;
  }
  .news .section_01 .ul-wrap {
      flex-wrap: wrap;
      justify-content: flex-start;
  }
  .news .section_01 .ul-wrap li{
      margin-bottom: 1em;
      margin-right: 1em;
  }
  .news .section_01 .ul-wrap li:last-child{
    margin-right: 0;
  }
  .news .section_01 .ul-wrap-02 li{
    width: 48%;
  }
  .temple-wrap-01 .page-header{
    padding: 5em 0;
  }
  .temple-wrap-01 .page-header .page-ttl{
      width: 300px;
      padding: 0px 5px 3px;
      font-size: 1em;
  }
  .container .slider{
    width: 100%;
  }
  .container .thumbnail{
    width: 100%;
  }
  .temple-wrap-01 .section_03 .dl-wrap-01 .dt-wrap-01{
    width: 100%;
  }
  .temple-wrap-01 .section_03 .dl-wrap-01 .dd-wrap-01 {
      width: 100%;
      margin-top: 3em;
  }
  .temple-wrap-01 .section_03 .dl-wrap-01 .dd-wrap-01 dl dd {
      margin-bottom: 2em;
  }
  .temple-wrap-01 .section_04 dl dd{
    margin:0 auto 1em ;
  }
  .temple-wrap-01 .section_04 dl dt{
    margin: 0 auto;
  }
  .temple-wrap-01 .section_05 dl dt{
    width: 100%;
  }
  .temple-wrap-01 .section_05 dl dt {
      font-size: 1.5em;
      justify-content: center;
  }
  .temple-wrap-01 .section_05 dl dd{
      width: 100%;
      justify-content: center;
      font-size: 1.5em;
      margin-left: 0;
  }
  .temple-wrap-01 .section_05 dl dd p{
    margin-left: -2em;
  }
  .temple-wrap-01 .section_06 .dl-wrap-01 dt{
    width: 100%;
  }
  .temple-wrap-01 .section_06 .dl-wrap-01 dd{
    width: 100%;
  }
  .temple-wrap-01 .section_06 .dl-wrap-02 dt{
    width: 30%;
  }
  .temple-wrap-01 .section_06 .dl-wrap-02 dd {
      width: 70%;
      margin: 0 auto;
  }
  .temple-box ul li {
      width: 48%;
      margin: 0 auto;
      max-width: 352px;
      text-align: left;
  }
  .temple-box ul li:first-child {
      width: 100%;
      max-width: 100%;
      margin-bottom: 2em;
  }
  .temple-box ul:before{
    content: "";
    order: 1;
    width: 48%;
  }
  .temple-box ul:after{
    content: "";
    width: 48%;
  }
  .temple-box .list{
    width: 180px;
  }
  .temple-wrap-01 .section_07 ul li{
    width: 100%;
  }
  .temple-wrap-01 .section_05 h3{
    font-size: 0.95em;
  }
  .stone .section_02 .wrap_02 dt{
    width: 30%;
  }
  .stone .section_02 .wrap_02 dd{
    width: 65%;
  }
  .pet .section_01 .wrap_02 dt{
    font-size: 0.8em;
  }
  .pet .section_01 .wrap_02 dd{
    font-size: 0.8em;
  }
  .pet .section_01 .wrap_04 dt{
    font-size: 0.8em;
  }
  .pet .section_01 .wrap_04 dd{
    font-size: 0.8em;
  }
  .temple-wrap-01 .section_01 ul li a .data{
    margin-left: 0;
  }
  .temple-wrap-01 .section_01 ul li a p{
    width: 100%;
  }
  .page .page-header{
    padding: 5em 0;
  }
  .page .page-header .page-ttl{
    width: 275px;
    padding: 0px 5px 3px;
    font-size: 1em;
  }
  .contact .page-header{
    padding: 5em 0;
  }
  .contact .page-header .page-ttl{
    width: 275px;
    padding: 0px 5px 3px;
    font-size: 1em;
  }
  .form{
    padding: 0;
  }
  .form dt {
      width: 100%;
      justify-content: left;
      background: #eee;
      padding: 10px;
      margin-bottom: 10px;
  }
  .form dd{
    width: 100%;
  }
  .contact .form button, input, select, textarea{
    width: 100%;
    font-size: 18px;
  }
  input[type="checkbox"]{
    width: auto;
    display: block;
    margin-right: 10px;
  }
  .contact .form .wpcf7-list-item label {
      cursor: pointer;
      display: flex;
      align-items: center;
  }
  .temple-wrap-01 .section_06 .dl-wrap-01 {
      max-width: 550px;
      margin: 0 auto;
  }  
}


@media screen and (max-width: 600px) {
  .smelting .section_03 .wrap_01 dd {
      width: 100%;
      overflow: scroll;
  }
}