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

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

first

--------------------------------------------------------------------*/
.firstTitle{text-align: center; position: relative; z-index: 55; }
.firstTitle h2{margin-top: -25%; padding-bottom: 30px; font-size: clamp(1.75rem, 0.875rem + 4.38vw, 2.625rem) }/*28-42*/
.firstTitle img{padding-top: 15%; width: 80%; max-width:488px }
ul.bbg{ position:relative}
.bbg li:first-child{padding: 0 5%}
.bbg li:last-child{ text-align: center; position: absolute; bottom: -20px; width: 100% }
.bbg li:last-child img{width: 80%; max-width: 358px}


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

contpink

--------------------------------------------------------------------*/
.contpink{background: url("../img/bg.png") repeat; background-size:25px 25px; padding: 250px 0 70px; text-align: center; margin-top: -180px}
.contpink .kou h3 img{width: 70%; max-width:316px; margin-bottom: 10px }
.contpink .kout{line-height: 2.2; background: url("../img/method/bgh.png") no-repeat center top; background-size: 70% auto; padding: 30px 0; font-size: 14px  }

.contpink .hap{margin: 50px 8% 0; padding-top: 50px; border-top: 1px solid #fff}
.contpink .hap h3 img{width: 80%; max-width:327px; margin-bottom: 20px }
.contpink .hap .text{margin-bottom: 20px}
.contpink .hap img{max-width:470px }
.contpink .hap .text01{margin-top: 30px}

.matome{ text-align: center; padding: 50px 0}
.matome .text{margin: 30px 0 50px}


.asbgfff{background: none}


@media screen and (min-width: 1100px) {
.kasou .firstTitle{padding-top: 10px}
.firstTitle h2{line-height: 1.6}

}