@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(max-width:999px){

/*STYLE*/
.pc,.tb {
display:none;
}

img {
width:100%;
height:auto;
}

p {
font-size:1rem;
font-weight:300;
line-height:180%;
}

.cts {
width:90%;
margin:auto;
position:relative;
}

.titles {
text-align:center;
padding-bottom:35px;
}

.titles h2 {
font-size:210%;
font-weight:700;
line-height:100%;
padding-bottom:10px;
}

.titles .line {
background:#000;
margin:0 auto 10px;
}

.titles h3 {
font-size:80%;
font-weight:400;
}

.titles.bk h2 {
color:#fff;
}

.titles.bk .line {
background:#fff;
}

.titles.bk h3 {
color:#fff;
}

.more_btn {
text-align:center;
}

.more_btn a {
display:inline-block;
}

.more_btn .more {
width:60px;
height:60px;
font-size:80%;
font-weight:500;
background:#63d7ab;
display:flex;
justify-content:center;
align-items:center;
margin:auto;
}

.back_btn {
text-align:center;
}

.back_btn a {
display:inline-block;
}

.back_btn .more {
width:100px;
height:50px;
font-size:80%;
font-weight:500;
border:#63d7ab 1px solid;
color:#63d7ab;
display:flex;
justify-content:center;
align-items:center;
margin:auto;
}



/*HEADER*/
h1 {
width:120px;
position:fixed;
top:10px;
left:15px;
z-index:999;
}



/*MV*/
#mv {
width:100%;
height:100vh;
background:#000;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}

#mv .bg {
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
position:absolute;
top:0;
left:0;
}

#mv .movies {
width:100%;
height:100vh;
}

#mv .movies .movie {
}

#mv .movies .movie video {
min-width:100%;
min-height:100%;
width:auto;
height:auto;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#mv .symbol_l {
width:30vw;
position:absolute;
right:0;
bottom:30vw;
opacity:0;
z-index:2;
}

#mv .symbol_r {
width:30vw;
position:absolute;
right:0;
bottom:30vw;
opacity:0;
z-index:2;
}

#mv .swiper-mv {
width:100%;
height:100vh;
}

#mv .swiper-mv .mv1 {
background:url(../img/mv_1_sp.jpg) center;
background-size:cover;
}

#mv .swiper-mv .mv2 {
background:url(../img/mv_2_sp.jpg) center;
background-size:cover;
}

#mv .swiper-mv .mv3 {
background:url(../img/mv_3_sp.jpg) center;
background-size:cover;
}

#mv .mv {
width:100%;
position:absolute;
z-index:999;
left:0;
}

#mv .mv h2 {
color:#fff;
margin-left:20px;
}

#mv .mv h2.copy1 {
width:70%;
opacity:0;
margin-bottom:20px;
}

#mv .mv h2.copy2 {
width:45%;
opacity:0;
}

#mv .mv .logo {
width:70%;
margin:25px 0 20px 20px;
opacity:0;
}

#mv .mv .mv_line {
width:70%;
height:1px;
margin-bottom:15px;
background:#63d7ab;
transform:translate(-100%,0);
}

#mv .mv .produced {
font-size:80%;
color:#fff;
margin-left:20px;
opacity:0;
}

#mv .triangle {
width:100px;
position:absolute;
right:0;
bottom:0;
z-index:1;
opacity:0;
}

#mv .triangle img {
transform:scale(0.8,1);
transform-origin:right;
}

#mv .arrow {
position:absolute;
bottom:30px;
left:0;
right:0;
margin:auto;
z-index:999;
text-align:center;
}

#mv .arrow a {
display:inline-block;
}

#mv .arrow span {
display:block;
width:24px;
height:24px;
border-bottom:#fff 1px solid;
border-left:#fff 1px solid;
transform:rotate(-45deg);
margin:auto;
}

#mv .dot {
width:100%;
height:100%;
background:url(../img/dot.png);
position:absolute;
top:0;
left:0;
opacity:0.5;
z-index:998;
display:none;
}



/*MOVIE*/
#movie {
margin-top:50px;
}

#movie .cts {
}

#movie .movies {
}

#movie .movies .movie {
margin-bottom:25px;
}

#movie .movies .movie:last-child {
margin-bottom:0;
}

#movie .movies .movie {
padding:56.25% 0 0 0;
position:relative;
}

#movie .movies .movie iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#movie .vertical_movie {
    padding:177.77% 0 0 0;
    position:relative;
}

#movie .vertical_movie iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}




/*NEWS*/
#news.index {
background:#1e1e1e;
padding:50px 0 0;
position:relative;
}

#news.under {
padding-bottom:50px;
}

#news.index .cts {
width:90%;
}

#news.index .titles h2 {
color:#fff;
}

#news.index .titles .line {
background:#fff;
}

#news.index .titles h3 {
color:#fff;
}


#news.toppage {
background:#1e1e1e;
padding:50px 0;
position:relative;
}

#news.toppage .movie_news {
width:90%;
margin:auto;
}

#news.toppage .cts {
width:100%;
}

#news.toppage .titles h2 {
color:#fff;
}

#news.toppage .titles .line {
background:#fff;
}

#news.toppage .titles h3 {
color:#fff;
}

#news.toppage .topnewswrap {
}

#news.toppage .cate_date {
margin-bottom:7px;
}

#news.toppage .topics .topic .item {
width:100%;
color:#fff;
font-size:100%;
font-weight:400;
padding-right:25px;
}

#news.toppage .topics {
padding-bottom:20px;
}





#news .topics {
padding-bottom:30px;
}

#news.under .topics {
padding-bottom:20px;
}

#news .topics .topic {
width:100%;
border:#63d7ab 2px solid;
margin-bottom:15px;
}

#news .topics .topic:first-child {
}

#news .topics .topic:last-child {
margin-bottom:0;
}

#news .topics .topic a {
}

#news .topics .topic a .info:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

#news .topics .topic .info {
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
padding:15px 20px;
background:rgba(99,215,171,0.1);
}

.cate_date {
display:flex;
align-items:center;
width:100%;
margin-bottom:10px;
}

.cate_date .cate {
width:120px;
font-size:70%;
background:#63d7ab;
display:flex;
justify-content:center;
align-items:center;
padding:7px 5px;
margin-right:15px;
line-height:100%;
}

.cate_date .date {
color:#fff;
font-size:90%;
line-height:100%;
}

#news.under.list .cate_date .date {
color:#fff;
}

#news.under .cate_date .date {
color:#000;
}

#news .topics .topic .item {
width:95%;
color:#fff;
font-size:90%;
font-weight:400;
display:block;
}

#news .topics .topic .arrow {
width:9px;
height:9px;
border-top:#63d7ab 1px solid;
border-right:#63d7ab 1px solid;
transform:rotate(45deg);
position:absolute;
right:15px;
}

#news .triangle {
width:100px;
position:absolute;
top:0;
left:0;
z-index:1;
opacity:0.9;
}

#news .triangle img {
transform:scale(0.8,1);
transform-origin:left;
}

/*PAGENATION*/
.pagenation {
display:flex;
justify-content:center;
align-items:center;
}

.pagenation p {
margin:0 5px;
font-size:90%;
line-height:100%;
}

