/*
Theme Name: OLTANA-005 Child
Version: 1.0.0
Template: oltana-005
Author: CROOVER inc.
Author URI: https://croover.co.jp
*/
:root{
	--main-color:#f08a91;
}
.ol-header__inner.ol-header__mail-on{box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.09);}

.ol-single__template{margin-bottom:120px;}
@media screen and (max-width:690px){
	.ol-single__template{margin-bottom:80px;}
}
.ol-archive-header-image{height:800px;}
.ol-archive-header-image img{object-position:top;}
@media screen and (max-width:690px){
	.ol-archive-header-image{height:250px;}
}

.ol-column-content-side .ol-btn-regular{margin-bottom:20px;}

.ici{padding:40px 0 0 0;}
.ici br{display:none;}
.ici .ol-product__shortcut-list-title{margin-bottom:20px; display:block;}
.ici a.ol-contact__phone_number{margin-bottom:5px; display:block; font-size:20px;}
.ici .ici_inner,.ici .ici_inner2{width:fit-content; border-left:1px solid #f08a91; padding:0px 0 0 20px;}
.ici .ol-contactdetail__phone_subtext{margin:0;}
.ici .label{font-size:15px; color:#f08a91; display:block; margin-bottom:5px; line-height:180%;}
.ici .ici_inner .ol-contact__phone_number,.ici .ici_inner2 .ol-contact__phone_number{font-size:30px;}

/*フェードイン*/
.scroll-up {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
}
.scroll-up.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

ul.listtag li.scroll-up:nth-child(1){transition:all 1s;}
ul.listtag li.scroll-up:nth-child(2){transition:all 1.5s;}
ul.listtag li.scroll-up:nth-child(3){transition:all 2s;}
ul.listtag li.scroll-up:nth-child(4){transition:all 1s;}
ul.listtag li.scroll-up:nth-child(5){transition:all 1.5s;}
ul.listtag li.scroll-up:nth-child(6){transition:all 2s;}
ul.listtag li.scroll-up:nth-child(7){transition:all 1s;}
ul.listtag li.scroll-up:nth-child(8){transition:all 1.5s;}
ul.listtag li.scroll-up:nth-child(9){transition:all 2s;}
ul.listtag li.scroll-up:nth-child(10){transition:all 1s;}
ul.listtag li.scroll-up:nth-child(11){transition:all 1.5s;}
ul.listtag li.scroll-up:nth-child(12){transition:all 2s;}
ul.listtag li.scroll-up:nth-child(13){transition:all 1s;}

ul.listtag2 li.scroll-up:nth-child(1){transition:all 1s;}
ul.listtag2 li.scroll-up:nth-child(2){transition:all 1.5s;}
ul.listtag2 li.scroll-up:nth-child(3){transition:all 2s;}
ul.listtag2 li.scroll-up:nth-child(4){transition:all 1s;}

@media screen and (max-width:690px){
	ul.listtag li.scroll-up:nth-child(1){transition:all 1s;}
	ul.listtag li.scroll-up:nth-child(2){transition:all 1.5s;}
	ul.listtag li.scroll-up:nth-child(3){transition:all 1s;}
	ul.listtag li.scroll-up:nth-child(4){transition:all 1.5s;}
	ul.listtag li.scroll-up:nth-child(5){transition:all 1s;}
	ul.listtag li.scroll-up:nth-child(6){transition:all 1.5s;}
	ul.listtag li.scroll-up:nth-child(7){transition:all 1s;}
	ul.listtag li.scroll-up:nth-child(8){transition:all 1.5s;}
	ul.listtag li.scroll-up:nth-child(9){transition:all 1s;}
	ul.listtag li.scroll-up:nth-child(10){transition:all 1.5s;}
	ul.listtag li.scroll-up:nth-child(11){transition:all 1s;}
	ul.listtag li.scroll-up:nth-child(12){transition:all 1.5s;}
	ul.listtag li.scroll-up:nth-child(13){transition:all 1s;}
	
	ul.listtag2 li.scroll-up:nth-child(1){transition:all 1s;}
	ul.listtag2 li.scroll-up:nth-child(2){transition:all 1.5s;}
	ul.listtag2 li.scroll-up:nth-child(3){transition:all 1s;}
	ul.listtag2 li.scroll-up:nth-child(4){transition:all 1.5s;}
}


.ol-contact__mail-button .ol-sns{width:100%; display:flex; justify-content:center;}


/*トップページ*/
.ol-firstview__image:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: #000; opacity: calc(10 / 100);}

.service_list_container{display:flex; justify-content:center; flex-wrap:wrap;}
.service_list_container .service_item{width:100%; margin:0 0 3% 0; padding:0; box-sizing:border-box;}
.service_list_container.mod250707 .service_item{padding:0; display:flex; flex-direction:column;}
.service_list_container .service_item .service_img{margin:0 auto 10px auto; width:195px; height:auto; text-align:center;}
.service_list_container .service_item .service_img img{max-width:100%;}
.service_list_container .service_item .service_item_label{display:block; text-align:left; font-size:17px; margin-bottom:10px; font-weight:bold;}
.service_list_container .service_item p{font-size:14px; line-height:180%; margin:0;}
.service_list_container.flow .service_item{position:relative;}
.service_list_container.flow.mod250707 .service_item .inner{border-radius:4px; border:1px solid var(--main-color); padding:20px; flex:1 1 auto; display:flex; flex-direction:column;}
.service_list_container.flow .service_item:after{content:""; display:block; width:70px; height:21px; background:url(img/flowarrow_right.png) no-repeat; background-size:100%; position:absolute; right:50%; margin-bottom:-35px; margin-right:-35px;}
.service_list_container.flow.mod250707 .service_item:after{bottom:0;}
.service_list_container.flow .service_item:nth-child(5):before{content:""; display:block; width:20px; height:68px; background:url(img/flowarrow_right.png) no-repeat; background-size:100%; position:absolute; left:-10px; bottom:50%; margin-bottom:-34px;}
.service_list_container.flow.mod250707 .service_item:nth-child(5):before{display:none;}
.service_list_container.flow .service_item:last-child:after{display:none;}
@media screen and (max-width:690px){
	.service_list_container.flow .service_item:after{margin-bottom:-20px;}
}

ul.listtag,ul.listtag2{list-style-type:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:30px 20px;}
ul.listtag li{width:calc(100% / 3 - 13.3333px); font-size:15px; font-weight:bold; color:#fff; padding:0; min-height:60px; box-sizing:border-box; border-radius:4px; text-align:center;}
ul.listtag2 li{width:calc(100% / 3 - 13.3333px); font-size:15px; font-weight:bold; color:#fff; padding:0; min-height:60px; box-sizing:border-box; border-radius:4px; text-align:center;}
ul.listtag li,ul.listtag2 li,ul.listtag li a,ul.listtag2 li a{text-decoration:none !important; display:block; text-align:center; font-size:14px; color:var(--main-color) !important;}
ul.listtag li a .pdficon,ul.listtag2 li a .pdficon{display:block; width:fit-content; margin:0 auto; background: url(img/pdficon.png) no-repeat left center; background-size: 32px; padding: 3px 0 3px 42px; font-size:14px;}
ul.listtag li a:hover,ul.listtag2 li a:hover{text-decoration:underline;}
ul.listtag li .image,ul.listtag2 li .image{margin-bottom:10px; background:#fff; border-radius:4px; border:1px solid #ddd;}
ul.listtag li .image img,ul.listtag2 li .image img{border-radius:4px;}

@media screen and (max-width:690px){
	ul.listtag li,ul.listtag2 li{width:calc(100% / 2 - 10px); font-size:14px;}
	ul.listtag li a, ul.listtag2 li a{font-size:14px;}
	ul.listtag li a .pdficon br, ul.listtag2 li a .pdficon br{display:none;}
}


/*vertical_flow*/
.vertical_flow .item{display:flex; align-items:center; margin-bottom:80px; position:relative;}
.vertical_flow .item:after{content: ""; display: block; width:70px; height:21px; background: url(img/flowarrow_right.png) no-repeat; background-size: 100%; position: absolute; right: 50%; bottom:-40px; margin-right: -35px;}
.vertical_flow .item:last-child:after{display:none;}
.vertical_flow .item .step{border-radius:4px; font-size:14px; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-right:20px; background:var(--main-color); color:#fff; display:flex; justify-content:center; padding:20px;}
.vertical_flow .item .step i{font-size:24px; font-style:normal;}
.vertical_flow .item .item_inner dl dt,.vertical_flow .item .item_inner dl dd{margin:0; padding;}
.vertical_flow .item .item_inner dl dt{font-weight:bold; margin-bottom:10px; font-size:20px;}
@media screen and (max-width:1170px){
	.vertical_flow .item{align-items:stretch;}
	.vertical_flow .item .step{padding:10px; font-size:12px;}
	.vertical_flow .item .item_inner dl dt{font-size:18px;}
}

/*repair_example*/
.repair_example{margin:0 0 80px 0;}
.repair_example h3{text-align:left !important; font-size:22px !important; margin:0 0 20px 0 !important; padding:0 0 20px 0; border-bottom:1px solid #ddd;}
.repair_example h3 .repair_count{background:var(--main-color); color:#fff; border-radius:4px; margin-right:10px; font-size:15px; padding:10px;}
.repair_example .inner .repair_image{display:flex; justify-content:space-between;}
.repair_example .inner .repair_image .arrow{width:60px; background:url(img/flowarrow_right.png) center center no-repeat; transform:rotate(-90deg); margin:0 20px; background-size:100%;}
.repair_example .inner .repair_image .beforeimage,.repair_example .inner .repair_image .afterimage{flex:1;}
.button a{background:var(--main-color); display:block; color:#fff !important; text-decoration:none; padding:20px 80px; width:fit-content; border-radius:100px; font-size:20px; margin:0 auto;}
@media screen and (max-width:680px){
	.repair_example{margin:0 0 40px 0;}
	.repair_example .inner .repair_image{justify-content:center; flex-direction:column; align-items:center;}
	.repair_example .inner .repair_image .arrow{width:50px; height:80px; transform:rotate(0deg);}
	.repair_example h3 .repair_count{font-size:14px;}
	.repair_example h3{font-size:18px !important;}
	.button a{width:100%; padding:20px 20px;}
}

/*Groove*/
.groove .item{margin:20px auto 80px auto; width:100%; max-width:980px;}
.groove .item h4{font-weight: 900; font-size: 24px; margin: 0 0 30px 0; text-align: center;}
.groove .item h4 img{width:35%; margin:0 auto;}
.groove .item .img{text-align:center;}
.groove .item .img img{width:35%; margin:0 auto;}
.groove .item h4{margin:0 0 30px 0; text-align:center;}
.groove .item .item_data{padding:30px; background:#f5f5f5;}
.groove .item .item_data p{margin:0; padding:0;}
.groove .item .item_data2{display: flex;  justify-content: space-between;  align-items: center;  background: #fff;  padding: 30px; background:#f5f5f5;}
.groove .item .item_data2 .price{text-align: right;  font-size: 18px;}
.groove .item .item_data2 .link a{color: inherit; padding:10px 20px; background:var(--main-color); color:#fff; text-decoration: none; border-radius:10px;}
.groove .item  .item_data2 .price span{font-size: 28px; font-weight: bold; margin-left: 10px;}
.groove .item .item_data2 table th {text-align: left; font-weight: normal; font-size: 18px;}
.groove .item .item_data2 table td {font-size: 18px;}
.groove .item .item_data2 table td span {font-size: 28px; font-weight: bold; margin-left: 10px;}
.features_container .item .item_label span{background: #fff; color: #ff9500; margin-right: 10px; padding: 10px 10px; font-weight: 500; font-size: 18px;}
@media screen and (max-width:690px){
	.groove .item{margin:80px auto 0 auto;}
	.groove .item .item_data{padding:20px;}
	.groove .item .item_data2{padding:20px;}
	.groove .item .item_data2{display:block;}
	.groove .item  .item_data2 .price{display:block; width:100%; margin-bottom:20px;}
	.groove .item .item_data2 .link a{display:block; width:100%; box-sizing:border-box; text-align:center;}
	.groove .item h4 img{width:60%;}
	.groove .item .img img{width:60%;}
	.groove .item .item_data2 table th {font-size:12px;}
	.groove .item .item_data2 table td {font-size:12px;  white-space: nowrap;}
	.groove .item .item_data2 .price{font-size:12px;}
	.features_container .item .item_label span{display: block; width: fit-content; padding: 5px 30px; margin-bottom: 10px; font-weight: bold;}
}

/*リクルート*/
.job1 {width: 100%; text-align: center; border-collapse: collapse; border-spacing: 0; margin:30px 0 0 0;}
.job1 th {width:200px; padding:20px; background:#f7dcde; border: solid 1px #333; text-align:left;white-space: nowrap;}
.job1 td {padding:20px; border:solid 1px #333; text-align:left;}

.job2 {width: 100%; text-align: center; border-collapse: collapse; border-spacing: 0;}
.job2 th {width:200px; padding:20px; background:#f7dcde; border: solid 1px #333; text-align:left;white-space: nowrap;}
.job2 td {padding:20px; border:solid 1px #333; text-align:left;}
.job2 td p{padding:0; margin:0;}
@media screen and (max-width:690px){
	.job1 th,.job2 th {width:100%; display:block; box-sizing:border-box; padding:20px; background:#daede1; border: solid 1px #333; text-align:left;white-space: wrap; padding:10px;}
	.job1 td,.job2 td{display:block; width:100%; margin-bottom:20px;box-sizing:border-box; padding:10px;}
}

.center{text-align:center;}


/*タブ*/
.tab-area {
  display: flex;
  cursor: pointer;
  padding: 0;
  margin: 0 0 120px 0;
  list-style: none;
}

.tab{
  flex: 1;
  padding:0;
  text-align: center;
  background:#ddd;
  user-select: none;
  font-size:20px;
}
.tab a{display:block !important; border:none !important; text-decoration:none !important;}
.tab-area-container{
 position: sticky;
    top: 90px;
	z-index:9999;
}
.tab a{text-decoration:none; color:inherit !important; display:block;   padding:25px 0;}

.tab:nth-child(2) a {
  border-right: 1px solid #fff;
}

.tab a.active{
  background-color:#fff;
  color: #000;
  border-top:3px solid #f08a91 !important;
  border-left:1px solid #ddd !important;
  border-right:1px solid #ddd !important;
  border-radius:4px 4px 0 0 !important;
}
.panel-area{padding:60px 0 0 0; height:500px; overflow:scroll; border:1px solid #ddd; margin:0 0 120px 0;}


.fixed {
  position: fixed;
  top: 68px;      /* 上部から68pxの位置に固定 */
  width: 1280px;
  z-index: 1000;
}



@media screen and (max-width:960px){
	.tab-area-container{top:0px;}
	.tab{font-size:16px; padding:0;}
}

table.mailform th {
    white-space: nowrap;
    padding: 10px;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    font-size: 14px;
}
.required {
    background: #db1010;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    padding: 1px 2px;
    border-radius: 4px;
    margin-left: 10px;
}


ul.ol-header__nav-list li.ol-header__nav-item{position:relative;}
ul.ol-header__nav-list li.ol-header__nav-item .newicon{display:block; font-size:10px; background:#ff9900; color:#fff; padding:0 5px; border-radius:8px; position:absolute; top:-15px; left:0; animation: blink 1.2s infinite;}
@keyframes poyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes blink {
  0% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}
@media screen and (max-width:960px){
	ul.ol-header__nav-list li.ol-header__nav-item .newicon{top:-5px; left:50%; margin-left:-40px;}
}

.ol-news__title{display:flex; align-items:center;}
.ol-news__title .newicon{display:block; width:fit-content; font-size:10px; background:#ff9900; color:#fff; padding:0 5px; border-radius:8px;}
@media screen and (max-width:960px){
	.ol-news__title{display:block;}
	.ol-news__title .newicon{margin-bottom:5px;}
}

.ol-noimage, .wpcf7 input[type="submit"], .ol-block__fukidashi-contents{background-color:#f08a91 !important; color:#fff !important;}
.wpcf7 p, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"], .wpcf7 input[type="date"], .wpcf7 select, .wpcf7 textarea, .wpcf7 form.sent .wpcf7-response-output{border-color:#333 !important;}


.returntotop{width:fit-content; background:var(--main-color); border-radius:100px; position:fixed; bottom:50px; right:3vw; display:none;}
.returntotop a{display:flex; justify-content:center; align-items:center; color:#fff; width:50px; height:50px;}

.ol-contact__section .ol-sns-under2{line-height:normal !important;}
.ol-contact__section .ol-sns-under2 .ol-sns-brandname{display:inline;}
.ol-contact__section .ol-sns-list-item i{font-size:22px !important;}
.ol-icon-instagram{font-size: 22px; background: linear-gradient(90deg, #4c3eef 0%, #fd1b5f 40%, #ffaf39 100%); color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; font-weight: 900; display:block;}
.splide__slide img{image-rendering: -webkit-optimize-contrast !impotant; -webkit-backface-visibility: hidden !important}

.ol-contact__phone .contact_phone_inner{width:100%; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #e3c7c9;}
.ol-contact__phone .tellabel{font-size:13px; color: #f08a91; display:block; text-align:center;}

.ol-header__nav{overflow:overflow;}