/* BASIC css start */
body #wrap {background-color: #fff;}
.friends-floor1{padding: 100px 30px 30px; background-color: #fcdd3f; }
.friends-floor1 > div{text-align: center;}
.friends-floor1 > div.th h3{font-family: 'HS';color: #1d572f;font-size: 30px;}
.friends-floor1 > div.th p{margin-top: 30px;font-size: 18px;letter-spacing: -0.5px;}
.friends-floor1 > div.td{margin-top: 40px;}
.friends-floor2{padding: 0 10px 30px; background-color: #fff;}
.friends-floor2 .bg-all { overflow: hidden;}
.friends-floor2 .bg-all > li{margin: 0 auto;position: relative;margin-top: 100px;max-width: 492px;}
.friends-floor2 .bg-all > li .txt{ position: absolute; bottom:8vw; left:0; padding: 0 6vw; }
.friends-floor2 .bg-all > li .txt h3 .paragraph1 > span > span{font-family: 'HS';font-size: 24px;}
.friends-floor2 .bg-all > li .txt h3 .paragraph1 > span.word1 > span{font-family: 'HS';font-size: 30px;}
.friends-floor2 .bg-all > li.bg1 .txt h3 .paragraph1 > span.word1 > span{color: #aa8364;}
.friends-floor2 .bg-all > li.bg2 .txt h3 .paragraph1 > span.word1 > span{color: #ffc1c4;}
.friends-floor2 .bg-all > li.bg3 .txt h3 .paragraph1 > span.word1 > span{color: #88acd0;}
.friends-floor2 .bg-all > li .txt ul{margin-top: 15px;background: url(/design/antomignon/m/images/txt_line.gif) repeat left top;background-size: auto 40px;}
.friends-floor2 .bg-all > li .txt ul li{padding: 0 1px;font-family: 'HS';font-size: 18px;letter-spacing: 0px;line-height: 40px;}
.friends-floor2 .bg-all > li img:last-child{margin-top: -10px;}
.friends-floor3 { background-color: #fff;}
/* BASIC css end */