.pagenation p a {
color:#fff;
border:#fff 1px solid;
padding:5px 12px;
}

.pagenation p.none a {
color:#666;
border:#666 1px solid;
pointer-events:none;
}

.pagenation p.now a {
color:#000;
background:#63d7ab;
border:#63d7ab 1px solid;
pointer-events:none;
}


/*NEWS DETAIL*/
#news .detail {
background:#fff;
padding:25px;
}

#news .detail .cate_date {
margin-bottom:7px;
}

#news .detail .cate {
color:#fff;
}

#news .detail h3 {
font-size:135%;
font-weight:bold;
padding-bottom:20px;
}

#news .detail .photo {
margin-bottom:30px;
}

#news .detail .ex {
}

#news .detail .youtube {
padding:56.25% 0 0 0;
position:relative;
margin-top:50px;
}

#news .detail .youtube iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#news .detail .link {
margin-top:50px;
line-height:100%;
text-align:center;
}

#news .detail .link a {
background:#63d7ab;
color:#fff;
text-align:center;
padding:10px 20px;
display:inline-block;
font-size:90%;
}

#news .back_btn {
margin-top:30px;
}



/*MISSION*/
#mission {
background:#000;
padding:0 0;
}

#mission .titles {
padding-bottom:20px;
}

#mission .titles h2 {
color:#63d7ab;
text-align:center;
}

#mission .titles .line {
background:#63d7ab;
margin:0 auto;
}

#mission .intro {
}

#mission .intro .bg {
width:100vw;
height:100vw;
background:url(../img/mission.png) no-repeat center;
background-size:150%;
}

#mission .intro .copies {
width:90%;
margin:50px auto 30px;
}

#mission .intro .copies h3 {
font-size:160%;
font-weight:bold;
line-height:135%;
color:#fff;
padding-bottom:20px;
text-align:center;
}

#mission .intro .copies .subtitle {
font-size:110%;
font-weight:bold;
letter-spacing:2px;
color:#fff;
padding-bottom:20px;
text-align:center;
}

#mission .intro .copies .copy {
font-size:110%;
font-weight:bold;
letter-spacing:2px;
color:#fff;
padding-bottom:20px;
}

#mission .intro .copy {
margin:0 auto;
}

#mission .intro .copy p {
color:#fff;
padding-bottom:30px;
}

#mission .intro .copy p:last-child {
padding-bottom:0;
}



/*SERVICEからMISSION*/
#program_sec {
    padding:50px 0;
    background:linear-gradient(#222,#000);
}

#mission .program_intro {
}

#mission .methods {
}

#mission .methods .method {
width:42vw;
position:relative;
}

#mission .methods .method .circle {
width:42vw;
height:42vw;
border-radius:21vw;
border:rgba(99,215,171,0.3) 1px solid;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
}

#mission .methods .method .point {
width:42vw;
height:42vw;
border-radius:21vw;
background:rgba(99,215,171,0.1);
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
-webkit-animation:point 2.5s ease infinite forwards;
animation:point 2.5s ease infinite forwards;
}

#mission .methods .method a{
width:42vw;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}

#mission .methods .method .method_cts {
position:relative;
text-align:center;
}

#mission .methods .method .number {
width:10vw;
height:10vw;
border:#63d7ab 1px solid;
border-radius:10vw;
color:#63d7ab;
display:flex;
justify-content:center;
align-items:center;
font-family:'Roboto Condensed', sans-serif;
font-size:60%;
position:absolute;
top:-6vw;
left:0;
right:0;
margin:auto;
background:#1e1e1e;
}

#mission .methods .method .main {
font-size:110%;
font-weight:bold;
color:#63d7ab;
line-height:130%;
text-align:center;
padding-top:7vw;
}

#mission .methods .method .sub {
font-size:80%;
font-weight:bold;
color:#63d7ab;
text-align:center;
}

#mission .methods .method .line {
width:30px;
height:1px;
background:#63d7ab;
margin:10px auto;
}

#mission .methods .method .ex {
font-size:60%;
line-height:150%;
color:#fff;
text-align:left;
}

#mission .methods .method .click {
    font-size:60%;
    font-weight:600;
    line-height:100%;
    color:#63d7ab;
    text-align:center;
    border:#63d7ab 1px solid;
    padding:7px 15px;
    margin-top:10px;
    border-radius:10vw;
    display:inline-block;
}

#mission .process {
width:100%;
margin-bottom:28vw;
}

#mission .process .process_cts {
width:100%;
display:flex;
justify-content:space-between;
position:relative;
}

#mission .status {
text-align:center;
padding-top:20px;
}

#mission .status.goal {
margin:0 0 0 auto;
}

#mission .status span {
color:#fff;
border:#fff 1px solid;
font-family:'Roboto Condensed', sans-serif;
font-size:100%;
padding:7px 30px;
display:inline-block;
border-radius:10vw;
}

#mission .result {
width:100%;
position:relative;
}

#mission .result .result_cts {
display:flex;
justify-content:center;
align-items:center;
}

#mission .methods .process_cts .code {
width:10vw;
transform:rotate(90deg);
position:absolute;
top:14vw;
left:0;
right:0;
margin:auto;
}

#mission .methods .result_cts .code {
width:40px;
transform:rotate(90deg);
position:absolute;
top:-22vw;
left:0;
right:0;
margin:auto;
}

#mission h4 {
display:flex;
justify-content:center;
align-items:center;
padding-bottom:50px;
text-align:center;
line-height:200%;
}

#mission h4 .sideline {
width:30px;
height:1px;
background:#fff;
}

#mission h4 .item {
font-size:150%;
font-weight:bold;
color:#fff;
padding:0 15px;
}




#service .program_intro {
}

#service .methods {
}

#service .methods .method {
width:42vw;
position:relative;
}

#service .methods .method .circle {
width:42vw;
height:42vw;
border-radius:21vw;
border:rgba(99,215,171,0.3) 1px solid;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
}

#service .methods .method .point {
width:42vw;
height:42vw;
border-radius:21vw;
background:rgba(99,215,171,0.1);
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
-webkit-animation:point 2.5s ease infinite forwards;
animation:point 2.5s ease infinite forwards;
}

#service .methods .method a{
width:42vw;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}

#service .methods .method .method_cts {
position:relative;
}

#service .methods .method .number {
width:14vw;
height:14vw;
border:#63d7ab 1px solid;
border-radius:10vw;
color:#63d7ab;
display:flex;
justify-content:center;
align-items:center;
font-family:'Roboto Condensed', sans-serif;
font-size:70%;
position:absolute;
top:-7vw;
left:0;
right:0;
margin:auto;
background:#1e1e1e;
}

#service .methods .method .main {
font-size:120%;
font-weight:bold;
color:#63d7ab;
line-height:130%;
text-align:center;
padding-top:10vw;
}

#service .methods .method .sub {
font-size:90%;
font-weight:bold;
color:#63d7ab;
text-align:center;
}

#service .methods .method .line {
width:30px;
height:1px;
background:#63d7ab;
margin:10px auto;
}

#service .methods .method .ex {
font-size:80%;
color:#fff;
text-align:left;
}

#service .process {
width:100%;
margin-bottom:28vw;
}

#service .process .process_cts {
width:100%;
display:flex;
justify-content:space-between;
position:relative;
}

