@charset "UTF-8";

/* =============================================
sp-size 
================================================*/

/* tab
----------------------------------------------- */

.earrings .tab {margin-bottom: 5vw;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.earrings .tab li {position: relative;text-align: center;width: 48%;margin-bottom: 2%;border-radius: 8px 8px 0 0;font-feature-settings: "palt";letter-spacing: .05em;background:var(--green02);}
.earrings .tab li a {color: #fff;padding: 3vw;font-size: 3.6vw;font-feature-settings: "palt";line-height:1.5;font-weight: 600;}
.earrings .tab li:hover {opacity: 0.8;}
.earrings .tab li a:hover {color: #FFF;}

.intro-item ul li{border:1px solid var(--green02);padding: 4vw;margin-bottom: 6vw;}
.intro-item ul li p{margin-bottom: 0;}
.intro-item ul li p.subtitle{font-size:4.6vw;text-align: center;color: var(--green02);border-bottom: 1px solid #ccc;font-weight: bold;margin-bottom: 6vw;padding-bottom: 4vw;line-height: 1.2;}
.intro-item ul li p span{font-size: 80%;}

.panel li a{color: var(--green02);font-weight: 600;border-bottom:1px solid var(--green02);display: inline;}
.item-list h3{background:var(--green02);color:#fff;font-weight:bold;font-size:4.5vw;padding:2%;margin-bottom:2%;}

.flow ul span{width: 12%;margin-right: 4%;}
.flow ul p{width: 84%;}

.attention a{color: var(--green02);font-weight: 600;border-bottom:1px solid var(--green02);display: inline;}
.trouble .item-list{margin-bottom: 4vw;}

.flow{margin-bottom:16vw;border-bottom:1px solid #e6e6e6;padding:0 0 12vw 0;}
.earrings .flow img{margin-bottom: 8%;}
.earrings .flow .title{color: var(--green02);font-size: 9vw;font-family: "Lato";font-weight: 400;}
.earrings .flow .title span{display:inline-block;font-size:3.5vw;color:#000;margin-left:3vw;}
.earrings .flow li{border:1px solid #ccc;margin-bottom:4%;padding-bottom:3%;padding: 3%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: start;align-items: center;position:relative;}
.earrings .flow li:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -20px;border: 20px solid transparent;border-top: 10px solid #c7e7e0;}
.earrings .flow li:nth-last-child(1):before{content:none;} 
.earrings .flow li span{background:var(--green02);width:10%;text-align:center;color:#fff;font-family: "Lato";font-weight: 400;margin-right: 2%;padding: 1%;border-radius: 30px;}
.earrings .flow li p{margin-bottom:0;line-height: 1.4;}

.ast-box span{display: block;text-indent: -1em;padding-left: 1em;font-size: 95%;}



/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {

/* tab
----------------------------------------------- */
.earrings .tab {margin-bottom: 35px;}
.earrings .tab li {margin-bottom: 12px;width: 24%;}
.earrings .tab li a {padding: 16px;font-size: 18px;}
	
.earrings .intro-item {margin-bottom: 0;}
.earrings .intro-item .inner{display: block;margin-bottom: 180px;}
.earrings .intro-item img{margin-bottom: 20px;}
.earrings .intro-item ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: stretch;align-items: stretch;}
.earrings .intro-item ul li{width: 32%;padding: 20px;margin-bottom: 10px;}
.earrings .intro-item ul li p.subtitle{font-size:18px;margin-bottom: 14px;padding-bottom: 14px;}
	
.item-list h3{font-size:20px;padding: 10px;}
.earrings .item li .name{margin-bottom: 10px}

.trouble .item-list{margin-bottom: 20px;}
.laceration{margin-bottom: 180px;}
.closure{margin-bottom: 180px;}
.earrings .mb{margin-bottom: 60px;}
	
.earrings .flow{padding-bottom:80px;margin-bottom:80px;}
.earrings .flow img{margin-bottom:50px;}
.earrings .flow .title{font-size: 50px;}
.earrings .flow .title span{font-size:18px;margin-left: 20px;}
.earrings .flow li{padding: 10px 15px;margin-bottom: 23px;}
.earrings .flow li span{width:50px;padding:2px;}
	
}

@media screen and (min-width: 1000px) {
	
.earrings .intro{margin-bottom:80px;}
.earrings .intro ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;-webkit-align-items: stretch;align-items: stretch;}
.earrings .intro img{width:40%;}
.earrings .intro .textbox{width:55%;}
.earrings .features{padding-bottom:90px;}
.earrings .features ul{justify-content: center;}
.earrings .features li{width: 31.5%;margin: 0 6px 12px;}
.earrings .ba-item{padding:0;margin-bottom:200px;}
.earrings .price th, .price td{padding:15px;}
.earrings .flow {position:relative;padding-bottom: 100px;margin-bottom: 120px;}
.earrings .flow:after{content:"";width: 800px;height: 560px;background:url(../../images/menu/bg01.png);background-size: contain;position:absolute;top: -190px;right: -110px;}
.earrings .flow img{position:absolute;width: 950px;top: -100px;}
flow .textbox{width: 900px;margin:0 0 0 auto;background:#fff;position:relative;padding: 70px 0 0 70px;z-index: 2;min-height:430px;}
.earrings .flow ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;}
.earrings .flow li{width:49%;}
.earrings .flow li:before{transform:rotate(-90deg);top: 15px;left: inherit;right: -21px;border: 10px solid transparent;border-top: 10px solid #c7e7e0;}
.earrings .flow li:nth-child(even):before{content:none;}
	

}