@charset "utf-8";
/* CSS Document */

/* 上から */

.fadeDown{
animation-name:fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}


/* fadeLeft */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger, .fadeLeftTrigger{
    opacity: 0;
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,
.bgLRextendTrigger{
    opacity: 0;
}

/*動く文字*/
article{
  overflow: hidden;
}
.loop_wrap {
	position: absolute;
	bottom:-10px;
    display: flex;
    width: 100%;
    overflow: hidden;
	z-index: -1;
  }

.loop_wrap div {
	color: #ebf1f8;
	font-family: "Roboto", sans-serif,;
	font-weight: 700;
	font-size: min(25vw, 250px);
	line-height: 100%;
	letter-spacing: 2px;
    flex: 0 0 auto;
    white-space: nowrap;
    overflow: hidden;
	margin: 0 0 -2% 0;
  }

.loop_wrap div:nth-child(odd) {
animation: loop 50s -25s linear infinite;
}

.loop_wrap div:nth-child(even) {
animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
      transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
    }
  }
  
  @keyframes loop2 {
    0% {
      transform: translateX(0);
    }
    to {
      transform: translateX(-200%);
    }
  }


.midashi {
	color: #056dc1;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	position: relative;
  	display: inline-block;
  	margin-bottom: 1em;
	margin: 0 0 5% 0;
	padding: 0;
}
.midashi:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffd800;
  border-radius: 2px;
}
.midashi-en {
	font-size: 1rem;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/*midashi-line*/
.midashi-line {
	font-size: 1.6rem;
	letter-spacing: 2px;
	color: #056dc1;
	display: flex;
    align-items: center;
	margin: 5% 0;
}
.midashi-line:before,
.midashi-line:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #056dc1;
}
.midashi-line:before {
    margin-right: 1rem;
}
.midashi-line:after {
    margin-left: 1rem;
}