#service .status {
text-align:center;
padding-top:15px;
}

#service .status.goal {
margin:0 0 0 auto;
}

#service .status span {
color:#fff;
border:#fff 1px solid;
font-family:'Roboto Condensed', sans-serif;
font-size:100%;
padding:7px 30px;
display:inline-block;
border-radius:10vw;
}

#service .result {
width:100%;
position:relative;
}

#service .result .result_cts {
display:flex;
justify-content:center;
align-items:center;
}

#service .methods .process_cts .code {
width:10vw;
transform:rotate(90deg);
position:absolute;
top:14vw;
left:0;
right:0;
margin:auto;
}

#service .methods .result_cts .code {
width:40px;
transform:rotate(90deg);
position:absolute;
top:-22vw;
left:0;
right:0;
margin:auto;
}


/*VOICE*/
#voice {
padding:70px 0 30px;
background:#f0f0f0;
position:relative;
}

#voice .voices {
}

#voice .voices .voice {
background:#fff;
margin-bottom:20px;
position:relative;
padding:25px;
z-index:1
}

#voice .voices .voice:last-child {
margin-bottom:0;
}

#voice .voices .voice .photo {
width:40%;
margin:0 auto 15px;
}

#voice .voices .voice .detail {
    width:100%;
    height:180px;
    overflow:hidden;
    padding-bottom:70px;
    position:relative;
}

#voice .voices .voice .detail.open {
    width:100%;
    height:100%;
    min-height:220px;
    overflow:auto;
}

#voice .voices .voice .detail .number {
font-size:90%;
font-weight:600;
line-height:100%;
color:#63d7ab;
border:#63d7ab 1px solid;
padding:5px 7px;
display:inline-block;
margin-bottom:10px;
}

#voice .voices .voice .detail .names {
border-left:#63d7ab 1px solid;
margin-bottom:10px;
padding:3px 0 3px 12px;
}

#voice .voices .voice .detail .names .position {
font-size:85%;
font-weight:500;
}

#voice .voices .voice .detail .names h4 {
font-size:135%;
font-weight:bold;
}

#voice .voices .voice .detail .names h4 .sama {
font-size:70%;
font-weight:normal;
padding-left:7px;
}

#voice .voices .voice .detail .ex {
font-size:90%;
}

#voice .triangle {
position:absolute;
bottom:0;
right:0;
}

#voice .triangle img {
transform:scale(0.8,1);
transform-origin:right;
}


#voice .voices .voice .detail .more_detail {
    width:100%;
    height:120px;
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
}

#voice .voices .voice .detail .more_detail .more_bg {
    width:100%;
    height:100%;
    background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}

#voice .voices .voice .detail .more_detail .more_bg.open {
    background:transparent;
}

#voice .voices .voice .detail .more_detail .more_btn {
    width:100px;
    height:40px;
    background:#63d7ab;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    cursor:pointer;
}

#voice .voices .voice .detail .more_detail .more_btn.open {
    background:#ccc;
}

#voice .voices .voice .detail .more_detail .more_btn p {
    font-size:90%;
    color:#fff;
}

#voice .voices .voice .detail .more_detail .more_btn p:after {
    content:"もっと見る";
}

#voice .voices .voice .detail .more_detail .more_btn.open p:after {
    content:"閉じる";
}


/*SERVICE*/
#service {
background:#1e1e1e url(../img/program_intro_bg.jpg) no-repeat center bottom;
background-size:100%;
padding:50px 0;
}

#service .titles {
padding-bottom:20px;
}

#service .titles h2 {
color:#63d7ab;
text-align:center;
margin-bottom:5px;
}

#service .titles .line {
background:#63d7ab;
margin:0 auto;
}

#service h4 {
display:flex;
justify-content:center;
align-items:center;
padding-bottom:50px;
text-align:center;
line-height:200%;
}

#service h4 .sideline {
width:30px;
height:1px;
background:#fff;
}

#service h4 .item {
font-size:150%;
font-weight:bold;
color:#fff;
padding:0 15px;
}

#service .plans {
padding-bottom:70px;
}

#service .plans .plan {
width:100%;
border-radius:10px;
margin-bottom:35px;
}

#service .plans .plan:last-child {
margin-bottom:0;
}

#service .plans .plan .plan_photo {
width:100%;
overflow:hidden;
margin-bottom:15px;
position:relative;
}

#service .plans .plan .detail {
width:100%;
}

#service .plans .plan .detail .item {
font-size:110%;
font-weight:bold;
line-height:135%;
color:#fff;
padding-bottom:5px;
}

#service .plans .plan .detail .item a {
font-weight:bold;
color:#fff;
padding-bottom:5px;
text-decoration:underline;
}

#service .plans .plan .detail .ex {
font-size:90%;
color:#fff;
display:flex;
}

#service .plans .plan .detail .attention {
font-size:70%;
color:#fff;
display:flex;
}


#service .plans .plan .detail .pricelist {
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

#service .plans .plan .detail .pricelist .arrow {
    width:8px;
    height:8px;
    border-top:#63d7ab 1px solid;
    border-right:#63d7ab 1px solid;
    transform:rotate(45deg);
    margin-right:8px;
}

#service .plans .plan .detail .pricelist a {
}

#service .plans .plan .detail .pricelist a p {
    font-weight:500;
    color:#63d7ab;
}

#service .plans .plan .prices {
padding-top:15px;
}

#service .plans .plan .prices .price {
display:flex;
border-bottom:#63d7ab 1px dotted;
color:#63d7ab;
font-size:90%;
padding:7px;
}

#service .plans .plan .prices .price:first-child {
border-top:#63d7ab 1px dotted;
}

#service .plans .plan .prices .price span {
}

#service .plans .plan .btn {
width:150px;
margin:20px auto 0;
}

#service .plans .plan .btn a {
display:flex;
justify-content:center;
align-items:center;
border:#63d7ab 1px solid;
padding:5px;
}

#service .plans .plan .btn a p {
color:#63d7ab;
}

#service .plans .plan .btn a .arrow {
width:8px;
height:8px;
border-top:#63d7ab 1px solid;
border-right:#63d7ab 1px solid;
transform:rotate(45deg);
margin-left:5px;
}


/*PLAN SWIPER*/
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #63d7ab;
opacity: 0.3;
}

.swiper-pagination-bullet-active {
opacity: 1;
background: #63d7ab;
}

.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
margin-top: -20px;
z-index: 10;
cursor: pointer;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("../img/slide_prev.svg");
left: 0;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("../img/slide_next.svg");
right: 0;
left: auto;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}



/*POP UP EX*/
#mission #sec {
background:#63d7ab;
}

#mission #sec #sec1 {
display:none;
}

#mission #sec #sec2 {
display:none;
}

#mission #sec #sec3 {
display:none;
}

.modaal-container {
padding:0 0;
background:transparent;
}

.modaal-inner-wrapper {
padding: 0 0;
}

.modaal-close {
position: fixed;
right: -5px;
top: -5px;
color: #fff;
cursor: pointer;
opacity: 1;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0);
border-radius: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#mission #sec .sec {
}

#mission #sec .sec.sec1 {
padding-bottom:70px;
}

#mission #sec .sec.sec2 {
padding-bottom:70px;
background:#323232;
}

