@charset "UTF-8";
/* Scss Document */
/*
$img1:url("https://musicpowerforall.com/wordpress/wp-content/themes/musicpowerforall/images/common/bk_img1.png");
$img2:url("https://musicpowerforall.com/wordpress/wp-content/themes/musicpowerforall/images/common/bk_img2.png");
$img3:url("https://musicpowerforall.com/wordpress/wp-content/themes/musicpowerforall/images/gakki/gakki02.png");
$img4:url("https://musicpowerforall.com/wordpress/wp-content/themes/musicpowerforall/images/musictherapy/MPFAMPRO0044.jpg");
$img5:url("https://musicpowerforall.com/wordpress/wp-content/themes/musicpowerforall/images/musictherapy/icon.svg");
$img6:url("https://musicpowerforall.com/wordpress/wp-content/themes/musicpowerforall/images/common/kado.png");
$img7:url("https://musicpowerforall.com/wordpress/wp-content/themes/musicpowerforall/images/common/kado2.png");
*/
body.loaded:before { background-image: url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:eco/v1588298450/images/musictherapy/MPFAMPRO0044_mdexyj.jpg"); }

#wrapper > header#header { background-image: url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:low/v1588298377/images/common/bk_img2_teftur.png"), url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:eco/v1588298450/images/musictherapy/MPFAMPRO0044_mdexyj.jpg"); background-position: left bottom,center top 30%; }
#wrapper > header#header nav#lnavi.close { right: -170px; transition: right 0.5s; }
#wrapper > header#header nav#lnavi { position: fixed; right: -20px; bottom: -50px; z-index: 8888; width: 200px; transition: right 0.5s; }
#wrapper > header#header nav#lnavi > div { padding-top: 181.3%; background-size: 100%; height: 0; background-image: url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:eco/v1588298414/images/gakki/gakki02_v4h2io.png"); position: relative; }
#wrapper > header#header nav#lnavi > div h3 { position: absolute; top: 25%; left: 0; text-shadow: 0 0 8px #000, 0 0 8px #000; width: 100%; font-weight: 500; font-family: roboto, sans-serif; font-style: italic; color: #fff; text-align: center; letter-spacing: 2px; font-size: 3rem; /*					width:100%;
					text-align:center;
					font-size:2.4rem;
					font-weight:700;
					letter-spacing: 2px;
					a{
						color:#fff;
					}*/ }
#wrapper > header#header nav#lnavi > div ul { position: absolute; top: 40%; left: 30%; }
#wrapper > header#header nav#lnavi > div ul li { color: #fff; line-height: 1.1; margin-bottom: 10px; text-shadow: 0 0 8px #000, 0 0 8px #000; }
#wrapper > header#header nav#lnavi > div ul li a { color: #fff; font-weight: 600; border-bottom: 2px dotted #fff; display: block; margin-right: 38px; font-size: 1.4rem; }
#wrapper section { padding: 10vw 10% 7vw; }
#wrapper section h2 { margin-bottom: 3vw; }
#wrapper section p { font-size: 1.8rem; margin-bottom: 5vw; }
#wrapper section figcaption { margin-bottom: 1vw; }
#wrapper section ul li { line-height: 1.2; }
#wrapper .sect1 > div header { float: left; width: 60%; }
#wrapper .sect1 > div .left_col { float: left; width: 60%; }
#wrapper .sect1 > div .right_col { float: right; width: 40%; }
#wrapper .sect1 > div div.right_col { margin-top: -11vw; }
#wrapper .sect1 > div div.right_col ul li { font-size: 3.6rem; line-height: 1.1em; text-align: center; }
#wrapper .sect1 > div div.right_col div.triangle { margin-top: 20px; margin-bottom: 10px; display: block; content: '.'; text-indent: -9999px; width: 0; height: 0; border-top: 25px solid #6e4d3d; border-right: 15px solid transparent; border-left: 15px solid transparent; /*					border-top:12px solid #2f0000;
					border-right:10px solid transparent;
					border-bottom:10px solid transparent;
					border-left:10px solid transparent;*/ }
#wrapper .sect1 > div div.right_col div.person { width: 45%; }
#wrapper .sect1 > div div.right_col div.person p { padding-top: 97.7%; padding-bottom: 107%; height: 0; background-image: url("https://res.cloudinary.com/drvwspeq4/image/upload/q_auto:low/v1588298450/images/musictherapy/icon_o8qsso.svg"); color: #fff; text-align: center; font-size: 2.3vw; line-height: 1.3; font-weight: 600; }
#wrapper .sect1 > div div.right_col div.circle { /*			margin-top:-40px;
			width:50%;
			border-radius: 50%;
			border:2px solid #2f0000;
			background-color:#fff;
			p{
				padding-top:25%;
				padding-bottom:75%;
				height:0;
				text-align:center;
				font-weight:600;
			}*/ }