/*contact-bnr*/
.contact-bnr {
	/*position: relative;
	z-index: -1;*/
	width: 90%;
	max-width: 1050px;
	margin: 50px auto 0 auto ;
	background-color: #ffd800;
	border: 5px solid #ffffff;
	border-radius: 20px;
	padding: 1%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.contact-bnr .contact-bnr-illust {
	display: flex;
	justify-content: space-between;
	z-index: -1;
	width: 100%;
	margin: -8% auto 0 auto;
	padding: 0;
}
.contact-bnr .contact-bnr-illust .illust-left, .contact-bnr .contact-bnr-illust .illust-right {
	max-width: 204px;
	width: 20%;
	margin: 0;
	padding: 0;
}

.contact-bnr .contact-bnr-illust li img {
	width: 100%;
	margin: 0;
	padding: 0;
}


.speechBubble {
	text-align: center;
	width: 40vw;
	max-width: 480px;
	position: relative;
  display: inline-block;
	margin: 20% auto 13px auto;
  padding: 3% 1%;
  border-radius: 8px;
  background-color: #056dc1;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  color: #ffffff;
}
.speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 13px 8.5px 0 8.5px;
  border-color: #056dc1 transparent transparent;
  translate: -50% 100%;
}
.contact-bnr-tel-mail {
	width: 100%;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	margin: -5% 0 0 0 ;
	padding: 0;
}
.contact-bnr-tel-mail a {
	color: #056dc1;
	display: block;
	width: 42%;
	padding: 2%;
	margin: 2%;
	background-color: #ffffff;
	border-radius: 10px;
	transition: all 0.6s;
}
.contact-bnr-tel-mail a:hover {
	background-color: #ebf1f8 ;
}
.contact-bnr-tel-mail a li {
	width: 100%;
}
.contact-bnr-tel-mail .text-L {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(15px, 2.5vw, 30px);
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.contact-bnr-tel-mail .text-L img {
	width: 2vw;
	max-width: 30px;
	margin: 0 10px 0 0 ;
}
.contact-bnr-tel-mail P {
	margin: 2% 0;
	padding: 0;
}



/*osouji-one*/
.osouji-one-conts {
	width: 100%;
	max-width: 1050px;
	margin: 5% auto ;
	text-align: center;
	padding: 0 0 3% 0;
}
.osouji-one-copy {
	display: inline-block;
	text-align: center;
	color: #056dc1;
	font-size: 2rem;
	background-image:url("../images/about/about_kirakira-01.png"), url("../images/about/about_kirakira-02.png");
	background-repeat: no-repeat, no-repeat;
	background-position:top 10px left, top 10px right;
	padding: 0 80px;
	margin: 0 auto;
}
.bg-yellow {
	background: linear-gradient(transparent 70%, #ffd800 70%);
}
.osouji-one-box {
	width: 90%;
	text-align: left;
	display: flex;
	margin: 5% auto 0 auto;
}
.osouji-one-box p {
	width: 60%;
	line-height: 180%;
}
.osouji-one-box img {
	width: 35%;
	margin: 0 0 0 5% ;
}

/*menu*/
.osouji-menu {
	text-align: center;
	width: 100%;
	background-color: #ebf1f8;
	padding: 5% 0 15vw 0 ;
	background-image: url("../images/flow/flow_water_image.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100% auto;
}
.osouji-menu .menu-list {
	display: flex;
	flex-wrap: wrap;
	max-width: 1250px;
	margin: 0 auto ;
	padding: 0 2%;
}

.menu-box-w100 {
	display: block;
	width: 96.8%;
	margin: 1.6% auto ;
	background-color: #fff;
	border-radius: 25px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.menu-box-w100 .aircon-box {
	width: 94%;
	display: flex;
	text-align: left;
	padding: 3% 0;
	margin: 0 auto;
}
.bottom-line-bl {
	border-bottom: 1px solid #cde2f3;
}
.aircon-img {
	width: 40%;
	max-width: 415px;
	position: relative;
  	overflow: hidden;
}
.aircon-img img {
  	object-fit: cover;
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	top: 0;
  	left: 0;
	margin: 0 auto;
}
.menu-box-w100 .aircon-box .aircon-info {
	width: 57%;
	margin: 0 0 0 3%;
}

.menu-box-w100 .aircon-box .aircon-tit {
	color: #056dc1;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 100%;
}
.menu-box-w100 .aircon-box .aircon-text {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 5% 0;
}
.menu-box-w100 .aircon-box .aircon-product {
	width: 50%;
	font-size: 1rem;
}
.menu-box-w100 .aircon-box .aircon-price {
	width: 30%;
	order: 1;
}
.menu-box-w100 .aircon-box .aircon-time {
	padding: 1%;
	order: 2;
}


.menu-box {
	width: 30%;
	max-width: 370px;
	background-color: #fff;
	border-radius: 25px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	margin: 1.6%;
}
.menu-tit {
	font-weight: bold;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	background-color: #056dc1;
	margin: 0;
	padding: 0 3%;
	border-radius: 25px 25px 0 0;
}
.menu-box img {
	width: 100%;
	margin: 0;
	padding: 0;
}
.menu-box dl {
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 5% 2% 5% ;
	margin: 0;
	height: 70px;
}
.menu-box dl dt, .aircon-price {
	color: #e35457;
	font-size: clamp(20px, 2.5vw, 40px);
	font-weight: bold;
	margin: auto 10px auto 0;
	padding: 0;
	display: inline-block;
}
.menu-box dl dd, .aircon-time {
	font-size: 0.8rem;
	background-color: #cde2f3;
	padding: 2%;
	margin: auto 0 ;
	border-radius: 5px;
}
.price-text {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	width: 90%;
	padding: 0 5%;
}
.menu-notes {
	width: 90%;
	max-width: 1180px;
	font-size: 1rem;
	text-align: left;
	list-style: none;
    padding-left: 1.5em;
	margin: 3% auto;
}
.menu-notes li {
	text-indent: -1.5em;
}
/*velue-menu*/
.value-menu {
	width: 90%;
	max-width: 1200px;
	margin: 7% auto ;
}
.value-menu-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.value-menu-conts {
	text-align: left;
	display:flex;
	flex-direction: column;
	width: 44%;
	color: #ffffff;
	background-color: #056dc1;
	border-radius: 30px;
	padding: 2%;
	margin: 0;
}
.value-menu-conts-100 {
	text-align: left;
	display:flex;
	justify-content: space-between;
/*	flex-direction: column;*/
	width: 96%;
	color: #ffffff;
	background-color: #056dc1;
	border-radius: 30px;
	padding: 2%;
	margin: 5% 0 0 0;
}
.value-menu-text-03 {
	width: 48%;
	margin: 0;
	padding: 0;
}
.value-menu-image {
	width: 48%;
	margin: 0;
	padding: 0;
}
.value-menu-image img {
	width: 100%;
}
.value-menu-conts p, .value-menu-text-03 p  {
	font-weight: bold;
	font-size: clamp(20px, 3vw, 40px);
	margin: 0;
	padding: 0;
}
.value-menu-conts .text-yl-2, .value-menu-conts-100 .text-yl-2 {
	border-bottom: 5px solid #ffd800;
}
.value-menu-conts img {
	width: 100%;
	margin-top: auto;
}
.menu-price {
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 3% 0;
}
.value-menu-text-03 dl {
	font-size: 1.2rem;
	font-weight: 500;
}
.menu-price dl {
	font-size: 1.2rem;
	font-weight: 500;
	width: 60%;
	height: auto;
}
.menu-price dt, .menu-price dd {
	margin: 0;
	padding: 0;
}
.menu-price img {
	width: 35%;
	margin: 0 0 0 5% ;
}

/*office-menu*/
.office-menu {
	width: 90%;
	max-width: 1200px;
	margin: 7% auto ;
}
.office-menu-box {
	text-align: left;
	background-color: #ffffff;
	border-radius: 25px;
	padding: 2% 2% 1% 2%;
}
.office-menu-conts {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.office-menu-conts .office-image {
	width: 40%;
	object-fit: cover;

}
.office-menu-conts .office-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.office-menu-text {
	width: 55%;
	line-height: 200%;
}
.office-menu-midashi {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 180%;
}
.office-menu-box ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 2% 0;
	padding: 0;
}
.office-menu-box ul li {
	font-weight: bold;
	display: flex;
	align-items: center;
	color: #056dc1;
	width: 28%;
	padding: 2%;
	margin: 1% 0;
	background-color: #ebf1f8;
	border-radius: 10px;
}
.office-menu-box ul li img {
	margin: 0 10px 0 0 ;
}


/*flow*/
.flow {
	text-align: center;
	background-image: linear-gradient(0deg, #ffffff, #ace1ff 20%);
	padding: 0 0 10% 0;
	margin: 0;
}
.flow-box {
	display: flex;
	justify-content: center;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}
.flow-conts {
	color: #056dc1;
	width: 20%;
	max-width: 240px;
	margin: 0;
	padding: 0;
}
.flow-flex {
	display: flex;
	flex-direction: column;
}
.flow-conts img {
	width: 100%;
	max-width: 220px;
}
.flow-conts .text-Left {
	text-align: left;
	margin: 0;
	padding: 0;
}
.flow-tit {
	display: block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 5% 0;
	padding: 0;
}
.triangle {
	display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 22px solid #056dc1;
  border-right: 0;
	margin: 14% auto 0 auto;
}

/*voice*/
.voice {
	text-align: center;
	margin: 0 0 5% 0;
}
.voice-list {
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 1300px;
	margin: 0 auto 10% auto;
}
.voice-conts {
	text-align: left;
	width: 28%;
	background-color: #ffffff;
	padding: 2%;
	border-radius: 30px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.voice-conts dl {
	display: flex;
	margin: 0 0 20px 0;
}
.voice-conts dl p {
	margin: 0 0 5% 0;
}
.voice-conts dl, .voice-conts dl dt, .voice-conts dl dd , .voice-conts p {
	margin: 0;
	padding: 0;
}
.voice-conts dl dt {
	width: 90px;
	margin: 0 20px 0 0 ;
}
.voice-conts dl dt img {
	width: 90px;
}
.age {
	font-size: 0.8rem;
	color: #ffffff;
	background-color: #056dc1;
	border-radius: 5px;
	padding: 2%;
}
.review {
	font-size: 1rem;
	color: #ffd800;
	margin: 0 0 0 10px ;
}
.voice-tit {
	display: block;
	color: #056dc1;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 3% 0 ;
}

/*faq*/
.faq {
	text-align: center;
	background-image: url("../images/faq/faq_back_image.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 5% 0 5% 0;
}
.faq .midashi {
	display: block;
	color: #ffffff;
	margin: 0 0 5% 0;
}
.faq-accordion {
	width: 90%;
  max-width: 800px;
  margin: 0 auto;
}

.panel {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 20px;
	background-color: #ffffff;
}

.panel-header {
  width: 100%;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border: none;
  cursor: pointer;
  font-size: 16px;
	font-weight: bold;
  text-align: left;
	border-radius: 8px;
	color: #000000;
}

.panel-header:hover {
  background: #f8f9fa;
}
.panel-header p {
	text-align: left;
	text-indent: -2em;
  	padding-left: 2em;
	margin: 0;
}

.icon {
	color: #056dc1;
  font-size: 20px;
  transition: transform 0.3s;
}

.panel-header.active .icon {
  transform: rotate(45deg);
}

.panel-content {
	text-align: left;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-out;
	background-color: #ffffff;
	border-radius: 0 0 8px 8px;
}

.panel-body {
  padding: 20px;
  border-top: 1px solid #eee;
}

/*company*/
.company {
	text-align: center;
	background-color: #ebf1f8;
	background-image: url("../images/company/wave.png");
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5% 0 7% 0;
	margin: 0;
}
.company-box {
	font-size: 1rem;
	text-align: left;
	background-color: #ffffff;
	width: 84%;
	max-width: 1200px;
	margin: 0 auto 5% auto;
	padding: 3%;
	border-radius: 25px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.company-box dl {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	border-top: 1px solid #d5d8d5;
}
.company-box dl dt, .company-box dl dd {
	border-bottom: 1px solid #d5d8d5;
	padding: 2% 0;
	margin: 0;
}
.company-box dl dt {
	width: 30%;
	font-weight: bold;
}
.company-box dl dd {
	width: 70%;
}
.gmap {
	margin: 5% 0 0 0 ;
}
.area {
	width: 80%;
	max-width: 1200px;
	margin: 0 auto ;
}
.area-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	text-align: left;
}
.area-box img {
	width: 60%;
	max-width: 667px;
	margin: 0 5% 0 0;
}
.area-box p {
	line-height: 200%;
}
.area-box .area-tit {
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	color: #056dc1;
	margin: 3% 0;
}

/*contact*/
.contact {
	text-align: center;
	width: 90%;
	max-width: 1200px;
	margin: 5% auto;
}
.contact-box {
	text-align: left;
	display: flex;
}
.contact-text {
	width: 65%;
	margin: 0 5% 0 0 ;
}
.contact-text .text-bl {
	text-align: left;
	font-size: 1.2rem;
	font-weight: bold;
}
.contact-tel {
	color: #056dc1;
	display: flex;
	align-items: center;
}
.contact-tel a {
	font-weight: bold;
	color: #056dc1;
	font-size: 3rem;
	margin: 0 10px 0 10px;
}
.contact-illust {
	width: 30%;
	max-width: 270px;
}
.contact-illust img {
	width: 100%;
}

.contact-insta {
	display: inline-block;
	margin: 0 0 5% 0;
}
.contact-insta a {
	font-size: 1.6rem;
	display: flex;
	align-items: center;
	color: #ffffff;
	font-weight: bold;
	background-color: #034983;
	border-radius: 5px;
	padding: 10px 20px ;
	margin: 0;
}
.contact-insta a:hover {
	background-color: #003564;
}
.contact-insta img {
	width: 32px;
	margin: 0 10px 0 0;
}


@media screen and (max-width: 1024px) {
.contact-bnr .contact-bnr-illust {
	left: -1%;
}
	
	
.osouji-one-box p {
	width: 50%;
}
.osouji-one-box img {
	width: 45%;
}

	
/*value-menu*/
.menu-price dt, .value-menu-text-03 dt {
	font-size: 0.9rem;
}
.menu-price dd {
	font-size: clamp(26px, 3vw, 50px);
}
.menu-price dd .yen {
	font-size: clamp(15px, 2vw, 30px);
	margin: 10px 0 0 5px;
}
.menu-price dd .once {
	font-size: 0.7rem;
	margin: 5px 10px 0 0;
}


/*office-menu*/
.office-menu-conts .office-image {
	width: 30%;
	height: auto;
}
.office-menu-text {
	width: 65%;
}

.value-menu-conts-100 {
	text-align: left;
	display:flex;
	flex-direction: column;
	width: 96%;
	color: #ffffff;
	background-color: #056dc1;
	border-radius: 30px;
	padding: 2%;
	margin: 5% 0 0 0;
}
.value-menu-text-03 {
	width: 100%;
	margin: 0 0 2% 0;
	padding: 0;
}
.value-menu-image {
	width: 100%;
	margin: 0;
	padding: 0;
}

/*flow*/
.flow-tit {
	font-size: 1.2rem;
}
.triangle {
	margin: 15% auto 0 auto;
}

/*voice*/
.voice-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.voice-conts {
	width: 44%;
	padding: 2%;
	margin: 3% 0;
}

/*faq*/
.faq .midashi {
	margin: 0 0 10% 0;
}
	
/*company*/
.company-box {
	margin: 5% auto;
}
.area-box {
	display: block;
}
.area-box img {
	display: block;
	width: 100%;
	max-width: 667px;
	margin: 0 auto 5% auto;
}
.area-box p {
	font-size: 0.9rem;
}
.area-box .area-tit {
	font-size: 1.2rem;
}

/*contact*/
.contact-tel {
	color: #056dc1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.contact-tel {
	color: #056dc1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 3% auto;
}

.contact-tel a {
	display: block;
	font-weight: bold;
	color: #056dc1;
	font-size: 2rem;
	margin: 0 10px 0 10px;
}
.contact-tel .textR {
	display: block;
	width: 100%;
}

/*thanks*/
.thanks {
	padding: 20% 0 0 0;
}
	
	
}



@media screen and (max-width: 768px) {
.contact-bnr .contact-bnr-illust {
	width: 100%;
	/*left: -5%;*/
	margin: -5% 0 0 0;
}
.speechBubble {
	text-align: center;
	width: 45vw;
  position: relative;
	top: -10px;
  display: inline-block;
  margin-bottom: 13px;
  padding: 3% 1%;
  border-radius: 8px;
  background-color: #056dc1;
  font-size: 1.1rem;
}
.speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #056dc1 transparent transparent;
  translate: -50% 100%;
}
.contact-bnr-tel-mail {
	position: relative;
	translate: 0% 0%;
	width: 100%;
	z-index: 1;
	display: block;
	justify-content: space-between;
	margin: -15px 0 0 0 ;
	padding: 0;
}
.contact-bnr-tel-mail a {
	color: #056dc1;
	display: block;
	width: 92%;
	padding: 2%;
	margin: 2%;
	background-color: #ffffff;
	border-radius: 10px;
}
.contact-bnr-tel-mail a li {
	width: 100%;
}
.contact-bnr-tel-mail .text-L {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(30px, 7vw, 40px);
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.contact-bnr-tel-mail .text-L img {
	width: 5vw;
	max-width: 30px;
	margin: 0 10px 0 0 ;
}
.contact-bnr-tel-mail P {
	margin: 2% 0;
	padding: 0;
}

	

	
.osouji-one-copy {
	width: 100%;
	font-size: 1.2rem;
	background-image:url("../images/about/about_kirakira-01.png"), url("../images/about/about_kirakira-02.png");
	background-repeat: no-repeat, no-repeat;
	background-position:top 10px left 20px, top 10px right 20px;
	background-size: 30px , 30px;
	padding: 0;
}
.osouji-one-box {
	display: block;
	text-align: center;
}
.osouji-one-box p {
	text-align: left;
	width: 90%;
	margin: 0 auto;
}
.osouji-one-box img {
	width: 70%;
	margin: 5% auto 0 auto ;
}
	

/*menu*/
.menu-box {
	width: 45%;
	max-width: 370px;
	background-color: #fff;
	border-radius: 25px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	margin: 2.5%;
}
.menu-box dl {
	display: flex;
    flex-direction: column-reverse;
	align-items: center;
	padding: 0 5% 2% 5% ;
	margin: 0;
	height: 80px;
}
.menu-box dl dt {
	font-size: clamp(30px, 2.5vw, 40px);
	margin: auto 0;
}
.menu-box dl dd {
	text-align: center;
	width: 100%;
	font-size: 0.7rem;
	padding: 3%;
	margin: auto 0;
}
.price-text {
	font-size: 0.9rem;
	width: 90%;
	padding: 0 5%;
}


.menu-box-w100 .aircon-box {
	margin: 3% auto 0 auto;
}
.menu-box-w100 .aircon-box .aircon-info {
	width: 100%;
	margin: 0 auto;
}
.aircon-img {
	width: 100%;
	max-width: 100%;
	height: 200px;
}
.menu-box-w100 .aircon-box {
	width: 90%;
	text-align: center;
	display: block;
}
.menu-box-w100 .aircon-box .aircon-text {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 5% 0;
}
.menu-box-w100 .aircon-box .aircon-product {
	width: 100%;
	margin: 0 0 3% 0;
	display: flex;
    align-items: center;
}
.aircon-product:before,
.aircon-product:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #cde2f3;
}
.aircon-product:before {
    margin-right: 1rem;
}
.aircon-product:after {
    margin-left: 1rem;
}

.menu-box-w100 .aircon-box .aircon-price {
	width: 50%;
}
.menu-box-w100 .aircon-box .aircon-time {
	width: 40%;
	padding: 2%;
	margin: 0 0 1% 0;
}
	

/*velue-menu*/
.value-menu {
}
.value-menu-box {
	display: block;
}
.value-menu-conts, .value-menu-conts-100 {
	display:flex;
	flex-direction: column;
	width: 92%;
	color: #ffffff;
	background-color: #056dc1;
	border-radius: 30px;
	padding: 4%;
	margin: 0 0 5% 0;
}

.value-menu-conts p, .value-menu-conts-100 p {
	font-size: clamp(30px, 6vw, 60px);
}
.menu-price dd , .aircon-price{
	font-size: clamp(30px, 7vw, 60px);
}

/*office-menu*/
.office-menu-box {
	padding: 4%;
}
.office-menu-conts {
	display: block;
}
.office-menu-conts .office-image {
	width: 100%;
	object-fit: cover;

}
.office-menu-conts .office-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.office-menu-text {
	width: 100%;
	line-height: 200%;
}
.office-menu-midashi {
	font-size: 1.2rem;
	font-weight: bold;
}
.office-menu-box ul {
	margin: 10% 0 0 0;
	padding: 0;
}
.office-menu-box ul li {
	width: 45%;
	padding: 2%;
	margin: 1% 0;
}


/*flow*/
.flow-box {
	display: block;
}
.flow-conts {
	color: #056dc1;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}
.flow-flex {
	display: flex;
	flex-direction:row;
	align-items: center;
}
.flow-conts img {
	width: 30%;
	max-width: 220px;
	margin: 0 5% 0 0 ;
}
.flow-conts .text-Left {
	text-align: left;
	margin: 0;
	padding: 0;
}
.flow-conts .text-Left .flow-tit {
	color: #056dc1;
	text-align: left;
	margin: 3% 0;
}
.flow-tit {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 3% 0 0 0;
	padding: 0;
}
.triangle {
	display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 20px solid #ffffff;
  border-bottom: 0;
	margin: 5% auto 0 auto;
}

/*voice*/
.voice-list {
	display: block;
}
.voice-conts {
	width: 90%;
	padding: 5%;
	margin: 10% 0;
}
	
/*company*/
.company-box {
	font-size: 0.8rem;
}

/*contact*/
.contact-box {
	display: block;
}
.contact-text {
	text-align: center;
	width: 100%;
	margin: 0 ;
}
.contact-text .text-left {
	text-align: left;
}
.contact-tel {
	text-align: center;
	color: #056dc1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.contact-text .text-bl {
	text-align: center;
}
.contact-tel {
	color: #056dc1;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.contact-tel a {
	display: block;
	font-weight: bold;
	color: #056dc1;
	font-size: 2rem;
	margin: 0 10px 0 10px;
}
.contact-tel .textR {
	display: block;
	width: 100%;
}

.contact-illust {
	width: 30%;
	max-width: 270px;
	margin: 3% auto;
}
	
/*thanks*/
.thanks {
	padding: 120px 0 0 0;
}
.thanks-copy {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 3% 0;
	padding: 0;
}
	
}