#mission #sec .sec.sec3 {
padding-bottom:70px;
}

.sec_number {
width:150px;
background:#506400;
margin:auto;
font-family:'Roboto Condensed', sans-serif;
color:#63d7ab;
font-size:180%;
text-align:center;
padding:70px 0 15px;
line-height:100%;
}

.sec_cts {
margin:0 auto 40px;
background:#fff;
padding:20px 20px 20px;
position:relative;
}

.sec_cts:nth-child(n+3) {
padding:20px 20px 20px;
}

.sec_cts:after {
content:"";
width:50px;
height:40px;
background:#506400;
position:absolute;
bottom:-40px;
left:0;
right:0;
margin:auto;
}

.sec_cts:last-child {
margin-bottom:0;
}

.sec_cts:last-child:after {
display:none;
}

.sec_cts .triangle {
width:150px;
height:40px;
border-top:#506400 40px solid;
border-right:transparent 75px solid;
border-bottom:transparent 40px solid;
border-left:transparent 75px solid;
margin:auto;
position:absolute;
top:0;
left:0;
right:0;
}

.sec_cts .items {
padding-bottom:30px;
}

.sec_cts .items h3 {
display:flex;
justify-content:center;
align-items:center;
}

.sec_cts .items h3 .sideline {
width:30px;
height:1px;
background:#000;
}

.sec_cts h3 .title {
font-size:135%;
font-weight:bold;
line-height:150%;
padding:0 10px;
text-align:center;
}

.sec_cts .subtitle_top {
font-weight:bold;
text-align:center;
padding-bottom:10px;
line-height:150%;
}

.sec_cts .subtitle_bottom {
font-weight:bold;
text-align:center;
padding-top:10px;
line-height:150%;
}

.sec_cts .graph {
margin-bottom:40px;
}

.sec_cts .subcopy {
text-align:center;
padding-bottom:15px;
}

.sec_cts .subcopy .kana {
color:#b4bec8;
border:#b4bec8 1px solid;
font-family:'Roboto Condensed', sans-serif;
display:inline-block;
padding:7px 10px 7px;
font-size:80%;
line-height:100%;
margin-bottom:7px;
}

.sec_cts .subcopy .copy {
}

.sec_cts .subcopy .copy span {
font-size:120%;
font-weight:bold;
line-height:180%;
border-bottom:#e65014 4px solid;
padding-bottom:0;
}

.sec_cts .ex {
}

.sec_cts .ex p {
padding-bottom:30px;
}

.sec_cts .ex p:last-child {
padding-bottom:0;
}

.sec_cts .cases {
padding-bottom:20px;
}

.sec_cts .cases .case_item {
border-left:#e65014 5px solid;
padding:0 0 0 10px;
font-size:100%;
font-weight:bold;
margin-bottom:10px;
}

.sec_cts .cases .details {
}

.sec_cts .cases .details .case {
margin-bottom:12px;
}

.sec_cts .cases .details .case:last-child {
margin-bottom:0;
}

.sec_cts .cases .details .case .item {
background:#505a64;
width:100%;
color:#fff;
text-align:center;
padding:10px;
font-size:90%;
font-weight:bold;
}

.sec_cts .cases .details .case .detail {
background:#ebf0f5;
width:100%;
padding:10px 15px;
font-weight:bold;
}

.sec_cts .fa {
color:#d76098;
}

.sec_cts .fb {
color:#00b2ba;
}

.sec_cts .fc {
color:#f3b22a;
}

.sec2 {
}

.sec2 .method_title {
text-align:center;
margin-bottom:50px;
}

.sec2 .method_title span {
border-top:#000 1px solid;
border-bottom:#000 1px solid;
font-size:120%;
font-weight:bold;
padding:10px 50px;
display:inline-block;
}

.progress_methods {
margin-top:15px;
padding-bottom:50px;
}

.progress_methods .progress_method {
width:100%;
position:relative;
padding:20px 0;
}

.progress_methods .progress_method:first-child {
border:#d76098 3px solid;
}

.progress_methods .progress_method:last-child {
border:#f3b22a 3px solid;
}

.progress_methods .progress_method .method_subtitle {
font-size:120%;
font-weight:bold;
line-height:150%;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
padding:20px 15px;
}

.progress_methods .progress_method:first-child .method_subtitle {
color:#d76098;
}

.progress_methods .progress_method:last-child .method_subtitle {
color:#f3b22a;
}

.progress_methods .progress_method .photo {
padding-bottom:15px;
}

.progress_methods .progress_method .ex {
width:90%;
margin:0 auto 15px;
}

.progress_methods .progress_method .data {
width:90%;
margin:auto;
border:#ccc 1px solid;
}

.progress_methods .progress_method:first-child .data {
border:#d76098 1px solid;
}

.progress_methods .progress_method:last-child .data {
border:#f3b22a 1px solid;
}

.progress_methods .progress_method .data .item {
background:#ccc;
color:#fff;
text-align:center;
font-size:90%;
font-weight:bold;
padding:7px;
}

.progress_methods .progress_method:first-child .data .item {
background:#d76098;
}

.progress_methods .progress_method:last-child .data .item {
background:#f3b22a;
}

.progress_methods .progress_method .data .detail {
padding:10px;
text-align:center;
}

.progress_methods .progress_method .essence {
display:inline-block;
width:150px;
height:40px;
background:#ccc;
position:absolute;
left:0;
right:0;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-weight:bold;
margin:auto;
top:-20px;
border-radius:10vw;
color:#fff;
}

.progress_methods .progress_method:first-child .essence {
background:#d76098;
}

.progress_methods .progress_method:last-child .essence {
background:#f3b22a;
}

.progress_methods .mix {
width:60%;
margin:0 auto 30px;
}

.progress_methods .progress_method .ff {
color:#d76098;
}

.progress_methods .progress_method .fs {
color:#f3b22a;
}

.logic_title {
text-align:center;
margin-bottom:10px;
}

.logic_title span {
background:#000;
color:#63d7ab;
font-size:110%;
font-weight:bold;
padding:7px 20px;
border-radius:10px;
display:inline-block;
}

.logic_copy {
text-align:center;
padding-bottom:20px;
}

.logic_graph {
width:100%;
margin:0 auto 50px;
}



/*LINE*/
#line {
background:#f0f0f0;
padding:70px 0 50px;
}

#line .titles h2 {
color:#000;
}

#line .titles .line {
background:#000;
}

#line .titles h3 {
color:#000;
}

#line .line_cta {
width:100%;
margin:auto;
}

#line .line_cta .detail {
width:100%;
text-align:center;
}

#line .line_cta .detail .ex {
text-align:left;
padding-bottom:30px;
}

#line .line_cta .detail .cta_btn {
display:inline-block;
}

#line .line_cta .detail .cta_btn a {
display:flex;
justify-content:center;
align-items:center;
padding:10px 50px;
border-radius:10vw;
background:#00b900;
}

#line .line_cta .detail .cta_btn a img {
width:50px;
}

#line .line_cta .detail .cta_btn a p {
font-size:135%;
font-weight:bold;
padding-left:10px;
color:#fff;
}

#line .line_cta .qr {
width:200px;
display:none;
}

#line .official_contact {
width:80%;
padding-top:50px;
text-align:center;
margin:auto;
}

