@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:17px; } }@media screen and (max-width: 1200px) { html{font-size:16px; } }@media screen and (max-width: 1024px) { html{font-size:15px; } }@media screen and (max-width: 768px) {  html{font-size:14px; } }@media screen and (max-width: 480px) {  html{font-size:13px; } }a,a:visited,a:active { color:rgba(249,111,0,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
/*———————————————　デフォルト　———————————————*/
/*　マルチイメージのポインター無　*/
.cuosor {
  pointer-events: none ;
  cursor: default ;
}


/*　ページトップボタン　*/
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
left: 0;
}
.pagetop_btm .fs_btn{
line-height: 1.6;
}
.pagetop_btm_sp {
background-color: rgba(0, 70, 150, 0.7);
}


.firstcontact_line {
  background: linear-gradient(transparent 60%, #FFE375 0%); 
}

.firstcontact_line_all {
  background: linear-gradient(transparent 0%, #FFFFFF 0%);
  padding: 0.8rem;
  border-radius: 10px 10px 10px 10px;
 color:#F96F00;
}

.firstcontact_line_brown {
  background: linear-gradient(transparent 0%, #1C1A10 0%);
  padding: 0.8rem;
  border-radius: 10px 10px 10px 10px;
 color:#FFFFFF;
}

/*デフォルト*/
a   {
text-decoration:none;
}

.hover_opacity:hover{
opacity: 0.85;
transition:0.6s;
}

.letter-spacing{
letter-spacing: 0.3rem;
}

.opacity {
opacity: 0.9;
}


/* === フォーム部分追加(20/07/15) === */
@media screen and (max-width: 480px) {
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(0.9) !important;
}
}


/* 角を削る*/
.kadomaru {
  border-radius: 5px 5px 5px 5px;
}

.kadomaru_top {
  border-radius: 5px 5px 0px 0px;
}

.kadomaru_bottom {
  border-radius: 0px 0px 5px 5px;
}

.kadomaruB {
  border-radius: 30px 30px 30px 30px;
}

/*　▼　*/
.flow_sankaku  {
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid #fff;
        margin: 0 auto;
        padding:0 0 1rem 0;
}

.flow_sankaku_blue {
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid #005BAB;
        margin: 0 auto;
        padding:0 0 0 0;
}

/*　▼黄色　*/
.flow_sankaku2  {
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid #FCF7E6;
        margin: 0 auto;
        padding:0 0 1rem 0;
}



/*　橙文字　*/
.colorA{
color:#F96F00;
}


/*　黄色文字　*/
.colorB{
color:#F4DA74;
}


/*　グレー文字　*/
.colorC{
color:#959595;
}


/*　ふきだし　*/
.balloon1 {
  position: relative;
  display: inline-block;
  padding: 0.5rem 3rem;
  min-width: 120px;
  max-width: 100%;
  color: #ffffff;
  background: #F96F00;
  border-radius: 5px;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #F96F00;
}


/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}

.space{
letter-spacing: -0.08rem;
}

.space2{
letter-spacing: -0.1rem;
}


.font-title{
font-family: 'Montserrat';
letter-spacing:0.1em;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*　———　Q&A　———　*/
.service_qa_contents{
margin: 0rem 1rem 1rem 1rem;
}
.service_qa_contents summary{
color: #f96f00;
padding: 1rem;
border-radius: 1rem;
font-weight: bold;
letter-spacing: 0.08rem;
}
.service_qa_contents span{
margin: 0.75rem 0rem 1rem 0rem;
padding: 1rem;
display: block;
border-radius: 1rem;
background-color: rgba(244, 218, 116, 1);
letter-spacing: 0.08rem;
}


/*　質問項目　宅配サービスのご案内･採用情報箇所　*/
.bgclolr-qa summary{background-color:#FFFFFF;}

/* 値段紹介 */
.price-tb{width: 100%; text-align:center; vertical-align: top ; background-color: #f1d774;}
.price-tb tr:first-child{border-top: 1px solid #F0F3F9;}
.price-tb tr{border-top: 0px solid #F0F3F9;}
.price-tb-f{padding: 1rem 1rem 1rem 0rem; width: 25%; font-weight: bold; background-color: #f1d774}
.price-tb-s{padding: 1rem 1rem 1rem 0rem; width: 35%; word-break: break-all; background-color: #f1d774}
.price-tb-t{padding: 1rem 1rem 1rem 0rem; width: 25%; word-break: break-all; background-color: #f1d774}
.price-tb-fo{padding: 1rem 1rem 1rem 0rem; width: 15%; background-color: #f1d774}

@media screen and (max-width: 498px) {
.price-tb-f{width: 45px;}
.price-tb-s{width: calc(100% - 45px - 55px - 35px - 2rem); }
.price-tb-t{width: 55px;}
.price-tb-fo{width: 35px; }
}

.facility-tb{width: 100%; text-align:center; vertical-align: top ;background-color: #f9f4e3;5; border: 2px solid #FFFFFF;}
.facility-tb tr:first-child{border-top: 0px solid #FFFFFF;}
.facility-tb tr{border-top: 2px solid #FFFFFF;}
.facility-tb-f{padding: 1rem 1rem 1rem 0rem; width: 25%; font-weight: bold; }
.facility-tb-s{padding: 1rem 1rem 1rem 0rem; width: 35%; word-break: break-all;}
.facility-tb-t{padding: 1rem 1rem 1rem 0rem; width: 25%; word-break: break-all;}
.facility-tb-fo{padding: 1rem 1rem 1rem 0rem; width: 15%; }

@media screen and (max-width: 498px) {
.facility-tb-f{width: 55px;}
.facility-tb-s{width: calc(100% - 55px - 60px - 10px - 2rem); }
.facility-tb-t{width: 60px;  text-align:right;}
.facility-tb-fo{width: 10px; }
}

.step-btn{
position:relative;
z-index: 5;
}


.mB20 {
  margin-bottom: 20px;
}

.icon {
  position: relative;
  width: 20px;
  height: 20px;
  background: #ccc;
  border-radius: 50%;
}

.icon::before, .icon--plus::after {
  position: absolute;
  top: 9px;
  left: 50%;
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  border-top: 2px solid #fff;
  transform: translateX(-50%);
}

.icon--plus:after {
  top: 3px;
  left: -3px;
  transform: rotate(90deg);
}

/*　———　文字の真ん中に線を引く　———　*/

.text-line {
	display: flex;
	align-items: center;
}

.text-line:before,
.text-line:after {
  content: "";
  flex-grow: 1;
  height: 2px; /* 線の太さ */
  background: #000; /* 線の色 */
}

/*　———　ポップアップ　———　*/
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 600px;
  padding: 50px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}


.box {
  width: 100px;
  height: 100px;
  background: #000;
  transition: all 300ms 0s ease;
}

.box:hover {
  background: #ccc;
  width: 300px;
}

/*　———　背景ぼかし　———　*/

.rgba-black4{
background-color:rgba(255, 255, 255, 0.5);
}

.reiya1{
z-index: 10;
}

.reiya2{
z-index: 15;
}

@media screen and (max-width: 498px) {
.top-btn{width: 49px;}