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

main#concept .mv-section .mv-image{background:url(../images/cource-17.jpg) no-repeat center/cover}
main#concept .concept-intro{width:100%;background:url(../images/cource-17.jpg) no-repeat top center/cover;padding:100px 0 0;text-align:left;}
main#concept .concept-intro 
h3{font-family:"Source Sans Pro", sans-serif;font-weight:300;font-display:swap;font-size:35px;font-size:3.5rem;line-height:1.5em;letter-spacing:0.07em;color:#000;margin-bottom:30px}
main#concept .concept-intro 
p{font-size:18px;font-size:1.8rem;letter-spacing:0.05em;color:#000}
main#concept .concept-main .concept-inner{text-align:left;}
main#concept .concept-main .concept-inner h4{font-family:"Source Sans Pro", sans-serif;font-weight:300;font-display:swap;font-size:30px;font-size:3rem;letter-spacing:0.05em;color:#000;margin-bottom:20px;line-height:1.3em}
main#concept .concept-main .concept-inner .sub{font-size:15px;font-size:1.5rem;letter-spacing:0.05em;color:#000;margin-bottom:50px}
main#concept .concept-main .concept-inner .text{line-height:2em}
main#concept .concept-main .concept-inner .text:nth-of-type(n+2){margin-top:20px}
main#concept .concept-main .concept-inner:nth-of-type(n+2){margin-top:120px}



/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - デスクトップ（デフォルトのグリッド）
   1024-768    - タブレット横長
   768-480     - タブレット縦長
   480-less    - スマホ
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) @media screen and (min-width: 960px) 
    {main#concept{padding:70px 0}	
	main#concept .mv-section .mv-image{background:url(../images/cource-17.jpg) no-repeat center/cover}
	main#concept .concept-intro{padding:50px 0}
	main#concept .concept-intro h3{font-size:6.5vw;margin-bottom:16px}
	main#concept .concept-intro p{font-size:3.5vw}
	main#concept .concept-main{padding:80px 0;margin-bottom:70px}
	main#concept .concept-main .concept-inner{width:88vw;margin:0 auto}
	main#concept .concept-main .concept-inner 
	h4{font-size:23px;font-size:2.3rem;margin-bottom:15px;line-height:1.4em}
	main#concept .concept-main .concept-inner .sub{font-size:13px;font-size:1.3rem;margin-bottom:30px}
	main#concept .concept-main .concept-inner .text{text-align:left;line-height:2em}
	main#concept .concept-main .concept-inner:nth-of-type(n+2){margin-top:80px}}
	
@media all and () and (max-width: 1024px)
{main#concept{padding:70px 0}	
	main#concept .mv-section .mv-image{background:url(../images/cource-17.jpg) no-repeat center/cover}
	main#concept .concept-intro{padding:50px 0}
	main#concept .concept-intro h3{font-size:6.5vw;margin-bottom:16px}
	main#concept .concept-intro p{font-size:3.5vw}
	main#concept .concept-main{padding:80px 0;margin-bottom:70px}
	main#concept .concept-main .concept-inner{width:88vw;margin:0 auto}
	main#concept .concept-main .concept-inner 
	h4{font-size:23px;font-size:2.3rem;margin-bottom:15px;line-height:1.4em}
	main#concept .concept-main .concept-inner .sub{font-size:13px;font-size:1.3rem;margin-bottom:30px}
	main#concept .concept-main .concept-inner .text{text-align:left;line-height:2em}
	main#concept .concept-main .concept-inner:nth-of-type(n+2){margin-top:80px}}
	
@media all and (min-width: 480px) and (max-width: 768px) {main#concept{padding:70px 0}	
	main#concept .mv-section .mv-image{background:url(../images/cource-17.jpg) no-repeat center/cover}
	main#concept .concept-intro{padding:50px 0}
	main#concept .concept-intro h3{font-size:6.5vw;margin-bottom:16px}
	main#concept .concept-intro p{font-size:3.5vw}
	main#concept .concept-main{padding:80px 0;margin-bottom:70px}
	main#concept .concept-main .concept-inner{width:88vw;margin:0 auto}
	main#concept .concept-main .concept-inner 
	h4{font-size:23px;font-size:2.3rem;margin-bottom:15px;line-height:1.4em}
	main#concept .concept-main .concept-inner .sub{font-size:13px;font-size:1.3rem;margin-bottom:30px}
	main#concept .concept-main .concept-inner .text{text-align:left;line-height:2em}
	main#concept .concept-main .concept-inner:nth-of-type(n+2){margin-top:80px}}
	
@media all and (max-width: 480px) 
{main#concept{padding:70px 0}	
	main#concept .mv-section .mv-image{background:url(../images/cource-17.jpg) no-repeat center/cover}
	main#concept .concept-intro{padding:50px 0}
	main#concept .concept-intro h3{font-size:6.5vw;margin-bottom:16px}
	main#concept .concept-intro p{font-size:3.5vw}
	main#concept .concept-main{padding:80px 0;margin-bottom:70px}
	main#concept .concept-main .concept-inner{width:88vw;margin:0 auto}
	main#concept .concept-main .concept-inner 
	h4{font-size:23px;font-size:2.3rem;margin-bottom:15px;line-height:1.4em}
	main#concept .concept-main .concept-inner .sub{font-size:13px;font-size:1.3rem;margin-bottom:30px}
	main#concept .concept-main .concept-inner .text{text-align:left;line-height:2em}
	main#concept .concept-main .concept-inner:nth-of-type(n+2){margin-top:80px}
}	


/*===============================================
menu　バー(PC)
===============================================*/
.indiba_menu .mv-section .mv-image{background:url(../images/room-3.jpg) no-repeat center/cover}
.indiba_menu #beginner .sec-title{background:url(../images/room-3.jpg) #8FBEBB no-repeat left/auto 100%}
.indiba_menu #plan .sec-title{background:url("../images/room-3.jpg") #8FBEBB no-repeat left/auto 100%}
.indiba_menu #beginner p{margin-bottom:40px}
.indiba_menu #beginner .campaign-bnr{width:65vw;margin:40px auto 0}
.indiba_menu #beginner .campaign-bnr 
img{width:100%;height:auto}
.indiba_menu .intro{margin-top:20px;}
.indiba_menu .sec-pricePlan{margin-top:40px}
.indiba_menu .sec-pricePlan-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));gap:44px 32px;margin-bottom:200px;}
.indiba_menu .sec-pricePlan-item{display:flex;flex-direction:column}
.indiba_menu .sec-pricePlan-item-inner{margin-bottom:20px}
.indiba_menu .sec-pricePlan-item-read{font-size:11.5px;color:#eb6d98;text-align:center;display:block;margin:20px 0 8px;line-height:1.4em;font-weight:bold}
.indiba_menu .sec-pricePlan-item-title{font-size:16px;font-weight:bold;text-align:center;margin-bottom:10px;line-height:1em}
.indiba_menu .sec-pricePlan-subtitle{font-size:13px;text-align:left;margin-bottom:10px;line-height:1.6em}
.indiba_menu .sec-pricePlan-item-price{font-size:12px;letter-spacing:0.1em;text-align:center}
.indiba_menu .sec-pricePlan-item-price>span{font-size:16px;letter-spacing:0.1em;padding:0 2px;font-weight:600}
.indiba_menu .sec-pricePlan-item-division{font-size:12px;text-align:center;letter-spacing:0.1em}
.indiba_menu .sec-pricePlan-item-division>span{font-size:16px;color:#eb6d98;padding:0 2px;font-weight:600}
.indiba_menu .sec-pricePlan-btn{width:100%;max-width:260px;border:1px solid #000000;margin:auto auto 0}
.indiba_menu .sec-pricePlan-btn>a{display:block;padding:16px 0;font-size:12px;text-align:center;line-height:1;transition:all 0.3s}
.indiba_menu .sec-pricePlan-btn>a:hover{cursor:pointer;color:#ffffff;background-color:#000000}
.indiba_menu .plan-list{margin:120px 0;display:grid;grid-template-columns:1fr;gap:80px}
.indiba_menu .plan-item{display:grid;grid-template-columns:500px 1fr;gap:50px;padding-bottom:50px}
.indiba_menu .plan-item:not(:last-child){border-bottom:1px solid #f1f1f1}
.indiba_menu .plan-read{color:#eb6d98;font-size:13px;line-height:1.6em;margin-bottom:12px;font-weight:bold}
.indiba_menu .plan-titleContainer{display:flex;justify-content:space-between;margin-bottom:32px}
.indiba_menu .plan-title{font-size:20px;letter-spacing:10%;font-weight:bold;line-height: 1.8em;}
.indiba_menu .plan-price{font-size:12px;letter-spacing:10%;text-align:right}
.indiba_menu .plan-price>span{font-size:18px;font-weight:600;letter-spacing:10%;padding:0 2px}

.indiba_menu .plan-service-title{width:100%;border:1px solid #000000;padding:16px 0 16px 16px;line-height:1;margin-bottom:20px;font-size:12px}
.indiba_menu .plan-service-text{margin-bottom:30px}
.indiba_menu .plan-service-item{margin-bottom:10px}
.indiba_menu .plan-note{margin-top:20px;font-size:12px}
.indiba_menu .plan-title-note{font-size:12px;line-height:1.6em;margin-bottom:32px}
.indiba_menu .price-other{width:80vw;max-width:1024px;margin:0 auto;margin-bottom:160px;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}
.indiba_menu .price-other .price-counseling{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}
.indiba_menu .price-other .price-counseling 
h3{font-size:30px;font-size:3rem;font-family:"Source Sans Pro", sans-serif;font-weight:300;font-display:swap;color:#000;text-align:center;margin-bottom:35px}
.indiba_menu .price-other .price-counseling 
p{text-align:center;margin-bottom:20px}
.indiba_menu .price-other .price-counseling .btn{margin-top:auto;text-align:center}
.indiba_menu .price-other .price-counseling .price-inner{display:flex;justify-content:space-between}
.indiba_menu .acc-wrap .accshow p{margin-top:20px}
	


/*===============================================
menu　バー(スマホ)
===============================================*/
@media screen and (max-width: 1024px){.indiba_menu{padding:70px 0}
	br{display:none}
	.indiba_menu .mv-section .plan-img{background:url(../images/room-3.jpg) no-repeat center/cover;}
	.indiba_menu #beginner .sec-title{background:#8FBEBB no-repeat center/cover}
	.indiba_menu #plan .sec-title{background:#8FBEBB no-repeat center/cover}
	.indiba_menu #beginner p{margin-bottom:30px}
	.indiba_menu #beginner .campaign-bnr{width:88vw}
	.indiba_menu #plan .intro{margin-top:40px}
	.indiba_menu .planlist{margin:0 80px}
	.indiba_menu .sec-pricePlan-list{gap:40px 17px;margin-bottom:120px}
	.indiba_menu .sec-pricePlan-item-read{font-size:11.5px}
	.indiba_menu .sec-pricePlan-item-read>span{display:block}
	.indiba_menu .sec-pricePlan-item-title{font-size:14px;margin-bottom:16px}
	.indiba_menu .sec-pricePlan-item-price{font-size:12px}
	.indiba_menu .sec-pricePlan-item-price>span{font-size:14px}
	.indiba_menu .sec-pricePlan-item-division{font-size:12px}
	.indiba_menu .sec-pricePlan-item-division>span{font-size:14px}
	.indiba_menu .sec-pricePlan-btn>a{padding:14px 0;font-size:10px}	
	.indiba_menu .plan-item{display:grid;grid-template-columns:1fr;gap:24px}
	.indiba_menu .plan-list{margin:60px 0 120px}
	.indiba_menu .plan-read{color:#eb6d98;font-size:12px}
	.indiba_menu .plan-titleContainer{display:block;margin-bottom:16px}
	.indiba_menu .plan-title{font-size:16px;margin-bottom:10px}
	.indiba_menu .plan-price>span{font-size:14px}
	.indiba_menu .plan-price-division{margin-top:4px}
	.indiba_menu .plan-price-division>span{font-size:14px;margin-left:4px}
	.indiba_menu .plan-service-title{padding:14px 0 14px 14px;margin-bottom:20px;font-size:12px}
	.indiba_menu .plan-service-item{margin-bottom:6px}
	.indiba_menu .plan-service-item-last{margin-bottom:40px}	
	.indiba_menu .plan-note{margin-top:14px;font-size:10px}
	.indiba_menu .plan-title-note{font-size:10px;margin-bottom:20px}
	.indiba_menu .studio-other{width:88vw;display:block}
	.indiba_menu .studio-other .studio-counseling{width:100% !important;display:block}
	.indiba_menu .studio-other .studio-counseling 
	h3{font-size:24px;font-size:2.4rem;margin-bottom:25px}
	.indiba_menu .studio-other .studio-counseling 
	p{margin-bottom:25px}
	.indiba_menu .studio-other .studio-counseling .btn{text-align:center}
	.indiba_menu .studio-other .studio-trial{margin-bottom:60px}
	.indiba_menu .studio-other .studio-inner{flex-direction:column}
	.indiba_menu .acc-wrap .accshow 
	p{margin-top:20px}
	
	#aproject{padding-top:100px;margin-top:-100px;}
	#karadastudy{padding-top:100px;margin-top:-100px;}
	
	/*===============================================
menu　バー(スマホ)
===============================================*/
@media screen and (max-width: 768px){.indiba_menu{padding:70px 0}
	.indiba_menu .mv-section .plan-img{background:url(../images/room-3.jpg) no-repeat center/cover min-height:100vh; align:center;}
	.indiba_menu #beginner .sec-title{background:#8FBEBB no-repeat center/cover}
	.indiba_menu #plan .sec-title{background:#8FBEBB no-repeat center/cover}
	.indiba_menu #beginner p{margin-bottom:30px}
	.indiba_menu #beginner .campaign-bnr{width:88vw}
	.indiba_menu #plan .intro{margin-top:40px}
	.indiba_menu .planlist{margin:0 80px}
	.indiba_menu h2{line-height:1.6;;}	
	.indiba_menu .sec-pricePlan-list{gap:40px 17px;margin-bottom:120px}
	.indiba_menu .sec-pricePlan-item-read{font-size:11.5px}
	.indiba_menu .sec-pricePlan-item-read>span{display:block}
	.indiba_menu .sec-pricePlan-item-title{font-size:14px;margin-bottom:16px}
	.indiba_menu .sec-pricePlan-item-price{font-size:12px}
	.indiba_menu .sec-pricePlan-item-price>span{font-size:14px}
	.indiba_menu .sec-pricePlan-item-division{font-size:12px}
	.indiba_menu .sec-pricePlan-item-division>span{font-size:14px}
	.indiba_menu .sec-pricePlan-btn>a{padding:14px 0;font-size:10px}	
	.indiba_menu .plan-item{display:grid;gap:24px}
	.indiba_menu .plan-list{margin:60px 0 120px}
	.indiba_menu .plan-read{color:#eb6d98;font-size:12px}
	.indiba_menu .plan-titleContainer{display:block;margin-bottom:16px}
	.indiba_menu .plan-title{font-size:16px;margin-bottom:10px}
	.indiba_menu .plan-price>span{font-size:14px}
	.indiba_menu .plan-price-division{margin-top:4px}
	.indiba_menu .plan-price-division>span{font-size:14px;margin-left:4px}
	.indiba_menu .plan-service-title{padding:14px 0 14px 14px;margin-bottom:20px;font-size:12px}
	.indiba_menu .plan-service-item{margin-bottom:6px}
	.indiba_menu .plan-note{margin-top:14px;font-size:10px}
	.indiba_menu .plan-title-note{font-size:10px;margin-bottom:20px}
	.indiba_menu .studio-other{width:88vw;display:block}
	.indiba_menu .studio-other .studio-counseling{width:100% !important;display:block}
	.indiba_menu .studio-other .studio-counseling 
	h3{font-size:24px;font-size:2.4rem;margin-bottom:25px}
	.indiba_menu .studio-other .studio-counseling 
	p{margin-bottom:25px}
	.indiba_menu .studio-other .studio-counseling .btn{text-align:center}
	.indiba_menu .studio-other .studio-trial{margin-bottom:60px}
	.indiba_menu .studio-other .studio-inner{flex-direction:column}
	.indiba_menu .acc-wrap .accshow 
	p{margin-top:20px}