#line .official_contact a {
border:#000 1px dashed;
padding:10px;
border-radius:10vw;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}

#line .official_contact a p {
font-size:90%;
}

#line .official_contact a .arrow {
width:8px;
height:8px;
border-top:#000 1px solid;
border-right:#000 1px solid;
transform:rotate(45deg);
position:absolute;
right:25px;
}



/*SNS*/
#sns {
padding:70px 0;
background:#fff;
position:relative;
}

#sns .copy {
text-align:center;
padding-bottom:30px;
}

#sns .links {
display:flex;
justify-content:center;
}

#sns .links .link {
width:60px;
margin:0 15px;
}

#sns .triangle {
width:100px;
position:absolute;
bottom:0;
right:0;
z-index:1;
opacity:0.9;
}

#sns .triangle img {
transform:scale(0.8,1);
transform-origin:right;
}






/*PROFILE*/
#profile {
padding:50px 0 50px;
background:#000;
}

#profile .cts {
width:100%;
}

#profile .titles {
padding-bottom:30px;
}

#profile .photos {
margin-bottom:30px;
position:relative;
display:flex;
justify-content:flex-end;
align-items:center;
}

#profile .photos .photo {
width:90%;
margin:0 auto 0 0;
}

#profile .photos .kana {
background:rgba(0,0,0,0.8);
padding:15px 20px;
color:#fff;
font-size:150%;
font-weight:100;
margin:0 auto 0;
text-align:center;
line-height:100%;
position:absolute;
right:7%;
}

#profile .profile {
width:100%;
margin:auto;
}

#profile .profile .names {
width:90%;
margin:0 auto 20px;
border-left:#63d7ab 1px solid;
padding:10px 0 10px 20px;
}

#profile .profile .names .position {
font-size:90%;
color:#fff;
line-height:100%;
padding-bottom:10px;
}

#profile .profile .names .name {
font-size:180%;
font-weight:bold;
color:#fff;
line-height:100%;
}

#profile .profile .biography {
width:90%;
margin:0 auto 20px;
color:#fff;
}

#profile .profile .item {
width:90%;
margin:0 auto 10px;
display:flex;
align-items:center;
position:relative;
}

#profile .profile .item .line {
width:100%;
height:1px;
background:#63d7ab;
position:absolute;
}

#profile .profile .item p {
font-size:90%;
font-weight:bold;
color:#63d7ab;
background:#000;
position:relative;
padding-right:15px;
}

#profile .profile .partition {
width:90%;
height:1px;
margin:auto;
background:#444;
margin-bottom:15px;
}

#profile .profile .history {
width:90%;
margin:0 auto 20px;
}

#profile .profile .history:last-child {
margin-bottom:0;
}

#profile .profile .history p {
display:flex;
color:#fff;
}

#profile .profile .history p .year {
width:60px;
}

#profile .profile .history p span:last-child {
width:calc(100% - 60px);
}



/*PROFILE_MESSAGE*/
#profile_message {
background:linear-gradient(#222,#000);
padding:35px 0 25px;
position:relative;
}

#profile_message .cts {
background:rgba(0,0,0,0.8);
border:#444 1px solid;
padding:35px 25px;
position:relative;
z-index:2;
}

#profile_message .cts .box {
width:14px;
height:14px;
background:#63d7ab;
position:absolute;
top:-7px;
left:0;
right:0;
margin:auto;
}

#profile_message h3 {
font-size:180%;
font-weight:bold;
color:#63d7ab;
text-align:center;
padding-bottom:20px;
}

#profile_message .cts .message {
}

#profile_message .cts .message p {
color:#fff;
padding-bottom:25px;
}

#profile_message .cts .message p:last-child {
padding-bottom:0;
}

#profile_message .triangle {
width:100px;
position:absolute;
bottom:0;
right:0;
z-index:1;
opacity:0.9;
}

#profile_message .triangle img {
transform:scale(0.8,1);
transform-origin:right;
}




/*STAFF*/
#staff {
background:#1e1e1e;
padding:50px 0;
}

#staff .staff_cts {
}

#staff .staff_cts .staff {
border:#fff 1px solid;
padding:30px 25px 25px;
margin-bottom:30px;
}

#staff .staff_cts .staff:nth-child(even) {
flex-direction:row-reverse;
}

#staff .staff_cts .staff:last-child {
margin-bottom:0;
}

#staff .staff_cts .staff .photo {
width:60%;
margin:0 auto 25px;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}

#staff .staff_cts .staff .photo .printing {
    color:#777;
    font-weight:bold;
    position:absolute;
    z-index:1;
}

#staff .staff_cts .staff .detail {
width:100%;
height:300px;
overflow:hidden;
position:relative;
}

#staff .staff_cts .staff .detail.open {
    height:100%;
    padding-bottom:80px;
}

#staff .staff_cts .staff .detail p {
color:#fff;
}

#staff .staff_cts .staff .detail .names {
border-left:#63d7ab 1px solid;
padding:3px 0 3px 20px;
margin-bottom:10px;
}

#staff .staff_cts .staff .detail .names .position {
font-weight:bold;
}

#staff .staff_cts .staff .detail .names h3 {
font-size:180%;
font-weight:bold;
color:#63d7ab;
}

#staff .staff_cts .staff .detail .license {
}

#staff .staff_cts .staff .detail .history {
}

#staff .staff_cts .staff .detail .history .item {
color:#63d7ab;
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:5px;
}

#staff .staff_cts .staff .detail .history .item .line {
width:75%;
height:1px;
background:#63d7ab;
}

#staff .staff_cts .staff .detail .history .item p {
color:#63d7ab;
padding-right:15px;
}

#staff .staff_cts .staff .detail .partition {
width:100%;
height:1px;
background:#444;
margin:15px 0;
}

#staff .staff_cts .staff .detail .history .career {
}

#staff .staff_cts .staff .detail .history .career .career_cts {
    margin-bottom:15px;
}

#staff .staff_cts .staff .detail .history .career .career_cts:last-child {
    margin-bottom:0;
}

#staff .staff_cts .staff .detail .history .career .career_cts .career_item {
    font-size:90%;
    font-weight:600;
    color:#63d7ab;
    display:flex;
    align-items:center;
}

#staff .staff_cts .staff .detail .history .career .career_cts .career_item:before {
    content:"";
    width:25px;
    height:1px;
    background:#63d7ab;
    margin-right:7px;
}

#staff .staff_cts .staff .detail .history .career p {
display:flex;
}

#staff .staff_cts .staff:last-child .detail .history .career p span:first-child {
padding-right:15px;
}

#staff .staff_cts .staff .detail .message {
padding-top:30px;
}

#staff .staff_cts .staff .detail .message:first-child {
padding-top:10px;
}

#staff .staff_cts .staff .detail .message .item {
border-left:#63d7ab 1px solid;
padding:3px 0 3px 10px;
color:#63d7ab;
font-size:90%;
font-weight:bold;
margin-bottom:10px;
}

#staff .staff_cts .staff .detail .message .ex {
}

#staff .staff_cts .staff .detail .biographies {
margin-bottom:30px;
}

#staff .staff_cts .staff .detail .biographies .biography {
display:flex;
border-bottom:#444 1px solid;
padding-bottom:15px;
margin-bottom:15px;
}

