﻿html{overflow-y:scroll;margin:0;padding:0;font-size:62.5%}body{margin:0;padding:0;box-sizing:border-box;word-break:break-all;word-wrap:break-word;line-height:1.6;-webkit-text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,header,hgroup,section,article,aside,hgroup,footer,figure,figcaption,nav{margin:0;padding:0;font-size:100%}pre,form,fieldset,input,textarea,div,blockquote,th,td{margin:0;padding:0}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}h1,h2,h3,h4,h5,h6,em,b{font-weight:normal}ul,ol{list-style:none}li{list-style-type:none}table{border-collapse:collapse;border-spacing:0;page-break-inside:avoid;empty-cells:show}td{vertical-align:top}a{text-decoration:none}caption{text-align:left}q:before,q:after{content:''}object,embed{vertical-align:top}hr,legend{display:none}img,abbr,acronym,fieldset{border:none;vertical-align:bottom}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}a:hover{opacity:0.7}body{font-family:"メイリオ",Meiryo,"Hiragino Sans W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,Helvetica,sans-serif;font-size:1.4rem;color:#191919;line-height:1.7;margin:0 auto !important}.cont_inner{width:1100px;margin:0 auto;padding:0 50px}@media screen and (max-width: 896px){.cont_inner{width:100%;margin:0 auto;padding:0 20px}}@media screen and (max-width: 896px){.sp_none{display:none !important}}@media screen and (min-width: 897px){.pc_none{display:none !important}}@media screen and (min-width: 897px){a[href^="tel:"]{pointer-events:none}}.txt_note{color:#EC2900 !important}.i-block{display:inline-block !important}
/*# sourceMappingURL=style.css.map */


/* all */
.inner {
  margin: 0 auto;
  width: 1000px;
}

.ds_f {
  display: flex;
}

li{
  text-align: left;
}

ul li::before {
  content: "●";
}

h2.middle {
  margin-bottom: 20px;
  padding-top: 46px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  border-bottom: 4px solid #E7380D;
}

.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}


#container {
  background: url(../image/back.png) no-repeat;
  background-color: #fbecf3;
}

/* header */
header {
  text-align: center;
}

.header_bar {
  background: #fff;
  border-bottom: 7px solid #E7380D;  
}

.kv {
  padding-top: 50px;
}

/* link_btn */
.link_btn {
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
  padding: 20px 0; 
  text-align: center;
  justify-content: center;
  background: rgba(255, 255, 255, .8)
}

.link_btn a:first-child {
  margin-right: 20px;
}


/* about */
.about {
  padding-top: 5px;
  padding-bottom: 60px;
  text-align: center;
}

.about .about_inner {
  margin: 0 auto;
  padding-bottom: 20px;
  width: 990px;
  background: #fff;
  box-shadow: 8px 8px 10px#f1a6b8;
}

.about .target .boxes {
  padding-bottom: 10px;
}

.about .merit {
  margin: 0 auto;
  width: 920px;
  padding: 10px;
  border: 8px solid #D2D2D3;
  line-height: 1.2;
}

.about .merit .boxes {
  padding-bottom: 10px;
  justify-content: center;
}


/* service */
.service {
  font-size: 20px;
  background: #fff;
}

.service .strong {
  font-size: 28px;
}

.service .strong span {
  color: #E7380D;
}


/* use */
.use {
  padding-bottom: 60px;
  background: #fff;
}

.use table {
  margin-bottom: 30px;
  border-collapse: collapse;
  text-align: left;
  line-height: 1.4;
}

.use th, .use td {
  border: 1px solid #E7380D;
  vertical-align: middle;
}

.use th {
  padding-left: 20px;
  background: #FFE8EB;
}

.use th.top {
  padding-top: 10px;
  padding-bottom: 10px;
}

.use th.left {
  width: 160px;
}

.use td {
  padding: 10px 0px 10px 10px;
}

.note {
  color: #E7380D;
}

.use ul li::before {
  content: "・";
}



/* process */
.bg {
  background: linear-gradient(#F9DBE8, #FBECF3);
}

.process {
  padding-top: 60px;
  line-height: 1.4;
}

.process .inner {
  padding: 150px 0 30px;
  position: relative;
  background: #fff;
  border-radius: 5px;
  box-shadow: 10px 10px 5px#f1a6b8;
}

.process .boxes {
  margin: 10px auto 0;
  padding-top: 10px;
  width: 930px;
  border: 6px solid #F7B2B8;
  justify-content: center;
}

.process h2 {
  position: absolute;
  top: -20px;
}

.process h3 {
  padding: 15px 0;
}

.process .process_img {
  width: 350px;
  height: 230px;
  border: 1px solid #aaa;
}

.process .leftside, .process .rightside {
  width: 50%;
  text-align: center;
}

.process .leftside {
  border-right: 6px solid #F7B2B8;
}

.process .box_inner_txt {
  margin: 0 auto;
  padding: 10px 0;
  width: 350px;
  text-align: left;
  font-weight: bold;
}

.process .box {
  height: 380px;
}

/* ⑤ご来店 */
.process .lastbox {
  margin: 30px auto 0;
  width: 420px;
  text-align: left;
}

.process .label {
  margin-bottom: 2px;
  padding: 3px 0;
  color: #fff;
  font-weight: bold;
  background: #9E9E9F;
  text-align: center;
}

.process .lastbox div:last-child {
  margin-top: 10px;
}

.process .current {
  margin: 0 auto;
  padding-top: 20px;
  width: 1000px;
  text-align: right;
}

/* inquiry */
.inquiry {
  margin: 0 auto;
  padding-bottom: 20px;
  width: 1000px;
  font-size: 26px;
  font-weight: bold;
}

.inquiry .inquiry_inner {
  justify-content: center;
  align-items: center;
}

/* footer */
footer {
  padding: 10px 0 120px;
  text-align: center;
  color: #fff;
  background: #E7380D;
}