@charset "UTF-8";


/* explain 
----------------------------------------------- */
.explain .white{padding: 5vw;background: #fff;border-radius: 12px;-moz-box-shadow: 0 0 12px rgb(242 170 163 / 30%);-webkit-box-shadow: 0 0 12px rgb(242 170 163 / 30%);box-shadow: 0 0 12px rgb(242 170 163 / 30%);margin-bottom: 6vw;}
.explain span{text-align: center;}
.explain img{width: 100%;margin-bottom: 4vw;}
.scroll{margin-bottom: 4vw;}
.scroll img{width: 660px;}

.explain p.read{font-size: 4vw;font-weight: bold;color: var(--red);margin-bottom: 1vw;}
.explain p span{font-weight: bold;background: #fcf1f0;}
.explain p.mb80{margin-bottom: 8vw;}

.reassurance-items .reassurance-item{margin-bottom: 8vw;}
.reassurance-items .reassurance-item:last-child{margin-bottom: 0;}
.reassurance-items .reassurance-item .flex img{width:100%;}

.reassurance-items .ttl{margin-bottom: 4vw;padding-bottom: 4vw;border-bottom: 1px dotted #ccc;font-weight: 600;position:relative;text-align: center;}
.reassurance-items .ttl dt{background:var(--pink);color: #fff;padding: 2vw 3vw 2.5vw;font-size: 95%;border-radius: 20px;line-height: 1;margin-bottom: 2vw;}
.reassurance-items .ttl dd{font-size: 130%;position:relative;top: 3px;}

.point-item li{margin-bottom: 3vw;line-height: 1.4;padding-left:1em;text-indent: -1.3em;}
.point-item li::before{content: '\e901'; font-family: 'icon';margin-right: 5px;color: var(--pink);}

.qa-list {margin: 0 auto;}
.qa-list dl {margin: 0 auto 4%;}
.qa-list dt {position: relative;padding: 3vw 9vw;cursor: pointer;line-height: 1.5;font-size: 3.6vw;width: 100%;text-indent: -1.7em;font-feature-settings: "palt";letter-spacing: .02em;background:#fff;color: #645055;font-weight: 600;border: 1px solid #ccc}
.qa-list dt span{font-size: 4vw;color: #645055;line-height: 1;font-family: 'quicksand';font-weight: 700;margin-right: 3%;}
.qa-list dt:before, .qa-list dt:after {content: '';background: #ccc;position: absolute;top: 0;right: 0;}
.qa-list dt:before {width: 16px;height: 1px;top: calc(50% - 0px);right: 12px;background: #ccc;}
.qa-list dt:after {width: 1px;height: 16px;top: calc(50% - 11px);right: 20px;-webkit-transition: 0.3s;transition: 0.3s;transform: translate(0, 3px);background: #ccc;}
.qa-list dt.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}
.qa-list dd {display: none;padding: 3vw;}
.qa-list dd p {text-align: justify;font-feature-settings: "palt";ont-weight: 400;letter-spacing: .02em;font-size: 3.4vw;}
.qa-list dd p:last-child {margin-bottom: 0;}
.qa-list dd p span { font-weight: bold;}
.qa-list dd img{width: 100%;}


.flow-item >li{background: #FFF;padding: 6%;margin-bottom: 8vw;position:relative;box-shadow: 0 0 12px rgb(242 170 163 / 30%);}
.flow-item li:last-child{margin-bottom: 0;}
.flow-item li img{width:30vw;margin:0 auto 5vw;}
.flow-item li::after{content: ""; display: block; width: 10px; height: 40%;background-color:#fbe2e0; position: absolute;left: 50%;z-index: -1;}
.flow-item li:last-child::after{display:none;}
.flow-item li .bn img{margin:5vw 0 0;}

.flow-item .ttl{margin-bottom: 3vw;padding-bottom: 3vw; border-bottom: 1px dotted #ccc;}
.flow-item .ttl dt{font-size: 4vw;font-family: 'quicksand';font-weight: 600;color:var(--pink);letter-spacing: .08em;padding-left: 7vw;position: relative;line-height: 1;margin-bottom: 3vw;}
.flow-item .ttl dt::before{content: '';width:5vw; height: 1px;background: #9b877d;position: absolute;top: 50%;left: 0;transform:translateY(-50%)}
.flow-item .ttl dd{font-weight: 600;font-size: 5vw;}
.flow-item li .text p{text-align: justify;}
.flow-item li .text p.ast{font-size: 80%;}
.flow-item li .text p:last-of-type{margin-bottom: 0;}
.flow-item a{margin: 5vw auto 0;width: 90%;}


.contract-flow li{margin-bottom: 3vw;line-height: 1.6;text-indent:-1.4em;padding-left:1em}
.contract-flow li span{height: 18px;width: 18px;border-radius:50%;display: inline-block;text-align:center;background: #eee;color: #49382f;font-size: 80%;margin-right: 5px;font-family: 'quicksand';font-weight: 700;padding-top: 4px;padding-left: 0;text-indent: 0;line-height: 1;}

.contract-flow-flex ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap: wrap;}
.contract-flow-flex li{width: 48%;border-bottom: 1px dotted #ccc;margin-bottom:2vw;padding-bottom:2vw;}

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

/* explain 
----------------------------------------------- */
.explain .white{padding: 40px 40px 10px;margin-bottom: 40px;}
.explain img{width: 900px;margin-bottom: 30px;}
.scroll{margin-bottom: 0;}
.scroll img{width: 100%;}

.explain p.read{font-size: 20px;margin-bottom: 6px;}
.explain p.mb80{margin-bottom: 60px;}

.reassurance-items .reassurance-item{;margin-bottom: 30px;}
.reassurance-items .reassurance-item .flex{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start}
.reassurance-items .reassurance-item .flex img{width:350px;}
.reassurance-items .reassurance-item .text{width: 500px}
.reassurance-items .reassurance-item:nth-child(2n) img{order: 2;}
	
.reassurance-items .ttl{margin-bottom: 15px;padding-bottom: 15px;text-align:left;}
.reassurance-items .ttl dt{display: inline-block;padding: 8px 15px;margin-bottom: 0;margin-right: 10px;}
.reassurance-items .ttl dd{display: inline-block;}
	
.point-item li{margin-bottom: 10px;}
	
.qa-list {margin: 0 auto 50px;}
.qa-list dl {margin: 0 auto 14px;}
.qa-list dt {padding: 14px 20px;font-size: 18px;text-indent: 0;}
.qa-list dt span{font-size: 20px;margin-right: 15px;}
.qa-list dd {padding: 20px;}
.qa-list dd p {font-size: 15px;}
.qa-list dd img{width:100%;}
	
.flow-item >li{padding: 40px;margin-bottom: 30px;}
.flow-item li .inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;width: 100%;}
.flow-item li img{margin: 0;width: 150px;}
.flow-item .text{width: 680px;}
.flow-item .text p{margin-bottom: 20px;}
.flow-item li .bn img{margin-top: 30px;}
	
.flow-item .ttl{margin-bottom: 15px;padding-bottom: 15px;}
.flow-item .ttl dt{font-size: 18px;padding-left:40px;margin-bottom: 10px;}
.flow-item .ttl dt::before{width: 30px;}
.flow-item .ttl dd{font-size: 25px;}
.flow-item a{width: 250px;margin: 20px 0 0 0;}
	
.contract-flow li{margin-bottom: 15px;}
.contract-flow li span {padding-top: 3px;}

.contract-flow-flex{margin-bottom: 20px;}
.contract-flow-flex li{width: 32%;border-bottom: 1px dotted #ccc;margin-bottom:10px;padding-bottom:10px;}
}


/* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.message{background-image: url(../images/first/message-bg@2x.jpg) ;}

}