@charset "utf-8";
/*------------------
Theme Name: ufuta
-------------------*/

/*common*/

body {font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;font-weight: 500;line-height:2;font-size: 16px;}
.none{display: none!important}
.sp{display:none!important}
a{color:inherit;opacity: 1;transition:0.3s}
a:hover{opacity: 0.3;transition: 0.3s}
.container{width:1020px;margin:0 auto;padding: 50px 0;}
.container.pt-none{padding:0 0 30px;}
img{max-width:100%;height:auto;display: block;margin: auto;}
li{list-style: none;}
.nerkoone{  font-family: "NerkoOneSubset";}
.font01{  font-family: "Kalam";}
.hover{transition: .3s ease-in-out;}
.hover:hover{opacity: 0.5 ; transition: .3s ease-in-out;}
.bold{font-weight:bold;}
.text-center{text-align: center}
.text-center-pc{text-align: center}
.line01{box-shadow: none;background:#b6b6b6;height: 1px;border: none}
.bg-light-gray{background-color: #f7f7f7;}
.btn01 {display: block;background: #000;color: #fff;text-align: center;padding: 10px;font-size: 16px;margin: 20px auto;width: 300px;}
.btn02 {display: block; border:1px solid #000;text-align: center;padding: 10px;font-size: 16px;width: 300px;margin: 20px auto;background-color: #fff;}
.btn03 {display: block; border:1px solid #53b900;text-align: center;padding: 10px;font-size: 16px;width: 300px;margin: 20px auto;background-color: #53b900;color: #fff}
.border-line{display: inline-block;line-height: 1;padding: 0 4% 1%;background: linear-gradient(transparent 42%, rgba(255, 2054, 140, 1) 10%);}
.bg-f9f7ef{background-color: #f9f7ef;}
.bg-paper{background: url(_img/bg-paper.jpg) repeat;}
.breadcrumb__list{font-size:12px;margin:20px 0;}
.breadcrumb__item{display:inline-block;}
.breadcrumb__item:after{content: ">";margin:0 5px;}
.breadcrumb__item:last-child:after{display: none;}
.breadcrumb a{text-decoration:underline;}
.mt20{margin-top: 20px;}
.red{color:#c92e2e}
/*記事内で使用*/
.article{}
.article img{display: block;margin: 20px auto 20px;max-width: 100%;height: auto;width:70%;}
.article p{margin-bottom: 50px;font-size:14px}
.article strong{font-weight:bold;}
.article ul{margin-bottom: 20px;}
.date{color:#7e7e7e;}
.article .h2{font-size:20px;margin-bottom:2%;background-color: #f3f3f3;padding-left:10px;}
.article .h3{font-size:18px;margin-bottom:2%;border-bottom:4px solid #f3f3f3;padding-left:10px;}
.article .h4{font-size:16px;margin-bottom:2%;}
.article .h5{font-size:16px;margin-bottom:2%;}
.single-category {margin:20px 0;}
.single-category a {border: 1px solid #000;padding: 8px; margin-top: 30px;font-size: 12px;transition:0.3s;}
.single-category a:hover{opacity:0.3;transition:0.3s;}
.big01 {font-size:16px;}
.big02 {font-size:18px;}
.small01 {font-size:12px}
.small02 {font-size:10px}
.img-side{display:inline-block;text-align:center;font-size: 1vw;vertical-align:top;margin-bottom: 2vw;margin-left: 1vw;}
.img-side:first-child{margin-left:0;}
/*記事内で使用ここまで*/

.heading01{background-color:#f1f1f1;height:160px;font-size: 20px;text-align: center;padding-top:170px;line-height: 0.8;margin-bottom: 40px;font-size: 50px;}
.heading01 span{font-size: 15px;}
.heading02{font-size: 26px;text-align: center;margin: 20px 0;font-weight: bold;}
.heading03{font-size: 18px;font-weight: bold;}
.heading04{font-size: 18px;text-align: center;margin-bottom: 20px;}
.heading05{font-size: 22px;text-align: center;margin-bottom: 40px;line-height: 1.4;letter-spacing: 1px;font-weight: bold;}
.heading05 .en{font-size: 40px;}
.heading05 .ja{font-size: 14px;}
.icon-tab{font-size: 0; position: fixed;bottom: 40px;background: #fff;width: 500px;margin: auto;left:0;right: 0;padding: 10px 20px;border-radius: 20px;box-shadow: 0px 2px 33px -17px #000000;border-radius: 10px;opacity: 1;transition: 0.3s}
.icon-tab-item{display:inline-block;width:20%;font-size: 20px;text-align: center;box-sizing: border-box;border-left:1px solid #e5e5e5;line-height: 1.4;padding-bottom: 10px;border-bottom: 4px solid #fff;}
.icon-tab-item.on{color:#64b2ba;border-bottom: 4px solid;}
.icon-tab-item:nth-child(1){border-left:none;}
.icon-tab-item img{width:100%}
.icon-tab-item:hover{opacity: 0.5;transition: 0.3s}


.price{margin: 20px auto;width: 500px}
.price dt{display: inline-block;width:45%;vertical-align: middle;margin-bottom: 14px;}
.price dd{display: inline-block;width:55%;line-height:1.2;margin-bottom: 14px;}
.price dd .font01{font-size: 30px;}
.price dd span.mini{font-size: 0.8em;}

.related-page {font-size: 0;}
.related-page .box{font-size: 14px;}
.related-page .box .heading03{text-align: center;}
.related-page li{padding:10px;border-left:1px solid #c4c4c4;display: inline-block;width:25%;vertical-align: top;box-sizing: border-box;opacity: 1;transition: 0.3s}
.related-page li:last-child{border-right:1px solid #c4c4c4;}
.related-page li:hover{opacity: 0.5;}

.contact{padding:50px 0 30px;}
.contact .container{ margin: 0 auto 0;}

.footer{padding:60px 0 20px;background-color:#372303;color:#fff;text-align: center;}
.copyright{font-size: 14px;margin-top: 40px;}
.footer-logo{width: 100px;}

.sitemap{font-size: 0;text-align: left;width:900px;margin:0 auto 40px;}
.sitemap li{display: inline-block;width:50%;font-size: 14px;}

.icon-list{font-size: 0;width: 500px;margin: auto;}
.icon-list li{display: inline-block;width:20%;padding:5px;box-sizing: border-box;}

.index-slider{position: relative;top:86px;}
.index-slider .logo{position: absolute;z-index: 10;width: 300px;left: 0;right: 0;top: 30%;margin: auto;}
p.sub-text{font-size: 12px;color:#5e5e5e}
.swiper {
    width: 100%;
    height: 90vh;
    border-bottom-right-radius: 50% 26%;
    border-bottom-left-radius: 50% 26%;
}
.swiper-slide{background-size: cover;}
.swiper-slide1{background-image: url(_img/slider01-pc.jpg);}
.swiper-slide2{background-image: url(_img/slider02-pc.jpg);}
.swiper-slide3{background-image: url(_img/slider03-pc.webp);}
.swiper-slide4{background-image: url(_img/slider04-pc.webp);}
.swiper-slide5{background-image: url(_img/slider05-pc.webp);}
.swiper-slide6{background-image: url(_img/slider06-pc.webp);}
.swiper-slide7{background-image: url(_img/slider07-pc.webp);}

.plan_table{margin:auto;line-height: 1.2;font-size: 12px;background-color: #fff;}
.plan_table .gentei{font-size: 14px;}
.plan_table td {border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding: 5px;vertical-align: middle;padding:10px}
.plan_table th{padding: 5px;vertical-align: middle;padding:10px;}
.plan_table td:nth-child(odd){border-left:1px solid #e6e6e6;width: 40%;}
.plan_table th.bg-gray{background: #e6e6e6;}
.plan_table th.bg-gentei{background: #d2efe9;}
.plan_table .off{font-size: 12px;font-weight: bold;display: inline-block;background-color: #a52540;padding: 2px;color: #fff;margin-left: 4px;}
.plan_table .normal{text-decoration: line-through;}
.plan_table .price-gentei{font-size: 18px;}
.plan_table .sub{font-size: 12px;}
.plan_table thead,.plan_table tfoot {background-color: #333;color: #fff;}

.g-nav-box{position: fixed;z-index: 100000;background:#fff;width: 100%;box-shadow: 0px 9px 13px -19px #000000;height:86px}
.g-nav{font-size: 0;text-align: center;width: 90%;margin: auto;max-width: 1200px;}
.g-nav-item{display: inline-block;font-size: 18px;font-weight: bold;text-align: center;}
.g-nav-item a{margin:0 20px;padding: 25px 0;display: inline-block;transition : all 0.5s;position: relative;}
.g-nav-item a::after {position: absolute;bottom: 2px;left: 0;content: '';width: 100%;height: 2px;background: #30a9de;opacity: 0;visibility: hidden;transition: .3s;}
.g-nav-item a:hover::after {bottom: 4px;opacity: 1;visibility: visible;}
.g-nav-logo{position: absolute;left: 20px;top:10px;}

@media screen and (max-width: 1000px) {
  .g-nav-logo{position: relative;left: 0;top:10px;margin: auto;display: none}
  .g-nav-item a{font-size: 16px;padding:5px 0;margin:0 0;}
  .g-nav-item{width: 14%}
}


.topics{width: 660px;margin: 0 auto 100px;padding: 40px 0;font-size: 0;}
.topics dt{width: 150px;display: inline-block;vertical-align: middle;font-size: 40px;margin-right: 50px;}
.topics dd{width: 460px;display: inline-block;vertical-align: middle;font-size: 16px;}
.topics a{text-decoration: underline;}

.index-img01{margin:100px 0 80px;}

.plan-card-list{text-align:left;font-size: 0;width: 872px;margin: auto;}
.plan-card-list li{text-align: center;display: inline-block;width: 436px;box-sizing: border-box;vertical-align: top;margin-bottom: 30px;}
.plan-card-list li a{padding: 10px;background-color: #fff;display: inline-block;box-shadow: 0px 0px 15px -9px #757575;}
.plan-card-list li .heading03{margin: 10px 0;font-weight: bold;}

.wide {max-width: 2000px;margin: auto;font-size: 0;}
.wide p{font-size: 16px;}
.wide img {width: 50%;height: 450px;object-fit: cover;display: inline-block;vertical-align: middle;margin:30px 0}
.wide .text-box{display: inline-block;vertical-align: middle;width: 45%;text-align: center;}
.wide .text-box:nth-child(odd){margin-left: 5%;}
.wide .text-box:nth-child(even){margin-left: 5%;}

.fadein-element {transform: translateY(30px);opacity: 0;visibility: hidden;transition: transform 1s, opacity 1s, visibility 1s;}
.is-fadein {transform: translateX(0);opacity: 1;visibility: visible;}
.bestrate {background-color: #fff;width: 800px;border:1px solid #988547;outline: 1px solid #988547;outline-offset: -5px;padding:20px 0 0;margin:0 auto 50px;}
.bestrate img{margin-bottom: 20px;}


.faq-cat{text-align: center;}
.faq-cat__item{display: inline-block;}
.faq-cat__item a{padding: 20px 30px;border:1px solid #000;font-size: 18px;}
.faq-cat__item a:after{font: normal normal normal 100%/1 "icomoon"; content: "\f105";display: inline-block;font-size: 22px;margin-left: 5px;}
.faq_set dt{margin-bottom: 10px;}
.faq_set dt:hover {cursor: pointer;}
.faq_set dt:before {font: normal normal normal 100%/1 "icomoon"; content: "\f059";display: inline-block;margin-right: 5px;color: #4e4e4e}
.faq_set dt.active:before {content: "\f05a";}
.faq_set dd {padding: 0 15px 30px 30px;line-height: 1.6;font-size: 14px;}
.faq_set dd a{text-decoration: underline;color: #372303;}


.single-plan{width: 700px;margin: auto;}
.single-plan p{font-size: 14px;}
.single-plan .heading05{margin-top: 40px;}
.single-plan .plan_table{width: 700px;margin-bottom: 40px;}


iframe{margin: auto}
.tel-text{
	font-size: 40px;
	text-align: center;
}

.mail-text{
	font-size: 20px;
	text-align: center;
}

.index-intro{margin-top: 100px;padding-bottom: 50px;}
.intro-image{position: relative;width: 100%;overflow: hidden}
.intro-image .intro-image-logo{width: 14%; display:block;margin: 40px auto 40px;}
.scroll-in{opacity: 0;}
.intro-image01{width: 8%;position: absolute;left:14%;top:0px;transform: translateX(-100px);transition: 2s ease;}
.intro-image02{width: 11%;position: absolute;left:0;top:68px;transform: translateX(-200px);transition: 2s ease;}
.intro-image03{width: 8%;position: absolute;left:5%;bottom: 0px;transform: translateX(-300px);transition: 3s ease;}
.intro-image04{width: 13%;position: absolute;right:0;top:0px;transform: translateX(150px);transition:2s ease;}
.intro-image05{width: 6%;position: absolute;right:10%;top:102px;transform: translateX(250px);transition: 2s ease;}
.intro-image06{width: 12%;position: absolute;right:0;bottom: 0px;transform: translateX(350px);transition: 3s ease;}


.plan-sub{font-size: 14px;display: inline-block;background-color: #f9f7ef;font-weight: bold;padding:5px 7px;}
.plan-price{font-size: 16px;}
.plan-price .font01{font-size: 22px;}

.single-plan{text-align: center;}
.single-plan .plan-price{font-size: 16px;text-align: center;}
.single-plan .plan-price .font01{font-size: 30px;}
.single-plan .plan-sub{}

.gallery-list{font-size: 0;}
.gallery-item{display: inline-block;width: 25%;}

/* タブ---------------------------------------------------------------*/
.tab-group{
font-size: 0;
text-align: center;
margin: 30px 0 40px;

}
.tab{
  display: inline-block;
flex-grow: 1;
padding:5px;
list-style:none;
border: 1px solid #372303;
text-align:center;
cursor:pointer;
width: 25%;
margin: 10px;
font-size: 18px;
}

.panel-group{
border-top:none;
}
.panel{
display:none;
}
.tab.is-active{
background:#372303;
color:#fff;
transition: all 0.2s ease-out;
}
.panel.is-show{
display:block;
}
/* あったか---------------------------------------------------------------*/
.attaka{
  width: 700px;
  padding: 40px 90px;
  background: #efe7de;
  margin: 0 auto 0;
  font-size: 12px;
  box-sizing: border-box;
}

.attaka .date{
  color: #000000;
  background: #fff;
  padding: 5px;
  text-align: center; 
  margin:10px 0;  
}
.attaka-text{
  margin-bottom: 20px;
}
.attaka .external-link {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 20px;
}
.external-link {
  display: block;
  text-align: center;
  font-size: 16px;
  border-bottom:1px solid #000;
  line-height: 1;
}
.external-link svg{
  width: 12px;
  margin-left: 8px;
}