#staff .staff_cts .staff .detail .biographies .biography:last-child {
margin-bottom:0;
}

#staff .staff_cts .staff .detail .biographies .biography p:first-child {
min-width:100px;
}

#staff .staff_cts .staff .detail .biographies .biography p:last-child {
width:calc(100% - 100px);
}


#staff .staff_cts .staff .detail .more_detail {
    width:100%;
    height:200px;
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
}

#staff .staff_cts .staff .detail .more_detail .more_bg {
    width:100%;
    height:100%;
    background:linear-gradient(rgba(30,30,30,0),rgba(30,30,30,1));
}

#staff .staff_cts .staff .detail .more_detail .more_bg.open {
    background:transparent;
}

#staff .staff_cts .staff .detail .more_detail .more_btn {
    width:120px;
    height:50px;
    background:#63d7ab;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    cursor:pointer;
}

#staff .staff_cts .staff .detail .more_detail .more_btn.open {
    background:#666;
}

#staff .staff_cts .staff .detail .more_detail .more_btn p {
    font-size:100%;
    font-weight:600;
    color:#000;
}

#staff .staff_cts .staff .detail .more_detail .more_btn p:after {
    content:"もっと見る";
}

#staff .staff_cts .staff .detail .more_detail .more_btn.open p:after {
    content:"閉じる";
}



/*PARTNER*/
#partner {
padding:70px 0;
background:#fff;
position:relative;
}

#partner .copy {
text-align:center;
padding-bottom:30px;
}

#partner .partners {
}

#partner .partners .partner {
}

#partner .partners .partner:first-child {
}

#partner .partners .partner .logo {
width:50%;
margin:0 auto 20px;
}

#partner .partners .partner .logo img {
border:#ccc 1px solid;
}

#partner .partners .partner .detail {
width:100%;
}

#partner .partners .partner .detail h4 {
font-size:110%;
font-weight:bold;
text-align:center;
padding-bottom:10px;
}

#partner .partners .partner .detail .ex {
font-size:90%;
}

#partner .triangle {
width:100px;
position:absolute;
top:0;
left:0;
z-index:1;
opacity:0.9;
}

#partner .triangle img {
transform:scale(0.8,1);
transform-origin:left;
}



/*ACCESS*/
#access {
padding:70px 0 50px;
background:#464646;
}

#access .cts {
    width:100%;
}

#access .copy {
color:#fff;
text-align:center;
padding-bottom:30px;
}

#access .details {
}

#access .access {
    width:100%;
    margin-bottom:50px;
}

#access .access:last-child {
    margin-bottom:0;
}

#access .access .map {
width:100%;
height:350px;
margin-bottom:20px;
display:none;
}

#access .access .address {
    font-size:90%;
    line-height:150%;
    color:#fff;
    margin-bottom:25px;
}

#access .access .photo {
margin-bottom:25px;
}

#access .access .info {
width:90%;
margin:auto;
}

#access .access .info .names {
    margin-bottom:10px;
}

#access .access .info .names .name {
    font-size:135%;
    font-weight:600;
    line-height:135%;
    color:#fff;
    margin-bottom:5px;
}

#access .access .info .names .subname {
    font-size:100%;
    font-weight:600;
    line-height:135%;
    color:#fff;
    margin-bottom:5px;
}

#access .access .info .names .en {
    font-size:80%;
    font-style:italic;
    color:#787878;
}

#access .access .more_info {
    text-align:center;
}

#access .access .more_info .btn {
    display:inline-block;
}

#access .access .more_info .btn a {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#63d7ab;
    padding:10px 30px;
}

#access .access .more_info .btn a p {
    font-weight:500;
}


/*MAP*/
.access iframe,
.access object,
.access embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}



/*COMPANY*/
#company {
padding:50px 0 30px;
background:#e0e0e0;
}

#company .cts {
width:90%;
margin:auto;
}

#company .titles h2 {
padding-bottom:18px;
}

#company .details {
}

#company .details .detail {
padding:10px 15px;
background:#fff;
margin-bottom:15px;
}

#company .details .detail:last-child {
margin-bottom:0;
}

#company .details .detail .item {
width:100%;
font-weight:500;
}

#company .details .detail .ex {
width:100%;
}

#company .details .detail .ex p {
display:flex;
}



/*CONTACT*/
#contact {
padding:50px 0;
background:#000 url(../img/contact_bg.jpg) no-repeat center bottom;
background-size:100%;
display:none;
}

#contact .copy {
text-align:left;
padding-bottom:30px;
color:#fff;
}

#contact .qr {
display:none;
}

#contact .cta_btns {
text-align:center;
}

#contact .cta_btns .cta_btn {
display:inline-block;
}

#contact .cta_btns .cta_btn a {
display:flex;
justify-content:center;
align-items:center;
padding:10px 40px;
border-radius:10vw;
background:#00b900;
}

#contact .cta_btns .cta_btn a img {
width:50px;
}

#contact .cta_btn a p {
font-size:120%;
font-weight:bold;
padding-left:10px;
color:#fff;
}



/*GROBAL*/
#grobal {
}

#grobal .nav_btn {
width:45px;
height:45px;
position:fixed;
top:10px;
right:20px;
z-index:9998;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
}

#grobal .nav_btn span {
width:45px;
height:3px;
background:#63d7ab;
display:block;
position:absolute;
}

#grobal .nav_btn span:first-child {
top:8px;
transition:0.5s;
}

#grobal .nav_btn span.show:first-child {
top:21px;
transform:rotate(-45deg);
}

#grobal .nav_btn span:nth-child(2) {
transition:0.5s;
}

#grobal .nav_btn span.show:nth-child(2) {
opacity:0;
}

#grobal .nav_btn span:last-child {
bottom:8px;
transition:0.5s;
}

#grobal .nav_btn span.show:last-child {
bottom:21px;
transform:rotate(45deg);
}

#grobal .nav_close {
width:100%;
height:100%;
background:transparent;
position:fixed;
top:0;
left:0;
z-index:9997;
}

#grobal .grobal_nav {
width:70%;
height:100%;
background:rgba(0,0,0,0.85);
transform:translate(-100%,0);
transition:0.5s;
position:fixed;
top:0;
left:0;
z-index:9999;
display:flex;
justify-content:center;
align-items:center;
border-right:#63d7ab 5px solid;
}

#grobal .grobal_nav.show {
transform:translate(0,0);
}

#grobal .grobal_nav .navs {
}

#grobal .grobal_nav .navs nav {
margin-bottom:15px;
}

#grobal .grobal_nav .navs nav:last-child {
margin-bottom:0;
}

#grobal .grobal_nav .navs nav a {
color:#fff;
font-family: 'Roboto Condensed', sans-serif;
font-weight:bold;
}

#grobal .grobal_nav .navs nav a:hover {
-webkit-animation:color_hover 0.5s ease forwards;
animation:color_hover 0.5s ease forwards;
}

#grobal .grobal_nav .english {
    position:absolute;
    bottom:0;
}

#grobal .grobal_nav .english a {
    font-size:90%;
    line-height:100%;
    padding:10px 12px;
    display:inline-block;
    color:#fff;
    border:#fff 1px solid;
    border-bottom:none;
}



