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



.titpic{margin: 0px 8% ; width: 70%; padding-bottom: 30px }


.serpic{letter-spacing: 2px; color:#dc0032 ; width: 80%;  margin: -40px 0 0 4%; position: relative ; font-size:clamp(1.75rem, 1.125rem + 3.13vw, 2.375rem) }/*28-38*/
.serpic span{background: rgba(251,241,230,0.8); padding: 5px 5%; border-radius: 5px}


.pctbox2 {margin: 0 15% 0 auto;  width: 72px}
.pctbox2 .pctit{position: relative; width: 72px ;top: 40px; z-index: 1;}
.pctbox2 .door{position: absolute; left: 0; width: 72px;  z-index: -1;  }
.pctbox2 .openll{position: absolute; left: 0px; width: 30px; z-index: -1;  }
.pctbox2 .openrr{position: absolute; left: 42px; width: 30px; z-index: -1;  }

#a02 .pctbox2 .pctit{top: -70px}

/*--------------------------------------------------------------------

.area1

--------------------------------------------------------------------*/
.area1{position: relative;
    width: 100%;
    height:100%;   
}
.area1 .headbox{padding: 20px 0 0 8%}
.area1 .text01 span{letter-spacing: 1px; border-radius: 5px; margin-right: 15px; display: inline-block; padding: 0 10px; background:#dc0032; color: #fff; font-size: clamp(1.125rem, 0.75rem + 1.88vw, 1.5rem) }/*18-24*/
.area1 .text01 i{ font-size: clamp(0.75rem, 0.625rem + 0.63vw, 0.875rem)}/*12-14*/
.area1 .text02{margin-top: 10px}
.area1 .text02, .area1 h2{color: #dc0032; font-size:clamp(1.375rem, 1.057rem + 1.59vw, 2.25rem)}/*22-36*/
.area1 .text02 img{width: 30%; max-width: 33px ; position: relative; top: -8px; }
.area1 h2{position: relative; padding: 5px 0 30px ;display: inline-block}
.area1 h2 img{width: 15%; position: absolute; top: 5px; left: 54%}

/*--------------------------------------------------------------------

.case

--------------------------------------------------------------------*/
.case{position: relative; padding-bottom: 80px}
.case .text03{ transform:rotate(90deg); display: inline-block; padding-top: 25px; position: absolute ; letter-spacing: 3px}
.case ul{z-index: 1; position: relative; margin:0 8% 0 10% ; display:flex; flex-flow: wrap; justify-content: space-between}
.case li{ margin-bottom: 30px; text-align: center;width: 47%; font-size:clamp(0.688rem, 0.25rem + 2.19vw, 1.125rem) }/*11-18*/



/*--------------------------------------------------------------------

.menubox

--------------------------------------------------------------------*/
.menubox{padding: 80px 0 0; text-align: center; background:#fff url("../img/service/menu.png") no-repeat center 80px; background-size: 70% }
.menubox h2{color: #dc0032; font-size:clamp(2.625rem, 1.875rem + 3.75vw, 3.375rem)}/*42-54*/
.menubox dl{padding: 0 2% 40px 8%; position: relative}
.menubox dt{width: 44%; position: absolute; right: 4%; top: 40px; max-width:285px }
.menubox dd{ text-align: left}

.menubox .text01{display: inline-block; padding: 0 10px; background:#dc0032; color: #fff; border-radius: 5px; letter-spacing: 1px; margin-bottom: 10px}
.menubox ul{position: relative; z-index: 1}
.menubox li{font-weight: 600; list-style: disc; margin-left: 20px; font-size: clamp(0.938rem, 0.313rem + 3.13vw, 1.563rem)}/*15-25*/
.menubox li:last-child{list-style: none;margin-left: 0}

.slidebg .menubox .fuki{padding-top: 50px ; letter-spacing: 1px ; font-weight: 600 ; font-size:clamp(1rem, 0.5rem + 2.5vw, 1.5rem) }/*16-24*/
.slidebg .menubox .fuki img{width:15px ; vertical-align: middle}


.slidebg .menu01{padding:20px 4% 50px; background: #fff}
.slidebg .menu01 a{color:#c0aa72; display: block; border: 1px solid #c0aa72; padding: 30px 20px}
.slidebg .me012 a{padding-bottom: 30px}


/*波形の設定*/
.slidebg .btnripple3:hover::before {
    content: '';
    /*絶対配置で波形の位置を決める*/
    position: absolute;
    left:45%;
    top:30%;
    /*波形の形状*/
    border: 1px solid #b08a2a;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /*はじめは不透明*/
  opacity:1;
    /*アニメーションの設定*/
    animation:1s circleanime2 forwards;
}




.slidebg .menu01 dl{display: flex; justify-content: space-between}
.slidebg .menu01 dt{margin-top: -33px; width: 5%; background:#c0aa72; color: #fff ; line-height: 1.1;
        font-size: 10px;
        letter-spacing: 1px;
        padding: 10px 4px 0px 1px; border-radius: 0 0 5px 5px}
        
.slidebg .me012{margin-top: 30px}

.slidebg .menu01 dd{width: 92%; font-size: 14px; display: flex; justify-content: space-between}
.slidebg .menu01 dd .tate{width: 22% ; writing-mode: vertical-rl; position: relative}
.slidebg .menu01 dd .tate i{position: absolute; left: 20px; top: 0}
.slidebg .menu01 dd .tate i.le0{left: 0px ; min-height: 110px}
.slidebg .menu01 dd .texte{margin-top: -5px ; width: 75% ; font-size:clamp(0.875rem, 0.5rem + 1.88vw, 1.25rem) }/*14-20*/
.slidebg .menu01 .me012 dd span{ font-size:clamp(0.875rem, 0.5rem + 1.88vw, 1.25rem) }/*14-20*/
.slidebg .menu01 .me012 dd span{ font-size: 12px; }
.slidebg .menu01 dd .min{line-height:1.3; font-size:clamp(1.5rem, 0.875rem + 3.13vw, 2.125rem)}/*24-34*/
.slidebg .menu01 dd li{position: relative; padding-left: 15px ; font-weight: 600; font-size:clamp(0.875rem, 0.375rem + 2.5vw, 1.375rem) }/*14-22*/
.slidebg .menu01 dd li::before {
	content: "+";
	color: #dc0032;
	font-size: 10px; position: absolute;
        left: 1px;
        top: 4px;
}

/*--------------------------------------------------------------------

#a01

--------------------------------------------------------------------*/
#a01{background: #fff; padding: 50px 0 220px; text-align: center}
#a01 .sec{z-index: 2; position: relative;width: 100%; color: #dc0032; font-size: clamp(2.625rem, 1.875rem + 3.75vw, 3.375rem);}
#a01 .sec span{position: absolute; left: 50%; min-height: 150px; margin-left: -10px; line-height: 1}
#a01 .titen{position: relative; z-index: 1; max-width:474px; width: 80%; margin-top: 40px; border-radius: 5px 0 0 5px }
#a01 .less{margin-top: -77px;}

#a01 .midshi{z-index: 2; width: 5%; background:#dc0032; color: #fff ; line-height: 1.1;
        font-size: 10px;
        letter-spacing: 1px;
        padding: 10px 4px 10px 1px; border-radius: 0 5px 5px 0px; position: absolute; top: 30px; left: -3px}

#a01 .waku{background:#fbf1e6; margin-left: 4%; position: relative; border-radius: 5px 0 0 5px}
#a01 .wakuin{position: relative; z-index: 1; text-align: left;padding:30px 0 0 8%; }
#a01 .wakuin .textsub{color: #dc0032;font-weight: 600;}
#a01 .wakuin .textsub img{width: 18px}
#a01 .wakuin h2{letter-spacing: normal; color: #dc0032; font-size:clamp(1.438rem, 0.625rem + 4.06vw, 2.25rem)}/*23-36*/


#a01 .wakuin .pic{margin-bottom: 20px}
#a01 .wakuin .pic img{border-radius: 5px 0 0 5px}
#a01 .wakuin .text01{font-size: clamp(0.875rem, 0.25rem + 3.13vw, 1.5rem)}/*14-24*/
#a01 .wakuin .text01 .mini{font-size: 14px; display: block}
#a01 .wakuin .text01 .pt15{padding-top: 15px; display:block}
#a01 .wakuin .text01 .pt15 .line{font-weight: 700}

#a01 .wakuin .plice , #f03 .wakuin .plice{position: relative; background: #dc0032; color: #fff; border-radius: 5px; padding: 20px; margin:40px 8% 10px 0; display: flex; justify-content: space-between; font-size: clamp(0.75rem, 0.625rem + 0.63vw, 0.875rem)}/*12-14*/
#f03 .wakuin .plice{margin-top: 20px}

#a01 .wakuin .plice .pri , #f03 .wakuin .plice .pri{font-size: 12px; position: absolute; left: -20px; top: 5px; display: inline-block; padding: 0 20px; border-radius: 5px; background: #fff; color:#dc0032 ; transform:rotate(-25deg); font-weight: bold; letter-spacing: 1px; }
#a01 .wakuin .pri01 , #f03 .wakuin .pri01 {letter-spacing: normal;font-size: clamp(0.625rem, 0.375rem + 1.25vw, 0.875rem)}/*10-14*/
#a01 .wakuin .plice span , #f03 .wakuin .plice span{font-weight: 600; font-size:clamp(0.938rem, 0.25rem + 3.44vw, 1.625rem)}/*15-26*/

#a01 .wakuin .att{text-align: right; margin-right: 8%; padding-bottom: 40px}


#a01 .semi{margin-top: 70px; position: relative}
#a01 .semi .seli{display: inline-block; position: absolute; right: 8%; top: 40px}
#a01 .semi  h2{padding-bottom: 20px}
#a01 .semi ul a{ color: #000}
#a01 .semi ul a:hover{color:#b08a2a }
#a01 .semi li{position: relative; padding: 0 8% 0 0;margin-bottom: 25px}
#a01 .semi li:last-child{margin-bottom: 0px; padding-bottom: 50px}
#a01 .semi li .date{font-size: 13px}
#a01 .semi li .pot{font-size: 10px; position: absolute; right: 8%; top: 0; border-radius: 5px; border: 1px solid #ccc; padding: 0 10px}
#a01 .semi li h3{font-size: clamp(1rem, 0.5rem + 2.5vw, 1.5rem)}/*16-24*/


/*--------------------------------------------------------------------

#a02
--------------------------------------------------------------------*/
#a02{position: relative}
#a02 .door2{ position: absolute; right:8%; top: -70px; width: 135px }
#a02 .titen{ position: absolute; left:2%; top: -150px; width:20%; max-width:154px }
#a02 .sec{line-height: 1.5; z-index: 2; position: relative;width: 100%; color: #dc0032; font-size: clamp(2.625rem, 1.875rem + 3.75vw, 3.375rem);}
#a02 .sec i{font-size:clamp(1.25rem, 0.625rem + 3.13vw, 1.875rem) }/*20-30*/
#a02 .sec span{letter-spacing: 2px; position: absolute; left: 50%; min-height: 250px; margin-left: -90px; line-height: 1.2; top: -35px}
#a02 .conpic{width: 50%; max-width:232px; margin: 20px 0 0 auto}
#a02 .text01{letter-spacing: 2px; margin: -60px 0 0 8%; position: relative; font-size:clamp(1.125rem, 0.5rem + 3.13vw, 1.75rem)}/*18-28*/

/*--------------------------------------------------------------------

.qamenu

--------------------------------------------------------------------*/
.qamenu{text-align: center}
.qamenu .qatit{padding-top: 40px; font-size:clamp(1.438rem, 0.625rem + 4.06vw, 2.25rem)}/*23-36*/
.qamenu .qatit img{width: 15px ; vertical-align: middle;}
.qamenu ul{margin: 20px 3% 0 ; display: flex; justify-content: space-between ; flex-flow: wrap}
.qamenu li{ width: 31%; margin-bottom: 20px }
.qamenu li a.btn-border{letter-spacing: normal; display: block; padding:5px 0; font-size: clamp(0.75rem, 0.375rem + 1.88vw, 1.125rem)}/*12-18*/
.qamenu .att{font-size: 12px}



#a02 .midshi{z-index: 2; width: 5%; background:#dc0032; color: #fff ; line-height: 1.1;
        font-size: 10px;
        letter-spacing: 1px;
        padding: 10px 4px 10px 1px; border-radius: 0 5px 5px 0px; position: absolute; top: 30px; left: -3px}

#a02 .waku{background:#fff; margin-left: 4%; position: relative; border-radius: 5px 0 0 5px}
#a02 .wakuin{position: relative; z-index: 1; text-align: left;padding:30px 0 0px 8%; }
#a02 .wakuin .textsub{color: #dc0032;font-weight: 600;}
#a02 .wakuin h2{padding-bottom: 20px ; color: #dc0032; font-size:clamp(1.438rem, 0.625rem + 4.06vw, 2.25rem)}/*23-36*/

#a02 #con01 {padding-top: 50px}
#a02 .cpic{position: absolute; right:2%; top:-5px; width: 40%; max-width:181px ; z-index:2}

#a02 .wor{background: #fbf1e6;padding: 20px 0 20px 20px; position: relative ; border-radius: 5px; margin-right: 8%}
#a02 .wor img{width: 29px;position: absolute; left:10px; top: 0; border-radius: 0 0 5px 5px;}

#a02 .wor ul{margin-left: 8%}
#a02 .wor li{margin-left: 20px; list-style: disc; margin-bottom: 10px; line-height: 1.4; font-size:clamp(0.813rem, 0.5rem + 1.56vw, 1.125rem)}/*13-18*/
#a02 .wor li span{font-size: 12px}
#a02 .wor li:last-child{margin-bottom: 0}

#a02 .uri{padding: 0px 7% 50px 0; font-size: clamp(0.875rem, 0.693rem + 0.91vw, 1.375rem)}/*14-22*/
#a02 #con01 .uri span{display: block; margin-top: 20px}
#a02 #con01 .uri i{ color:#333a3d}
#a02 #con01 .uri img{width: 50px; margin-left: -50px; margin-top: 10px; position: relative; top: 5px}

#a02 #con02{margin-top: 60px} 
#a02 #con02 .cpic{max-width: 189px; right: 5%}
#a02 #con02 .uri{padding-top: 20px}
#a02 #con02 .uri .mini{font-size: 12px}

#a02 #con03{margin-top: 60px}
#a02 #con03 h2{ padding-bottom: 10px}
#a02 #con03 .sub{padding-bottom: 20px}
#a02 #con03 .cpic{max-width: 123px; right: 5%; top: -20px}
#a02 #con03 .uri{ padding: 20px 0 0px 0; }
#a02 #con03 .uri .mini{ letter-spacing: normal; font-size:clamp(0.75rem, 0.625rem + 0.63vw, 0.875rem) }/*12-14*/

.kouryaku{ text-align: center; background: #fff; margin-left: 4% ;padding-bottom: 50px; border-radius: 0 0 0 5px}
.kouryaku h3{text-align: center}
.kouryaku h3 img{ max-width:298px; padding-bottom: 15px}
.kouryaku .kouflow{display: flex; justify-content: space-between}
.kouryaku li{width: 45%}
.kouryaku li:nth-child(2){width:10%; background: #dc0032; color: #fff; font-size: clamp(1rem, 0.375rem + 3.13vw, 1.625rem) }/*16-26*/

.kouryaku .kouflow .type{color: #5992e2 ; border: 1px solid #000; font-weight: 600; margin-left: 8% ; margin-right: -10px ; background: #fff; position: relative; font-size: clamp(1rem, 0.375rem + 3.13vw, 1.625rem)}/*16-26*/
.kouryaku .kouflow li:nth-child(3) .type{color: #dc0032; margin-left: -8%; margin-right: 8%;}


ryaku .kouflow li.kour .type{margin-left: -10px; margin-right: 8%; background: #fff}
.kouryaku .kouflow li:nth-child(2) .tate{padding-top: 40px; letter-spacing: 2.2px; line-height: 2}
.kouryaku .kouflow:nth-of-type(1) li:nth-child(2) .tate{padding-top: 50px}
.kouryaku .kouflow:nth-of-type(3) li:nth-child(2) .tate{padding-top: 20px}


.kouryaku .kouflow li .pic{margin-bottom: 10px}
.kouryaku .kouflow .text{line-height: 1.5; font-weight: 600; margin-left: 8%;margin-right: 5%; font-size:clamp(0.875rem, 0.625rem + 1.25vw, 1.125rem) }/*14-18*/
.kouryaku .kouflow li:nth-child(3) .text{color: #dc0032; margin-left: 3%}
.kouryaku .kouflow .tl{text-align: left}
.kouryaku .kouflow .text .mini{font-size: 13px}
.kouryaku .kouflow .text .mini2{font-size:clamp(0.75rem, 0.563rem + 0.94vw, 0.938rem)}/*14-18*/


.startcont img{ padding: 20px 4% 30px; max-width: 556px }

.kouryaku .start{margin: 0 4%; position: relative; }
.kouryaku .start .balloon2{width: 100%}
.kouryaku ul:nth-of-type(4) li:nth-child(2) .tate {padding-top: 10px; letter-spacing: normal}
.kouryaku ul:nth-of-type(4) .text .mini2{font-family: "Noto Sans JP", sans-serif; font-weight: 700; }


#a02 #con04{margin-top: 60px}
#a02 #con04 .wakuin{padding-bottom: 30px}
#a02 #con04 h2{ padding-bottom: 10px}
#a02 #con04 .sub{padding-bottom: 20px}
#a02 #con04 .cpic{max-width: 112px; right: 5%; top: -10px}
#a02 #con04 .sisanpic{padding: 30px 8% 20px 0 }

#a02 #con04 .akawaku{margin-bottom: 10px ; text-align: center;letter-spacing: normal;border: 1px solid #dc0032;  color: #dc0032; margin-right: 8%; font-weight: 700; font-size: clamp(0.688rem, 3.44vw, 1.375rem)}/*12-22*/

#a02 #con04 .point{background:#fbf1e6 url("../img/service/point.png") no-repeat right bottom; background-size:243px 74px ; padding: 20px 20px 0px; position: relative ; border-radius: 5px 0 0 5px}
#a02 #con04 .point .midshi2{font-size: 12px; position: absolute; left: -20px; top: 5px; display: inline-block; padding: 0 20px; border-radius: 5px; background: #dc0032; color:#fff ; transform:rotate(-25deg); font-weight: bold; letter-spacing: 1px; }


#a02 #con04 .point h3{color: #dc0032 ; letter-spacing: normal; width: 100%; text-align: center ; font-weight: 700; font-size:clamp(0.875rem, 0.125rem + 3.75vw, 1.625rem)}/*14-26*/
#a02 #con04 .point h3 span{font-size: 12px}
#a02 #con04 .point dl{display: flex; justify-content: space-between ; padding-top: 30px }
#a02 #con04 .point .ml8 dt{width: 40%}
#a02 #con04 .point .ml8 dd{width: 55% }
#a02 #con04 .point dt{width: 35%}
#a02 #con04 .point dd{margin-top: -5px; letter-spacing: normal; width: 62% ;font-size:clamp(0.625rem, 3.13vw, 1.25rem)}/*10-20*/
#a02 #con04 .point dd span{line-height: 1; font-size:clamp(1.375rem, 1.148rem + 1.14vw, 2rem) }/*22-32*/

#a02 #con04 .fukidashi-01-04::before{z-index: 2}
#a02 #con04 .point .fukidashi-01-04::after{z-index: 1}
#a02 #con04 .point dd li{ background: url("../img/service/kuro.png") no-repeat left 10px ; background-size:5px 5px; padding-left: 10px }


#a02 #con05{margin-top: 60px}
#a02 #con05 .wakuin{padding-bottom: 50px}
#a02 #con05 .cpic{max-width: 112px; right: 5%; top: -10px}
#a02 #con05 .pic{padding: 30px 8% 20px 0}
#a02 #con05 .uri{padding-bottom: 20px}
#a02 #con05 .fukidashi-01-04{margin: 0 auto 20px; font-weight: 700}
#a02 #con05 .fukidashi-01-04::before{background: #fff}
#a02 #con05 .tpotext{margin-right: 8%; font-size: clamp(0.688rem, 0.438rem + 1.25vw, 0.938rem)}/*11-15*/
#a02 #con05 .wakuin .waku2{border:#d6d2ca 1px solid ; padding: 10px; margin-right: 8%; border-radius: 5px}


#a02 #con06{margin-top: 60px}
#a02 #con06 .wakuin{padding-bottom: 50px}
#a02 #con06 h2 span{font-size: 14px}
#a02 #con06 .sub{margin-bottom: 20px}
#a02 #con06 .sub span{letter-spacing: normal;font-size: clamp(0.688rem, 0.563rem + 0.63vw, 0.813rem)}/*11-13*/
#a02 #con06 .pic{padding: 20px 0 10px; text-align: center}
#a02 #con06 .pic img{max-width:405px; width: 90% }
#a02 #con06 .uri{padding: 30px 0 20px}
#a02 #con06 .fukidashi-01-04{margin: 0 0 10px 0 ;text-align: center ; font-weight: 700}
#a02 #con06 .fukidashi-01-04::before{background: #fff}
#a02 #con06 .tpotext{margin-right: 8%; font-size: clamp(0.688rem, 0.438rem + 1.25vw, 0.938rem)}/*11-15*/
#a02 #con06 .wakuin .waku2{border:#d6d2ca 1px solid ; padding: 20px 10px 10px; margin-right: 8%; border-radius: 5px}
#a02 #con06 .wakuin .waku2 .fukidashi{text-align: center}

/*--------------------------------------------------------------------

.summary

--------------------------------------------------------------------*/
.summary{position: relative; text-align: center}
.summary .text01{ padding: 40px 0 10px ; font-size: clamp(0.75rem, 0.125rem + 3.13vw, 1.375rem)}/*12-22*/
.summary .text01 img {
    width: 15px;
    vertical-align: middle;
}
.summary .text02{padding-bottom: 30px; font-size:clamp(1.438rem, 1rem + 2.19vw, 1.875rem)}/*23-30*/
.summary .text02 img {
    width: 68px;
    margin-left: -68px;
    margin-top: -15px;
    position: relative;
    top: 9px;
}
.summary .slider img{padding: 0 10px; border-radius: 5px}
.smcont{position: relative}
.smcont .smile{position: absolute; top: -30px; width: 30%; right: 5%}

.summary .text03{padding: 30px 0 20px; font-size:clamp(1.25rem, 0.625rem + 3.13vw, 1.875rem)}/*20-30*/
.summary .plice{z-index: 1; position: relative; background: #dc0032; color: #fff; border-radius: 5px; padding: 20px; margin:0px 8% 10px ; display: flex; justify-content: space-between; font-size: clamp(0.75rem, 0.625rem + 0.63vw, 0.875rem)}/*12-14*/
.summary  .plice .pri{font-size: 12px; position: absolute; left: -20px; top: 5px; display: inline-block; padding: 0 20px; border-radius: 5px; background: #fff; color:#dc0032 ; transform:rotate(-25deg); font-weight: bold; letter-spacing: 1px; }
.summary .plice span{font-weight: 600; font-size:clamp(0.938rem, 0.25rem + 3.44vw, 1.625rem)}/*15-26*/

.summary .pri01 {letter-spacing: normal;font-size: clamp(0.625rem, 0.375rem + 1.25vw, 0.875rem)}/*10-14*/


.summary .text04{letter-spacing: normal;padding: 10px 0 30px; font-size:clamp(0.938rem, 4.69vw, 1.875rem)}/*15-30*/


.sumfirst{padding: 0 8%}


/*--------------------------------------------------------------------

.voice

--------------------------------------------------------------------*/
.voice{text-align: center; background: url("../img/service/rev.png") no-repeat center top; padding: 50px 0 80px ;
background-size: 80% ;}
.voice .voiin{margin: 0 10px}
.voice h2{font-size: clamp(1.625rem, 1rem + 3.13vw, 2.25rem)}/*26-36*/
.voice h2 span{color:#dc0032;  font-size:clamp(3.75rem, 3.125rem + 3.13vw, 4.375rem) }/*60-70*/
.voice h2 i{color:#dc0032; font-size: clamp(0.75rem, -0.25rem + 5vw, 1.75rem)}/*12-28*/
.voice .tright{text-align: right; font-size: 13px; margin: -20px 8% 0 0}
.voice .ach{background:#dc0032; color: #fff; display: inline-block; padding: 0 20px; border-radius: 5px; position: relative; z-index: 1}
.dopen2{margin-top: -10px; position: relative}
.voice dl{background: #fff; display: flex; justify-content: space-between; flex-flow: row-reverse} 
.voice dt{position: relative ; width: 25%; padding: 5% 5% 5% 0}
.voice dt p{position: absolute; right: 8%; bottom: 20px; width: 280px;text-align: right; font-size:clamp(0.625rem, 0.313rem + 1.56vw, 0.938rem) }/*10-15*/
.voice dd{padding: 5% 0 5% 5%; width: 75%; position: relative}
.voice dd{text-align: left}
.voice dd h3{font-size: clamp(1.25rem, 0.625rem + 3.13vw, 1.875rem)}/*20-30*/
.voice .nega{padding: 5%; text-align: left; position: relative; background:#e1dcd6 ; font-size: clamp(0.75rem, 0.25rem + 2.5vw, 1.25rem)}/*12-20*/
.voice .nega:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e1dcd6;
}
.voice .chenge{padding: 5% 5% 7%; text-align: left; background: #fff; font-size: clamp(0.813rem, 0.25rem + 2.81vw, 1.375rem)}/*13-22*/
.voice .chenge .line{display:inline}
.star{color:#ffc000 }

 .voice .prev-arrow{
border: none; position: absolute; right: 5%; top: 50%; z-index: 1;
  text-align: center;
  font-size: 50px;
  background: url("../img/service/yar.png")no-repeat ;height: 58px; width:35px; background-size: 35px 58px
}
 .voice .next-arrow{border: none; position: absolute; left: 5%; top: 50%; z-index: 1;
  text-align: center;
  font-size: 50px;
  background: url("../img/service/yal.png")no-repeat ;height: 58px; width:35px; background-size: 35px 58px}

.voice .mmdashi{font-size: 11px; letter-spacing: normal; position: absolute; top: 10px; left: 8%; width: 280px}
.voice .top10{line-height: 1.5; padding-top: 15px; letter-spacing: normal; font-size: clamp(1.125rem, 0.375rem + 3.75vw, 1.875rem)}/*18-30*/

/*--------------------------------------------------------------------

.flow

--------------------------------------------------------------------*/
.flow{text-align: center; background: url("../img/service/flow.png") no-repeat center 20px #fff; padding: 70px 0 60px ;
background-size: 80% ;}
.flow h2{font-size: clamp(1.625rem, 1rem + 3.13vw, 2.25rem)}/*26-36*/
.flow .sub img{width: 15px; vertical-align: middle}

.flow .waku{background:#fbf1e6; margin-left: 4%; position: relative; border-radius: 5px 0 0 5px ;}
.flow .wakuin{position: relative; z-index: 1; text-align: left;padding:30px 0 30px 8%; }
.flow .midshi{z-index: 2; width: 5%; background:#dc0032; color: #fff ; line-height: 1.1;
        font-size: 10px;
        letter-spacing: 1px;
        padding: 10px 4px 10px 1px; border-radius: 0 5px 5px 0px; position: absolute; top: 30px; left: -3px}
.flow .wakuin h2{padding-bottom: 20px ; color: #dc0032; font-size:clamp(1.438rem, 0.625rem + 4.06vw, 2.25rem)}/*23-36*/
.flow .sub{padding-bottom: 20px}
#f01 .text02{font-size:clamp(1.25rem, 0.5rem + 3.75vw, 2rem)}/*20-32*/
#f01 .text02 span{ font-size:clamp(0.688rem, 0.5rem + 0.94vw, 0.875rem) }/*11-14*/
#f01 .text03{font-size:clamp(0.688rem, 0.5rem + 0.94vw, 0.875rem) }/*11-14*/
#f01 a img{width: 70% ; max-width:338px; margin-top: 5px }
#f01 .wakuin a:nth-of-type(2){line-height: 1.4; display: block; padding: 10px 20px 15px !important; margin: 20px 8% 0 0}

.flow #f02 .wakuin , .flow #f03 .wakuin{padding-top: 0px}
.flow #f02 .midshi , .flow #f03 .midshi{top: 0}

#f02 h2 span, #f03 h2 span{ font-size:clamp(0.688rem, 0.25rem + 2.19vw, 1.125rem)}/*11-18*/
#f02 .text02a{font-size:clamp(0.688rem, 0.5rem + 0.94vw, 0.875rem) }/*11-14*/

#f03 .text0{font-size: clamp(0.75rem, 0.25rem + 2.5vw, 1.25rem)}/*12-20*/
#f03 img{margin: 20px 0 0 ; max-width: 512px ;border-radius: 5px 0 0 5px}


@media screen and (min-width: 430px) {
.slidebg .menu01 .me012 dd{padding-bottom: 10px}
}

@media screen and (min-width: 500px) {
.slidebg .menu01 dt{line-height:2;}
.slidebg .me012 { margin-top: 30px;}
.slidebg .menu01 .me012 dd{padding-bottom: 20px}

#a01 .midshi , #a02 .midshi ,.flow .midshi{ line-height: 2;}


}

@media screen and (min-width: 580px) {
.slidebg .menubox .fuki {
    padding-top: 90px;}
    
.slidebg .menu01 .me012 dd span{ font-size: 16px; }

}

@media screen and (max-width: 639px) {
#f02 h2 span:nth-of-type(2) {display: block}

.kouryaku .kouflow:nth-of-type(3) li:nth-child(2) .tate{padding-top: 10px}

}

@media screen and (min-width: 640px) {
#a01 .wakuin{padding-left: 10% ; }
#a01 .less { margin-top: -115px;}
#a01 .wakuin .plice{ padding: 20px 50px }

#a02 .wakuin{padding-bottom: 30px}
#a02 .sec span{margin-left: -70px}
#a02 .uri{padding-bottom:10px }
#a02 #con04 .uri{padding-bottom:30px }


#a02 #con04 .point{margin: 0 8% 0 0; padding-bottom: 0}
#a02 #con04 .point dd li{ background: url("../img/service/kuro.png") no-repeat left 15px ; background-size:5px 5px; padding-left: 10px }

.kouryaku{padding-bottom: 40px}
.kouryaku .start{width: 100%; width: 92%; margin: 0 auto;}
.kouryaku .kouflow .type{margin-right: -20px ; margin-left: 10%}
.kouryaku li:nth-child(2){width: 8%}

.kouryaku .kouflow .text .mini2{font-size:16px }

#a02 #con05 .wakuin{padding-bottom: 40px}
#a02 #con06 .fukidashi-01-04{margin: 0 auto 10px}

.summary .slider img{padding: 0 20px}

.flow{padding-top: 100px; background: url(../img/service/flow.png) no-repeat center 0px #fff; background-size: 446px 214px ;}


}