#wrapper .sect1 > div div.right_col div.circle p { margin-top: -8.5vw; line-height: 1.5; text-align: center; padding: 13% 10%; text-align: center; font-weight: 600; width: 100px; border-radius: 50%; border: 2px solid #2f0000; background-color: #fff; }
#wrapper .sect2 { padding: 12vw 15%; background-color: rgba(47, 0, 0, 0.3); background-image: url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:low/v1588298376/images/common/bk_img1_ygzapb.png"), url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:low/v1588298377/images/common/bk_img2_teftur.png"); background-repeat: no-repeat; background-position: top left,bottom -3px right; background-size: 60%,60%; }
#wrapper .sect2 > div header h2 { color: #fff; }
#wrapper .sect2 > div > p { color: #fff; margin-bottom: 60px; }
#wrapper .sect2 > div .flexwrapper { margin-bottom: -5.1vw; }
#wrapper .sect2 > div > ul li { margin-top: -2%; }
#wrapper .sect2 > div > ul li p.numb { width: 13%; font-size: 10.5vw; color: #fff; line-height: 1; font-family: mr-eaves-modern, sans-serif; font-weight: 400; font-style: italic; text-align: left; }
#wrapper .sect2 > div > ul li p.kado { width: 5%; display: flex; flex-wrap: wrap; flex-direction: column; }
#wrapper .sect2 > div > ul li p.kado span { display: block; }
#wrapper .sect2 > div > ul li p.kado span:nth-child(1) { height: 10%; background-image: url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:low/v1588437732/images/common/kado_gim7db.png"); background-size: 100% 100%; background-repeat: no-repeat; }
#wrapper .sect2 > div > ul li p.kado span:nth-child(2) { height: 90%; background-color: rgba(255, 255, 255, 0.98); }
#wrapper .sect2 > div > ul li p.content { width: 82%; background-color: rgba(255, 255, 255, 0.98); padding: 6% 8% 6% 4%; box-sizing: border-box; line-height: 1.8; }
#wrapper .sect2 > div > ul li p.content em { display: block; font-size: 2.4rem; text-decoration: none; margin-bottom: 20px; }
#wrapper .sect2 > div > ul li:nth-child(odd) p:nth-child(1) { ext-align: right; }
#wrapper .sect2 > div > ul li:nth-child(even) { flex-direction: row-reverse; }
#wrapper .sect2 > div > ul li:nth-child(even) p:nth-child(1) { text-align: right; }
#wrapper .sect2 > div > ul li:nth-child(3) p.content, #wrapper .sect2 > div > ul li:nth-child(5) p.content { width: 82%; background-color: rgba(255, 255, 255, 0.98); padding: 6% 4% 6% 8%; box-sizing: border-box; }
#wrapper .sect2 > div > ul li:nth-child(3) p.content em, #wrapper .sect2 > div > ul li:nth-child(5) p.content em { display: block; text-decoration: none; margin-bottom: 20px; }
#wrapper .sect2 > div > ul li:nth-child(3) p.kado span:nth-child(1), #wrapper .sect2 > div > ul li:nth-child(5) p.kado span:nth-child(1) { background-image: url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:low/v1588437732/images/common/kado2_mcbino.png"); }
#wrapper .sect3 { padding-top: 80px; padding-bottom: 80px; position: relative; }
#wrapper .sect3 > div header { margin-bottom: 40px; }
#wrapper .sect3 > div > ul:not(.gallary) > li { margin-bottom: 40px; }
#wrapper .sect3 > div > ul:not(.gallary) > li p { margin-bottom: 1.8vw; }
#wrapper .sect3 > div > ul:not(.gallary) > li p span { display: block; }
#wrapper .sect3 > div > ul:not(.gallary) > li p span:nth-child(1) { width: 10%; font-family: mr-eaves-modern, sans-serif; font-weight: 400; font-style: italic; font-size: 9vw; line-height: 1; color: #6e4d3d; }
#wrapper .sect3 > div > ul:not(.gallary) > li p span:nth-child(2) { width: 90%; font-size: 1.6rem; padding-top: 3%; line-height: 1.3; }
#wrapper .sect3 > div > ul:not(.gallary) > li div dl { display: inline-block; width: 49%; border: 1px solid #2f0000; border-radius: 0 30px 0 0; box-sizing: border-box; padding: 3% 3% 2.5% 3%; }
#wrapper .sect3 > div > ul:not(.gallary) > li div dl dt { text-align: center; margin-bottom: 5px; font-size: 2.8rem; }
#wrapper .sect3 > div > ul:not(.gallary) > li div dl dd { line-height: 1.3; font-size: 1.8rem; }
#wrapper .sect3 > div > ul:not(.gallary) > li div dl + dl { margin-left: 2%; }
#wrapper .sect3 > div > ul:not(.gallary) > li div ul li { border: 1px solid #2f0000; border-radius: 0 30px 0 0; padding: 3%; text-align: center; font-size: 2.8rem; margin-bottom: 10px; }
#wrapper .sect3 > div > ul.gallary { display: flex; flex-wrap: wrap; }
#wrapper .sect3 > div > ul.gallary li { padding: 6px; border: 1px solid #2f0000; box-sizing: border-box; }
#wrapper .sect3 > div > ul.gallary li:nth-child(1) { width: 98%; margin-bottom: 2%; }
#wrapper .sect3 > div > ul.gallary li:nth-child(2), #wrapper .sect3 > div > ul.gallary li:nth-child(3) { width: 48%; justify-content: space-between; }
#wrapper .sect4 { background-color: rgba(251, 221, 126, 0.8); padding-top: 80px; padding-bottom: 80px; background-image: url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:low/v1588298376/images/common/bk_img1_ygzapb.png"), url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:low/v1588298377/images/common/bk_img2_teftur.png"); background-repeat: no-repeat; background-position: top left,bottom right; background-size: 60%,60%; }
#wrapper .sect4 .fig1 { margin-top: 3vw; padding-bottom: 3vw; }
#wrapper .sect4 .fig1 li { width: 49.5%; margin-left: 1%; margin-bottom: 10px; border: 2px solid #2f0000; padding: 4% 0; font-size: 2.2rem; font-weight: 500; line-height: 1.3; box-sizing: border-box; background-color: #fff; text-align: center; }
#wrapper .sect4 .fig1 li:nth-child(2n+1) { margin-left: 0; }
#wrapper .sect4 .fig2 > li { border: 2px solid #2f0000; background-color: #fff; padding: 4% 3% 4% 0; }
#wrapper .sect4 .fig2 > li figure figcaption { width: 35%; font-weight: 600; box-sizing: border-box; font-size: 2.5rem; text-align: center; display: inline-block; vertical-align: bottom; display: flex; flex-direction: column; align-items: left; justify-content: center; }
#wrapper .sect4 .fig2 > li figure ul { width: 65%; }
#wrapper .sect4 .fig2 > li figure ul li { padding-left: 1em; text-indent: -1em; }
#wrapper .sect4 .fig2 > li figure ul li:before { content: '■'; color: #a99791; margin-right: 3px; }
#wrapper .sect4 .fig2 > li + li { margin-top: 20px; }
#wrapper .sect5 { padding-top: 80px; padding-bottom: 80px; }
#wrapper .sect5 p { padding-top: 30px; }
#wrapper .sect5 > div header h2 { text-align: center; margin-bottom: 40px; }
#wrapper .sect5 > div > div > ul > li { padding-top: 30px; padding-bottom: 30px; border-bottom: 3px dashed #2f0000; }
#wrapper .sect5 > div > div > ul > li > ul { width: 50%; /*	li:nth-child(2n){
		margin-left:2%;
	}*/ }
#wrapper .sect5 > div > div > ul > li > ul li { display: inline-block; width: 100%; background-color: #6e4d3d; box-sizing: border-box; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 10px; text-align: center; height: 80px; line-height: 80px; color: #fff; vertical-align: top; }
#wrapper .sect5 > div > div > ul > li > figure { width: 50%; padding-left: 4%; box-sizing: border-box; }
#wrapper .sect5 > div > div > ul > li > figure figcaption { font-size: 2.8rem; line-height: 2; letter-spacing: 10px; }
#wrapper .sect5 > div > div > ul > li > figure ul li { padding-left: 1em; text-indent: -1em; padding-bottom: 10px; }
#wrapper .sect5 > div > div > ul > li > figure ul li:before { content: '●'; color: #a99791; font-size: 1.2rem; padding-right: 7px; }
#wrapper .sect5 > div > div > ul > li + li { margin-top: 20px; }