/*BACK TO TOP*/
.BackToTop {
position:fixed;
width:50px;
height:50px;
right:10px;
bottom:10px;
z-index:100;
display:none;
}



/*FIXED BANNER*/
.fixed_banner {
position:fixed;
bottom:0;
left:0;
right:0;
text-align:center;
z-index:999;
}

.fixed_banner .banners {
  display:flex;
}

.fixed_banner .banners a {
  width:50%;
}




/*FOOTER*/
footer {
background:#63d7ab;
padding:25px;
text-align:center;
}

footer.top {
padding-bottom:100px;
}

footer .copyright {
font-size:70%;
}




/*PROGRESS GROWTH*/
#progress_growth {
}

#progress_growth .en {
    font-family: "Barlow Condensed", sans-serif;
}

#progress_growth .cts {
    width:100%;
    padding:100px 0 50px;
}

#progress_growth .titles {
    padding-bottom:25px;
}

#progress_growth .titles .program_logo {
    width:80%;
    margin:0 auto 35px;
}

#progress_growth .titles .copy {
    font-size:150%;
    font-weight:800;
    line-height:135%;
    text-align:center;
    color:#fff;
}

#progress_growth .movie {
    width:100%;
    margin:0 auto 50px;
}

#progress_growth .movie .youtube {
padding:56.25% 0 0 0;
position:relative;
}

#progress_growth .movie .youtube iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#progress_growth .items {
    display:flex;
    justify-content:center;
    align-items:center;
}

#progress_growth .items .line {
    width:25px;
    height:1px;
    background:#63d7ab;
}

#progress_growth .items p {
    font-size:150%;
    font-weight:bold;
    color:#63d7ab;
    margin:0 15px;
}

#progress_growth .corner_copy {
    font-weight:600;
    color:#fff;
    padding-bottom:25px;
}

/*PROGRESS GROWTH INTRO*/
#progress_growth #growth_intro {
    margin-bottom:100px;
}

#progress_growth #growth_intro .intros {
    width:90%;
    margin:auto;
}

#progress_growth #growth_intro .intros .intro {
}

#progress_growth #growth_intro .intros .intro:first-child {
    margin-bottom:50px;
}

#progress_growth #growth_intro .intros .intro:nth-child(even) {
    flex-direction:row-reverse;
}

#progress_growth #growth_intro .intros .intro .photo {
    width:100%;
    height:70vw;
    margin-bottom:20px;
}

#progress_growth #growth_intro .intros .intro:nth-child(1) .photo {
    background:url(../coaching-program/img/photo_1.jpg) center;
    background-size:cover;
}

#progress_growth #growth_intro .intros .intro:nth-child(2) .photo {
    background:url(../coaching-program/img/photo_2.jpg) center;
    background-size:cover;
}

#progress_growth #growth_intro .intros .intro .ex {
    width:100%;
}

#progress_growth #growth_intro .intros .intro .ex p {
    color:#fff;
}

#progress_growth #growth_intro .intros .intro:first-child .ex p {
    line-height:170%;
}

#progress_growth #growth_intro .intros .intro:last-child .ex p {
    line-height:170%;
}

/*PROGRESS GROWTH PROGRAM*/
#progress_growth #growth_program {
    width:90%;
    margin:0 auto 100px;
}

#progress_growth #growth_program .programs {

}

#progress_growth #growth_program .programs .program {
    margin-bottom:20px;
}

#progress_growth #growth_program .programs .program:last-child {
    margin-bottom:0;
}

#progress_growth #growth_program .programs .program .details {
}

#progress_growth #growth_program .programs .program .details .item {
    width:100%;
    border:#464646 1px solid;
    border-bottom:none;
    background:rgba(99,215,171,0.2);
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-weight:600;
    padding:5px;
}

#progress_growth #growth_program .programs .program:last-child .details .item {
}

#progress_growth #growth_program .programs .program .details .detail {
    width:100%;
    border:#464646 1px solid;
    padding:20px 25px;
}

#progress_growth #growth_program .programs .program:last-child .details .detail {
    border-bottom:#464646 1px solid;
}

#progress_growth #growth_program .programs .program .details .detail p {
    color:#fff;
    line-height:170%;
}

#progress_growth #growth_program .programs .program .details .detail .menus {
}

#progress_growth #growth_program .programs .program .details .detail .menus .menu {
    border-bottom:#464646 1px solid;
    padding-bottom:10px;
    margin-bottom:10px;
}

#progress_growth #growth_program .programs .program .details .detail .menus .menu:last-child {
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:0;
}

#progress_growth #growth_program .programs .program .details .detail .menus .menu .program_title {
    font-weight:600;
}

#progress_growth #growth_program .programs .program .details .detail .menus .menu .tx {
    font-size:90%;
}

#progress_growth #growth_program .programs .program .details .detail .menus .menu .price {
    font-weight:600;
}

#progress_growth #growth_program .programs .program .details .detail .menus .menu .attention {
    display:flex;
    font-size:70%;
    font-weight:400;
    color:#646464;
}

/*PROGRESS GROWTH MESSAGE*/
#progress_growth #growth_message {
    width:90%;
    margin:0 auto 70px;
}

#progress_growth #growth_message .corner_copy {
    padding-bottom:50px;
}

#progress_growth #growth_message .messages {
}

#progress_growth #growth_message .messages .message {
    width:100%;
    background:rgba(99,215,171,0.2);
    padding:40px 0 0;
    position:relative;
    margin-bottom:50px;
}

#progress_growth #growth_message .messages .message:last-child {
    margin-bottom:0;
}

#progress_growth #growth_message .messages .message .en {
    font-size:350%;
    font-weight:500;
    line-height:100%;
    color:#63d7ab;
    position:absolute;
    top:-30px;
    left:0;
    right:0;
    text-align:center;
}

#progress_growth #growth_message .messages .message .item {
    font-size:135%;
    font-weight:700;
    line-height:135%;
    color:#63d7ab;
    text-align:center;
    padding-bottom:15px;
}

#progress_growth #growth_message .messages .message .name {
    font-weight:bold;
    color:#fff;
    text-align:center;
}

#progress_growth #growth_message .messages .message .position {
    font-size:80%;
    color:#fff;
    text-align:center;
}

#progress_growth #growth_message .messages .message .movie {
    width:100%;
    height:100%;
    margin:20px 0 0;
}

#progress_growth #growth_message .messages .message .movie .youtube {
    padding:56.25% 0 0 0;
    position:relative;
}
  
#progress_growth #growth_message .messages .message .movie .youtube iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#progress_growth #growth_message .messages .message .tx {
    color:#fff;
    font-size:90%;
    line-height:170%;
}


/*PROGRESS GROWTH SCHEDULE*/
#progress_growth #growth_schedule {
    width:90%;
    margin:0 auto 50px;
}

#progress_growth #growth_schedule .schedules {
    margin-top:20px;
}

#progress_growth #growth_schedule .schedules .schedule {
    width:100%;
}

#progress_growth #growth_schedule .schedules .schedule:first-child {
    margin-bottom:30px;
}

#progress_growth #growth_schedule .schedules .schedule .item {
    text-align:center;
}

