@charset "UTF-8";
.second-text{width:100%;padding-bottom: 0;}
.second-text .inner{width:90%;margin:0 auto;}
.second-text img{width:100%;}

.intro.inner{margin-bottom:15vw;}

.support.inner{margin-bottom:15vw;}
.support li{background:#fff;box-shadow: 5px 2px 12px 5px rgb(185 185 185 / 36%);margin-bottom:5vw;padding-bottom:8vw;}
.support li img{margin-bottom:4vw;border-bottom:4px solid #e2bee6;}
.support li p{width: 88%;margin:0 auto 4vw;}
.support li span{font-family: proxima-nova;font-weight: 400;color:var(--purple01);display:block;text-align:center;margin-bottom: 1vw;}
.support li .tit{text-align:center;font-weight:bold;color:var(--purple01);font-size:5vw;line-height: 1.3;}

.sameas{background: linear-gradient(to bottom, #926e91 40vw, #d6b8d5);padding: 15vw 0 10vw 0;margin-bottom: 16vw;}
.top-about-items { width: 90%; margin: 0 auto; }
.top-about-items li { width: 100%; margin-bottom: 8vw; }
.top-about-item-image { width: 100%; margin-bottom: 5vw; }
.top-about-item-text { color: #fff; text-align: center; }
.top-about-item-title { padding-bottom: 4vw; margin-bottom: 5vw; position: relative; }
.top-about-item-title:after { content: ''; width: 6vw; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-about-item-title .en {font-size: 7.89vw;font-family: paganini;font-weight: 300;letter-spacing: 0.4vw;display: block;line-height: 1.4;}
.top-about-item-title .jp { font-size: 3.95vw; font-family: var(--mincho); display: block; }
.top-about-item-comment {margin-bottom: 5vw;text-align: left;}
.top-about-item-more {width: 40vw;padding: 2.5vw 0;margin: 0 auto;color: #fff;font-size: 3.95vw;font-family: proxima-nova;font-weight: 400;letter-spacing: 0.2vw;background: url(../../images/arrow01.png) no-repeat center right 4vw;background-size: 2vw;border: 1px solid #fff;-moz-border-radius: 10vw;-webkit-border-radius: 10vw;border-radius: 10vw;line-height: 1;}


/* ============================================= pc
================================================*/
@media screen and (min-width: 769px) { 
.intro.inner{margin-bottom:100px;}
.intro p{text-align:center;}
.support.inner{margin-bottom: 110px;}
.support ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.support li{width:48%;padding-bottom: 50px;margin-bottom:40px;}
.support li img{margin-bottom:25px;}
.support li .tit{font-size:22px;margin-bottom: 20px;}
.support li span{margin-bottom:10px;}

.sameas{padding: 130px 0 150px;background: linear-gradient(to bottom, #926e91 70%, #d6b8d5);margin-bottom: 130px;}

.top-about-items {width: 95%;max-width: 1200px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.top-about-items li {width: 48%;margin: 0;}
.top-about-item-image { margin-bottom: 30px; }
.top-about-item-title { padding-bottom: 20px; margin-bottom: 25px; }
.top-about-item-title:after { width: 25px; }
.top-about-item-title .en { margin-bottom: 5px; font-size: 30px; letter-spacing: 2px; }
.top-about-item-title .jp { font-size: 15px; }
.top-about-item-comment { margin-bottom: 30px; }
.top-about-item-more { width: 160px; padding: 8px 0 9px; font-size: 15px; letter-spacing: 2px; background-position: center right 12px; background-size: 8px; }
}

@media screen and (min-width: 1200px) { 
.second-text .inner{max-width:1200px;}
.support li{width:32%;margin-bottom:30px;}
.support li p{width:82%;}
.support li .tit{font-size:20px;}

}
  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {

}