#progress_growth #growth_schedule .schedules .schedule .item p {
    font-size:100%;
    font-weight:bold;
    line-height:100%;
    display:inline-block;
    color:#63d7ab;
    border:#63d7ab 1px solid;
    border-bottom:none;
    padding:10px 15px;
}

#progress_growth #growth_schedule .schedules .schedule .course {
    background:#63d7ab;
    color:#000;
    text-align:center;
    font-size:110%;
    font-weight:bold;
    line-height:100%;
    padding:10px;
}

#progress_growth #growth_schedule .schedules .schedule  .programs {

}

#progress_growth #growth_schedule .schedules .schedule  .programs .program {
    border:#63d7ab 1px solid;
    border-top:none;
    display:flex;
}

#progress_growth #growth_schedule .schedules .schedule  .programs .program .item {
    color:#63d7ab;
    background:rgba(99,215,171,0.2);
    padding:10px;
    width:40%;
    text-align:center;
    font-weight:bold;
}

#progress_growth #growth_schedule .schedules .schedule  .programs .program .date {
    color:#63d7ab;
    padding:10px;
    width:60%;
    text-align:center;
    font-weight:bold;
}

#progress_growth #growth_schedule .schedules .schedule .times {
    display:flex;
    justify-content:center;
    align-items:center;
    border:#63d7ab 1px solid;
    border-top:none;
    padding:10px;
}

#progress_growth #growth_schedule .schedules .schedule .times .time {
    color:#63d7ab;
    font-weight:bold;
}

#progress_growth #growth_schedule .schedules .schedule .times .total {
    color:#63d7ab;
    font-weight:bold;
}


/*PROGRESS GROWTH CTA*/
#progress_growth #growth_cta {
    width:90%;
    margin:auto;
}

#progress_growth #growth_cta .schedule {
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
}

#progress_growth #growth_cta .schedule .detail {
    width:48%;
    border:#63d7ab 1px solid;
    text-align:center;
}

#progress_growth #growth_cta .schedule .detail .number {
    font-size:110%;
    font-weight:bold;
    background:#63d7ab;
    padding:5px;
}

#progress_growth #growth_cta .schedule .detail .day {
    font-size:110%;
    font-weight:bold;
    color:#63d7ab;
    padding:10px;
}

#progress_growth #growth_cta .growth_cta {
    width:100%;
    margin:auto;
    animation:cta 1.5s infinite alternate;
}

#progress_growth #growth_cta .growth_cta a {
    background:#63d7ab;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px 20px 18px;
}

#progress_growth #growth_cta .growth_cta a .cta_tx {
    text-align:center;
}

#progress_growth #growth_cta .growth_cta a .cta_tx .logo {
    width:150px;
    margin-bottom:10px;
}

#progress_growth #growth_cta .growth_cta a .cta_tx p {
    font-size:180%;
    font-weight:700;
    line-height:100%;
}

#progress_growth #growth_cta .growth_cta a .arrow {
    width:40px;
    position:absolute;
    right:20px;
}






/*STORE INFORMATION*/
#store {
    padding:100px 0 0;
}

#store .cts {
    width:100%;
}

#store .titles h2 {
    color:#63d7ab;
}

#store .titles .line {
    background:#63d7ab;
}

#store .stores {
}

#store .stores .store {
    margin-bottom:100px;
}

#store .stores .store:last-child {
}

#store .stores .store .main {
    width:100%;
    height:60vw;
    background:#323232;
    margin-bottom:35px;
}

#store .stores .store1 .main {
    background:url(../store/img/store_1_main.jpg) center / cover;
}

#store .stores .store2 .main {
    background:url(../store/img/store_2_main.jpg) center / cover;
} 

#store .stores .store3 .main {
    background:url(../store/img/store_3_main.jpg) center / cover;
} 

#store .stores .store .details {
    width:90%;
    margin:0 auto 35px;
}

#store .stores .store .details .detail {
    width:100%;
    margin-bottom:30px;
}

#store .stores .store .details .detail .logo {
    width:250px;
    margin:0 auto 25px;
}

#store .stores .store .details .detail .names {
    margin-bottom:25px;
    text-align:center;
}

#store .stores .store .details .detail .names .name {
    font-size:135%;
    font-weight:600;
    line-height:135%;
    color:#fff;
    margin-bottom:5px;
}

#store .stores .store .details .detail .names .subname {
    font-size:100%;
    font-weight:600;
    line-height:135%;
    color:#fff;
    margin-bottom:10px;
}

#store .stores .store .details .detail .names .en {
    font-size:70%;
    font-style:italic;
    color:#787878;
}

#store .stores .store .details .detail .sns_icons {
    display:flex;
    justify-content:center;
    margin-bottom:30px;
}

#store .stores .store .details .detail .sns_icons a {
    width:40px;
    margin:0 10px;
}

#store .stores .store .details .detail .data {
}

#store .stores .store .details .detail .data .en {
    font-size:80%;
    font-weight:bold;
    color:#63d7ab;
    margin-bottom:7px;
}

#store .stores .store .details .detail .data .infos {
}

#store .stores .store .details .detail .data .infos .info {
    border-bottom:#464646 1px solid;
    display:flex;
    justify-content:space-between;
    padding-bottom:15px;
    margin-bottom:15px;
}

#store .stores .store .details .detail .data .infos .info:first-child {
    border-top:#464646 1px solid;
    padding-top:15px;
}

#store .stores .store .details .detail .data .infos .info .item {
    width:25%;
    line-height:160%;
    color:#fff;
}

#store .stores .store .details .detail .data .infos .info .tx {
    width:70%;
    line-height:160%;
    color:#fff;
}

#store .stores .store .details .detail .data .attention {
}

#store .stores .store .details .detail .data .attention p {
    font-size:70%;
    line-height:160%;
    color:#787878;
}

#store .stores .store .details .photo {
    width:70%;
    margin:auto;
}

#store .stores .store .details .gallery {
    width:100%;
}

#store .stores .store .details .gallery .photo_a {
    margin-bottom:15px;
}

#store .stores .store .details .gallery .photos {
    display:flex;
    justify-content:space-between;
}

#store .stores .store .details .gallery .photos .photo_b {
    margin-right:15px;
}

#store .stores .store1 .details .gallery .photos .photo_b {
    width:34.2%;
}

#store .stores .store1 .details .gallery .photos .photo_c {
    width:calc(65.8% - 15px);
}

#store .maps {
    width:90%;
    margin:auto;
}

#store .maps .map {
    height:60vw;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* Safari */
    margin-bottom:10px;
}

#store .maps .access {
    font-size:80%;
    color:#787878;
}

#store .reservations {
    margin-top:30px;
}

#store .reservations .reservation {
    width:90%;
    margin:0 auto 20px;
}

#store .reservations .reservation:last-child {
    margin-bottom:0;
}

#store .reservations .reservation a {
    width:100%;
    height:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:40px;
}

#store .reservations .reservation.lesson a {
    background:#0087b4;
}

#store .reservations .reservation.lesson a img {
    width:50px;
    margin-right:10px;
}

#store .reservations .reservation.line a {
    background:#00b900;
}

#store .reservations .reservation.line a img {
    width:60px;
    margin-right:15px;
}

#store .reservations .reservation a p {
    font-size:125%;
    font-weight:600;
    line-height:100%;
    color:#fff;
}






}