@charset "UTF-8";
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/* ----------------------------------------------------------------------------------------------------
*  下層ページ
* --------------------------------------------------------------------------------------------------*/

/*** 共通 ***/
.area-center > p {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.area-right > p {
	text-align:right;
}
@media screen and (min-width: 768px) {
	.catch-area {
		position:relative;
	}
	.catch-area:before {
    	content: "";
		display: block;
		padding-top: 172px;
	}
	.catch-area > .catch {
		position:absolute;
		left:0;
		top:-67px;
		width:100%;
		background:#FAB4B4;
		margin:0 auto 4.8em;
	}
	.catch-area > .catch h2 {
		max-width:1000px;
		min-height:240px;
		padding-top: 130px;
		margin:0 auto;
		font-size: 1.6em;
		font-weight: 500;
		line-height: 1.4em;
		letter-spacing: 0.06em;
		color:#FFF;
	}
	.catch-area > .catch h2 span {
		display:block;
		font-size:0.72em;
	}
	.catch-area > .catch::after {
		position:absolute;
		content:"";
		top:46px;
		right:12vw;
		width:229px;
		height:222px;
		background:url(/images/common/catch-bg-pt01.png) no-repeat;
		background-size:contain;
	}
	.page {
		width:1000px;
		margin:0 auto;
		padding:0 0 40px;
	}
	.page-ex {
		width:1200px;
		margin:0 auto;
		padding:0 0 40px;
	}
	.page-backnum {
		width:1000px;
		margin:0 auto;
		padding:0 0 0;
	}
	.page-backnum-ex {
		width:1200px;
		margin:0 auto;
	}
	.page h3,
	.page-backnum h3,
	.page-backnum-ex h3 {
		padding: 0.4em 0 0.4em 1em;
		margin: 0 0 0.8em;
		background:url(/images/common/h3-title-bg.png) no-repeat top left;
		position: relative;
		font-weight: 400;
		font-size: 1.4em;
		letter-spacing: 0.06em;
		color:#FFF;
	}
	/*** プライバシーポリシー ***/
	.page-privacy {
		padding-top:2.2em;
	}
	.page-privacy h2, .page-privacy h3, .page-privacy h4, .page-privacy h5, .page-privacy h6, .page-privacy p, .page-privacy address, .page-privacy ul, .page-privacy ol, .page-privacy li, .page-privacy dl, .page-privacy dt, .page-privacy dd, .page-privacy table, .page-privacy th, .page-privacy td {
		font-family: "Meiryo UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN","Yu Gothic UI", "MS PGothic", sans-serif;
	}
	.page-privacy section {
		margin:0 auto 40px;
	}
	.page-privacy h4 {
		margin: 0 0 0.6em;
		padding: 0.2em 0 0.2em 0.8em;
		background: #FBFBFB; 
		border-left:5px solid #FCCB00;
		font-size: 120%;
		letter-spacing: 0.04em;
	}
	.page-privacy section  ul,
	.page-privacy section  ol {
		margin:0 0 1.8em;
		padding:0 0 0 1.6em;
	}
	.page-privacy section  ol li {
		margin:0 0 0.4em 1em;
		list-style-type: decimal;
	}
	.page-privacy section  ul li {
		margin:0 0 0.4em 0;
		list-style:disc;
	}
	.page-privacy section p {
		margin:0 0 1.8em;
		padding:0 0 0 1.2em;
	}
	/*** 運営企業情報ー ***/
	.page-company {
		padding-top:2.2em;
	}
	.operating-company dl {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content:space-between;
		border-bottom: 1px solid #F1F1F1;
	}
	.operating-company dl:first-of-type {
		border-top:1px solid #F1F1F1;
	}
	.operating-company dl dt {
		width:28%;
		padding:1.2em 0 1.2em 2%;
		background: #FFE57A;
		color:#c09100;
		letter-spacing:0.08em;
	}
	.operating-company dl dd {
		width:69%;
		padding:1.2em 0 1.2em 1%;
	}
	/*** 夢ノート ***/
	.catch-dnote-area {
		position:relative;
	}
	.catch-dnote-area:before {
    		content: "";
		display: block;
		padding-top: 174px;
	}
	.catch-dnote-area > .catch {
		position:absolute;
		left:0;
		top:-76px;
		width:100%;
		background:rgba(66,200,149,1);
		background-image:url(/images/dnote/catch-bg.png);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0 auto 4.8em;
	}
	.catch-dnote-area > .catch img {
		display:block;
		max-width:740px;
		margin:0 auto;
		padding:16px 0 16px;
	}
	.page-dnote {
		background:rgba(255,253,238,1);
		background-image:url(/images/dnote/page-bg.png);
		background-repeat:repeat;
		background-size:15%;
	}
	.page-dnote > .page {
		width:1200px;
	}
	.page-dnote ul {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		margin:0 37.5px;
	}
	.page-dnote ul li {
		text-align:center;
	}
	.page-dnote ul li img {
		max-width:375px;
	}
	.page-dnote ul li.wide img {
		max-width:750px;
	}
	/*** オフショット ***/
	.catch-offshot-area {
		position:relative;
	}
	.catch-offshot-area:before {
    	content: "";
		display: block;
		padding-top: 174px;
	}
	.catch-offshot-area > .catch {
		position:absolute;
		left:0;
		top:-76px;
		width:100%;
		background:rgba(255,129,147,1);
		background-image:url(/images/offshot/catch-bg.png);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0 auto 4.8em;
	}
	.catch-offshot-area > .catch img {
		display:block;
		max-width:740px;
		margin:0 auto;
		padding:84px 0 16px;
	}
	.page-offshot > section > .page {
		width:1200px;
		padding:0 0 0;
	}
	.page-offshot > section.orange {
		background:#FBD6A1;
	}
	.page-offshot > section.blue {
		background:#D3EBEB;
	}
	.page-offshot > section.green {
		background:#D6E7C3;
	}
	.page-offshot > section.mosgreen {
		background:#D9E697;
	}
	.page-offshot > section.pink {
		background:#FFD2F7;
	}
	.page-offshot > section.purple {
		background:#C8BCE0;
	}
	.catch-pickup-area {
		position:relative;
	}
	/*** ピックアップスクール ***/
	.catch-pickup-area:before {
    	content: "";
		display: block;
		padding-top: 154px;
	}
	.catch-pickup-area > .catch {
		position:absolute;
		left:0;
		top:-76px;
		width:100%;
		background:rgba(121,202,232,1);
		margin:0 auto 4.8em;
	}
	.catch-pickup-area > .catch .pickup-title-area {
		max-width:1200px;
		margin:0 auto;
		display:flex;
	}
	.catch-pickup-area > .catch .pickup-title-area h2 {
		padding:118px 0 16px;
		font-size:48px;
		color:#000;
		text-shadow: rgba(255,255,255,1) 1px 1px 10px, rgba(255,255,255,1) -1px 1px 10px, rgba(255,255,255,1) 1px -1px 10px, rgba(255,255,255,1) -1px -1px 10px;
	}
	.catch-pickup-area > .catch .pickup-title-area p {
		display:inline-block;
		padding: 108px 24px 16px 24px;
		font-family: 'Patua One', cursive;
		font-size:2.2em;
		color:#FFF;
		line-height:1.2em;
	}
	.catch-pickup-area > .catch img {
		display:block;
		max-width:300px;
		padding:84px 0 16px;
	}
	.page-pickup {
	}
	.page-pickup .page {
		padding:0 0 0 0;
	}
	.page-pickup > .introduction {
		margin:0 auto 60px;
		padding:30px 0 0;
		text-align:center;
		background-color: #FFF;
		background: -webkit-linear-gradient(
			transparent 95%,
			rgba(121,202,232,.15) 50%,
			rgba(121,202,232,.15)),
			-webkit-linear-gradient(
				0deg, transparent 95%,
				rgba(121,202,232,.15) 50%,
				rgba(121,202,232,.15)
			);
    	background-size: 10px 10px;
	}
	.page-pickup > .introduction .introduction-area {
		max-width:1200px;
		margin:0 auto;
	}
	.page-pickup > .introduction .introduction-area p {
		max-width:1000px;
		margin:0 auto;
		padding:40px 0 0 0;
		line-height:2.2;
		font-size:16px;
	}
	.page-pickup > .introduction .pickup-title {
		display: inline-block;
		position: relative;
		height: 36px;
		text-align: center;
		box-sizing: border-box;
	}
	.page-pickup > .introduction .pickup-title:before {
		content: '';
		position: absolute;
		width: 10px;
		bottom: -22px;
		left: -35px;
		z-index: -2;
		border: 24px solid #FFA817;
		border-left-color: transparent;
	}
	.page-pickup > .introduction .pickup-title:after {
		content: '';
		position: absolute;
		width: 10px;
		bottom: -22px;
		right: -35px;
		z-index: -2;
		border: 24px solid #FFA817;
		border-right-color: transparent;
	}
	.page-pickup > .introduction .pickup-title p {
		display: inline-block;
		position: relative;
		margin: 0;
		padding: 0.2em 40px;
		line-height: 36px;
		font-size: 22px;
		color: #FFF;
		text-align:center;
		background: #F39800;
	}
	.page-pickup > .introduction .pickup-title p:before {
		position: absolute;
		content: '';
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 10px transparent;
		border-right: solid 15px #CE8100;
	}
	.page-pickup > .introduction .pickup-title p:after {
		position: absolute;
		content: '';
		top: 100%;
		right: 0;
		border: none;
		border-bottom: solid 10px transparent;
		border-left: solid 15px #CE8100;
	}
	.page-pickup .interview h3::before,
	.page-pickup .part-introduction h3::before {
		display: inline-block;
		content: "";
		vertical-align: bottom;
		width: 54px;
		height: 30px;
		background:url(/images/pickup/h3-before.png) no-repeat left center;
		background-size:contain;
	}
	.page-pickup .goal h3::before {
		display: inline-block;
		content: "";
		vertical-align: top;
		width: 26px;
		height: 39px;
		background:url(/images/pickup/h3-goal-before.png) no-repeat left center;
		background-size:contain;
	}
	.page-pickup h3 strong {
		color:#EA5314;
	}
	.page-pickup h4 {
		margin:0 auto 24px;
		border-bottom:2px dashed #F8B95B;
		padding:4px 10px 8px;
		font-size:22px;
		letter-spacing:0.08em;
		color:#EA5415;
	}
	.page-pickup h4::before {
		display: inline-block;
		content: "";
		width:40px;
		height:38px;
		vertical-align: bottom;
		background:url(/images/pickup/h4-before.png) no-repeat left center;
		background-size:contain;
	}
	.page-pickup .interview {
		margin:0 auto 80px;
	}
	.page-pickup .interview-area {
		max-width:1000px;
		min-height: 300px;
		padding:20px 20px 20px 340px;
		margin:0 auto;
		background:#FFFCDB;
		background-repeat:no-repeat;
		background-position:20px bottom;
		background-size:300px 300px;
	}
	.page-pickup .interview-area p {
		line-height:2;
		margin:0 auto 20px;
	}
	.page-pickup .interview-area p strong {
		color:#EA5314;
	}
	.page-pickup .part-introduction {
		padding:40px 0 0 0;
		margin:0 auto;
		background-color: #FFF;
		background-image: -webkit-gradient( linear, 0 0, 100% 100%, color-stop(.25, #FCE1CE), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #FCE1CE), color-stop(.75, #FCE1CE), color-stop(.75, transparent), to(transparent) );
		background-size: 10px 10px;
		background-repeat: repeat;
	}
	.page-pickup .part-introduction .part-introduction-area {
		max-width:1200px;
		margin:0 auto;
	}
	.page-pickup .goal {
		padding:40px 0 40px;
		background:#cde7f1;
	}
	.page-pickup .goal .goal-area {
		max-width:1000px;
		margin:0 auto;
	}
	.page-pickup .goal .goal-area > ul {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.page-pickup .goal .goal-area > ul > li {
		width:320px;
		margin-bottom:40px;
	}
	.page-pickup .goal .goal-area > ul.two-column > li {
		width:320px;
		margin:0 90px 40px;
	}
	.page-pickup .goal .goal-area ul li img {
		display:block;
		margin:0 auto 12px;
		border-radius:18px;
	}
	.page-pickup .goal .goal-area ul li ul li {
		font-size:12px;
	}
	.page-pickup .goal .goal-area ul li ul li strong {
		display:inline-block;
		color:#F39800;
		padding-right: 0.6em;
	}
	.page-pickup .school-data {
		padding:40px 0 80px;
		background-color: #FFF;
		background:-webkit-linear-gradient(
			transparent 95%,
			rgba(248, 185, 91, .3) 50%,
			rgba(248, 185, 91, .3)),
		-webkit-linear-gradient(
			0deg, transparent 95%,
			rgba(248, 185, 91, .3) 50%,
			rgba(248, 185, 91, .3)
		);
		background-size: 10px 10px;
	}
	.page-pickup .school-data-area {
		max-width:1000px;
		margin:0 auto;
		font-weight:400;
	}
	.page-pickup .school-data-area dl {
		display:flex;
		border-bottom:1px solid #CCC;
		padding:18px 0;
	}
	.page-pickup .school-data-area dl dt {
		min-width:200px;
		padding:0 0 0 18px;
		color:#EA5415;
	}
	.page-pickup .school-data-area dl dt::before {
		font-family:"Fontawesome";
		content:"\f001";
		margin-right:0.6em;
	}
	.page-pickup .school-data-area dl dd ul li {
		margin:0 0 0.6em 1.2em;
		list-style:disc;
	}
	.backnumber ul li {
		text-align: center;
	} 
	/*** お役立ち情報 ***/
	.page-useful {
	}
	.page-useful .introduction-area {
		position:relative;
		background-color:rgba(247, 249, 222,1);
		/*
		background:-webkit-linear-gradient(
			transparent 95%,
			rgba(247, 249, 222, 1) 50%,
			rgba(247, 249, 222, 1)),
		-webkit-linear-gradient(
			0deg, transparent 95%,
			rgba(247, 249, 222, 1) 50%,
			rgba(247, 249, 222, 1)
		);
		*/
		background-size: 10px 10px;
	}
	.page-useful .introduction-area .flute {
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background:url(/images/useful/flute/background.png) no-repeat right center;
		background-size:1100px auto;
		opacity:0.36;
	}
	.page-useful .introduction-area dl {
		padding:40px 0 40px;
	}
	.page-useful .introduction-area dt {
		margin:0 auto 22px;
		letter-spacing:0.08em;
		font-size:40px;
		text-align:center;
		text-shadow:rgba(255,255,255,1) 1px 1px 10px, rgba(255,255,255,1) -1px 1px 10px, rgba(255,255,255,1) 1px -1px 10px, rgba(255,255,255,1) -1px -1px 10px;
	}
	.page-useful .introduction-area dd {
		margin:0 auto;
		text-align:center;
		font-size:1.2em;
		text-shadow:rgba(255,255,255,1) 1px 1px 10px, rgba(255,255,255,1) -1px 1px 10px, rgba(255,255,255,1) 1px -1px 10px, rgba(255,255,255,1) -1px -1px 10px;
	}
	.page-useful .faq-area {
		max-width:1000px;
		padding:20px 0 0 0;
		margin:0 auto;
	}
	.page-useful .faq-area dl {
		margin:0 auto 30px;
		line-height:1.8;
	}
	.page-useful .faq-area dl dt {
		margin:0 auto 22px;
		padding:18px 0 18px 64px;
		background:url(/images/useful/f.png) no-repeat left center;
		background-position:left top;
		border-bottom:1px solid #222;
		line-height: 1.8;
		font-size:1.2em;
	}
	.page-useful .faq-area dl dd {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content:space-between;
		padding:18px 0 30px 64px;
		background:url(/images/useful/q.png) no-repeat left center;
		background-position:left top 18px;
		font-size:1.2em;
		line-height: 1.8;
	}
	.page-useful .faq-area dl dd span {
		display:block;
	}
	.page-useful .faq-area dl dd span.txt {
		max-width:600px;
	}
	.page-useful .faq-area dl dd span.img {
		text-align:center;
		font-size:14px;
	}
	.page-useful .interviewee-area {
		padding:40px 0 40px;
		background-color: #FFF;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F7F9DE), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F7F9DE),color-stop(.75, #F7F9DE), color-stop(.75, transparent),to(transparent));
		background-size: 10px 10px;
		background-repeat: repeat;
	}
	.page-useful .interviewee-area .interviewee-title {
		font-size:2.2em;
		color:#F89218;
		text-align: center;
		margin: 0 auto 30px;
	}
	.page-useful .interviewee-area .interviewee,
	.page-useful .interviewee-area .interviewee-school {
		display:flex;
		flex-direction:row-reverse;
		flex-wrap: wrap;
		justify-content:space-between;
		max-width:800px;
		margin:0 auto;
	}
	.page-useful .interviewee-area .interviewee {
		padding:0 0 40px;
	}
	.page-useful .interviewee-area .interviewee dl,
	.page-useful .interviewee-area .interviewee-school dl {
		width:500px;
	}
	.page-useful .interviewee-area .interviewee dl dt,
	.page-useful .interviewee-area .interviewee-school dl dt {
		margin:0 auto 20px;
		font-size:22px;
	}
	.page-useful .interviewee-area .interviewee dl dt span,
	.page-useful .interviewee-area .interviewee-school dl dt span {
		font-size:18px;
	}
	.page-useful .interviewee-area .interviewee dl dd,
	.page-useful .interviewee-area .interviewee-school dl dd {
		font-size:18px;
	}
	.page-useful .interviewee-area .interviewee .interviewee-img,
	.page-useful .interviewee-area .interviewee-school .interviewee-img {
		width:300px;
	}
	/*** バックナンバー共通 ***/
	.backnumber {
		padding:30px 0 0 0;
		background: #FEFEFE;
	}
	.page + .backnumber {
		padding: 30px 0 0 0;
	}
	.backnumber ul {
		display: flex;
		flex-direction:row;
		flex-wrap: wrap;
		margin-bottom: 30px;
		/*justify-content: space-between;*/
		justify-content: center;
	}
	.backnumber ul::after {
		display: inline-block;
		content: "";
		width: 300px;
	}
	.backnumber ul::before {
		display: inline-block;
		content: "";
		width: 300px;
		order: 1;
	}
	.page-pickup .backnumber ul {
		/*justify-content: left;*/
		justify-content: center;
	}
	.backnumber .btn {
/*		display: flex;
		align-items: center;
		justify-content: center;*/
		min-width: 300px;
		/*min-width: 284px;*/
		padding:8px 10px;
		margin:0 4px 10px;
	}
	.page-pickup .backnumber .btn {
		min-height: 100px;
	}
	.backnumber.toTop ul,
	.backnumber.toTop ul {
		justify-content: center;
	}
	.backnumber.toTop ul::after,
	.backnumber.toTop ul::before {
		content: unset;
	}
	.backnumber .btn:hover {
		opacity:1;
		background:#fccb00;
		color:#FFF;
	}
	/*
	.backnumber ul li.pickup-29 .btn {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.8em;
	}
	*/
	.breadcrumb {
		padding:30px 0 0 0;
		background: #FEFEFE;
	}
	.page + .breadcrumb {
		padding: 30px 0 0 0;
	}
	.breadcrumb > .page > ul {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
	}
	.breadcrumb > .page > ul > li {
	}
	.breadcrumb > .page > ul > li a {
		display: inline-block;
		margin: 0 1em 0 0;
		color: #777;
	}
	.breadcrumb > .page > ul > li a::after {
		font-family: "Fontawesome";
		content: "\f105";
		margin: 0 1em 0 1em;
	}
}
@media screen and (max-width:767px) {
	.catch-area {
		position:relative;
	}
	.catch-area:before {
    	content: "";
		display: block;
		padding-top: 120px;
	}
	.catch-area > .catch {
		position:absolute;
		left:0;
		top:-62px;
		width:100%;
		background:#FAB4B4;
	}
	.catch-area > .catch::after {
		position:absolute;
		content:"";
		top:78px;
		right:0;
		width:120px;
		height:100px;
		background:url(/images/common/catch-bg-pt01.png) no-repeat;
		background-size:contain;
	}
	.catch-area > .catch h2 {
		padding: 90px 0.8em 30px;
		margin:0 auto;
		font-size: 1.6em;
		font-weight: 500;
		line-height: 1.4em;
		letter-spacing: 0.06em;
		color:#FFF;
	}
	.catch-area > .catch h2 span {
		display:block;
		font-size:0.72em;
	}
	.page,
	.page-ex {
		width: 96%;
		margin: 0 auto;
		padding: 0 2% 10vw;
	}
	.page-backnum,
	.page-backnum-ex {
		width: 96%;
		margin: 0 auto;
		padding: 0 2%;
	}
	.page.blog {
		padding: 6vw 2% 10vw;
	}
	.page h3,
	.page-backnum h3,
	.page-backnum-ex h3 {
		padding: 0.2em 0 0.4em 1em;
		margin: 0 0 0.6em;
		background:url(/images/common/h3-title-bg_sp.png) no-repeat top left;
		background-size:cover;
		position: relative;
		font-weight: 400;
		font-size: 1.4em;
		letter-spacing: 0.06em;
		color:#FFF;
	}
	/*** プライバシーポリシー ***/
	/*** 運営企業情報ー ***/
	.operating-company dl {
	}
	.operating-company dl:first-of-type {
	}
	.operating-company dl dt {
		padding:1.2em 1.2em 1.2em;
		background: #FFE57A;
		color:#c09100;
		letter-spacing:0.08em;
	}
	.operating-company dl dd {
		padding:1.2em 1.2em 2.4em;
	}
	/*** 夢ノート ***/
	.catch-dnote-area {
		position:relative;
	}
	.catch-dnote-area > .catch {
		background:rgba(66,200,149,1);
		background-image:url(/images/offshot/catch-bg.png);
		background-repeat:no-repeat;
		background-size:contain;
	}
	.catch-dnote-area > .catch img {
		display:block;
		width:96%;
		margin:-8.125vw auto 0;
		padding:32px 0 16px;
	}
	.page-dnote {
		background:rgba(255,253,238,1);
		background-image:url(/images/dnote/page-bg.png);
		background-repeat:repeat;
		background-size:60%;
	}
	.page-dnote > .page > ul {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
	}
	.page-dnote > .page > ul > li {
		flex-basis:50%;
	}
	.page-dnote > .page > ul > li.wide {
		flex-basis:100%;
	}
	/*** オフショット ***/
	.catch-offshot-area {
		position:relative;
	}
	.catch-offshot-area > .catch {
		background:rgba(255,129,147,1);
		background-image:url(/images/offshot/catch-bg.png);
		background-repeat:no-repeat;
		background-size:contain;
	}
	.catch-offshot-area > .catch img {
		display:block;
		width:96%;
		margin:-8.125vw auto 0;
		padding:32px 0 16px;
	}
	.page-offshot > section > .page {
		padding:0 0 0;
	}
	.page-offshot > section.orange {
		background:#FBD6A1;
	}
	.page-offshot > section.blue {
		background:#D3EBEB;
	}
	.page-offshot > section.green {
		background:#D6E7C3;
	}
	.page-offshot > section.mosgreen {
		background:#D9E697;
	}
	.page-offshot > section.pink {
		background:#FFD2F7;
	}
	.page-offshot > section.purple {
		background:#C8BCE0;
	}
	/*** ピックアップスクール ***/
	.catch-pickup-area > .catch {
		margin:-8.125vw auto 0;
		background:rgba(121,202,232,1);
	}
	.catch-pickup-area > .catch .pickup-title-area {
	}
	.catch-pickup-area > .catch .pickup-title-area h2 {
		padding: 0 0 0.6em;
		font-size:1.6em;
		color:#000;
		text-align:center;
		text-shadow: rgba(255,255,255,1) 1px 1px 10px, rgba(255,255,255,1) -1px 1px 10px, rgba(255,255,255,1) 1px -1px 10px, rgba(255,255,255,1) -1px -1px 10px;
	}
	.catch-pickup-area > .catch .pickup-title-area p {
		padding: 0.6em 0 0.4em;
		font-family: 'Patua One', cursive;
		font-size:2.2em;
		color:#FFF;
		text-align:center;
		line-height:1.2em;
	}
	.catch-pickup-area > .catch img {
		display:block;
		width:60%;
		padding: 20px 0 0 0;
		margin:0 auto 1rem;
	}
	.page-pickup {
		padding:0 0 0 0;
	}
	.page-pickup .page {
		padding:0 0 0 0;
	}
	.page-pickup > .introduction {
		margin:0 auto;
		padding:2.2em 0 3.2em;
		text-align:center;
		text-align:center;
		background-color: #FFF;
		background: -webkit-linear-gradient(
			transparent 95%,
			rgba(121,202,232,.15) 50%,
			rgba(121,202,232,.15)),
			-webkit-linear-gradient(
				0deg, transparent 95%,
				rgba(121,202,232,.15) 50%,
				rgba(121,202,232,.15)
			);
    	background-size: 10px 10px;
	}
	.page-pickup > .introduction .introduction-area {
		margin:0 auto;
	}
	.page-pickup > .introduction .introduction-area p {
		margin:0 auto;
		padding:2.4em 0.8em 0;
		line-height:2.2;
		font-size:1.2em;
	}
	.page-pickup > .introduction .pickup-title {
		display: inline-block;
		position: relative;
		height: 36px;
		text-align: center;
		box-sizing: border-box;
	}
	.page-pickup > .introduction .pickup-title:before {/*左側のリボン端*/
		content: '';
		position: absolute;
		width: 10px;
		bottom: -22px;
		left: -35px;
		z-index: -2;
		border: 24px solid #FFA817;
		border-left-color: transparent;/*山形に切り抜き*/
	}
	.page-pickup > .introduction .pickup-title:after {/*右側のリボン端*/
		content: '';
		position: absolute;
		width: 10px;
		bottom: -22px;
		right: -35px;
		z-index: -2;
		border: 24px solid #FFA817;
		border-right-color: transparent;/*山形に切り抜き*/
	}
	.page-pickup > .introduction .pickup-title p {
		display: inline-block;
		position: relative;
		margin: 0;
		padding: 0.4em 1.2em;
		line-height: 1.6em;
		font-size: 1.1em;
		color: #FFF;
		text-align:center;
		background: #F39800;/*真ん中の背景色*/
	}
	.page-pickup > .introduction .pickup-title p:before {
		position: absolute;
		content: '';
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 10px transparent;
		border-right: solid 15px #CE8100;/*左の折り返し部分*/
	}
	.page-pickup > .introduction .pickup-title p:after {
		position: absolute;
		content: '';
		top: 100%;
		right: 0;
		border: none;
		border-bottom: solid 10px transparent;
		border-left: solid 15px #CE8100;/*右の折り返し部分*/
	}
	.page-pickup .interview h3::before,
	.page-pickup .part-introduction h3::before {
		display: inline-block;
		content: "";
		vertical-align: bottom;
		width: 54px;
		height: 30px;
		background:url(/images/pickup/h3-before.png) no-repeat left center;
		background-size:contain;
	}
	.page-pickup .goal h3 {
		font-size:1.2em;
	}
	.page-pickup .goal h3::before {
		display: inline-block;
		content: "";
		vertical-align: middle;
		width: 18px;
		height: 30px;
		background:url(/images/pickup/h3-goal-before.png) no-repeat left center;
		background-size:contain;
	}
	.page-pickup h3 strong {
		color:#EA5314;
	}
	.page-pickup h4 {
		margin:0 auto 0.8em;
		border-bottom:2px dashed #F8B95B;
		padding:4px 10px 8px;
		font-size:22px;
		letter-spacing:0.08em;
		color:#EA5415;
	}
	.page-pickup h4::before {
		display: inline-block;
		content: "";
		width:40px;
		height:38px;
		vertical-align: bottom;
		background:url(/images/pickup/h4-before.png) no-repeat left center;
		background-size:contain;
	}
	.page-pickup .interview {
		margin:0 auto;
	}
	.page-pickup .interview-area {
		padding:320px 1em  1em;
		margin:0 auto;
		background:#FFFCDB;
		background-repeat:no-repeat;
		background-position:center top;
		background-size:300px auto;
	}
	.page-pickup .interview-area p {
		line-height:2;
		margin:0 auto 1.8em;
	}
	.page-pickup .interview-area p strong {
		color:#EA5314;
	}
	.page-pickup .part-introduction {
		padding:1.2em 0 0 0;
		margin:0 auto;
		background-color: #FFF;
		background-image: -webkit-gradient( linear, 0 0, 100% 100%, color-stop(.25, #FCE1CE), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #FCE1CE), color-stop(.75, #FCE1CE), color-stop(.75, transparent), to(transparent) );
		background-size: 10px 10px;
		background-repeat: repeat;
	}
	.page-pickup .part-introduction .part-introduction-area {
		padding:0 0.8em;
	}
	.page-pickup .goal {
		background:#cde7f1;
		padding:2em 0 3.2em;
	}
	.page-pickup .goal .goal-area {
		margin:0 auto;
	}
	.page-pickup .goal .goal-area > ul {
	}
	.page-pickup .goal .goal-area > ul > li {
		padding:0 1em;
		margin-bottom:2em;
	}
	.page-pickup .goal .goal-area ul li img {
		display:block;
		margin:0 auto 12px;
		border-radius:18px;
	}
	.page-pickup .goal .goal-area ul li ul li {
	}
	.page-pickup .goal .goal-area ul li ul li strong {
		display:inline-block;
		color:#F39800;
		padding-right: 0.6em;
	}
	.page-pickup .school-data {
		padding:1.2em 0 3.2em;
		background-color: #FFF;
		background:
			-webkit-linear-gradient(
				transparent 95%,
				rgba(248, 185, 91, .3) 50%,
				rgba(248, 185, 91, .3)),
			-webkit-linear-gradient(
				0deg, transparent 95%,
				rgba(248, 185, 91, .3) 50%,
				rgba(248, 185, 91, .3)
		);
		background-size: 10px 10px;
	}
	.page-pickup .school-data-area {
		margin:0 auto;
		padding:0 1em;
		font-weight:400;
	}
	.page-pickup .school-data-area dl {
		border-bottom:1px solid #CCC;
		padding:18px 0;
	}
	.page-pickup .school-data-area dl dt {
		padding:0 0 0.8em 0;
		color:#EA5415;
	}
	.page-pickup .school-data-area dl dt::before {
		font-family:"Fontawesome";
		content:"\f001";
		margin-right:0.6em;
	}
	.page-pickup .school-data-area dl dd ul li {
		margin:0 0 0.6em 1.2em;
		list-style:disc;
	}
	/*** お役立ち情報 ***/
	.page-useful {
	}
	.page-useful .introduction-area {
		position:relative;
		background-color:rgba(247, 249, 222,1);
		background-size: 10px 10px;
	}
	.page-useful .introduction-area dd {
		margin:0 auto;
		padding:0 0.8em;
		text-align:center;
		font-size:0.8em;
		text-shadow:rgba(255,255,255,1) 1px 1px 10px, rgba(255,255,255,1) -1px 1px 10px, rgba(255,255,255,1) 1px -1px 10px, rgba(255,255,255,1) -1px -1px 10px;
	}
	.page-useful .introduction-area .flute {
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background:url(/images/useful/flute/background.png) no-repeat right center;
		background-size:420px auto;
		opacity:0.22;
	}
	.page-useful .introduction-area dl {
		padding:1.2em 0 1.2em;
	}
	.page-useful .introduction-area dt {
		margin:0 auto 0.8em;
		letter-spacing:0.08em;
		font-size:1.8em;
		text-align:center;
		text-shadow:rgba(255,255,255,1) 1px 1px 10px, rgba(255,255,255,1) -1px 1px 10px, rgba(255,255,255,1) 1px -1px 10px, rgba(255,255,255,1) -1px -1px 10px;
	}
	.page-useful .introduction-area dd {
		margin:0 auto;
		text-align:left;
		font-size:1.2em;
		text-shadow:rgba(255,255,255,1) 1px 1px 10px, rgba(255,255,255,1) -1px 1px 10px, rgba(255,255,255,1) 1px -1px 10px, rgba(255,255,255,1) -1px -1px 10px;
	}
	.page-useful .faq-area {
		padding:1.2em 1em 1.2em;
		margin:0 auto;
	}
	.page-useful .faq-area dl {
		margin:0 auto 1.8em;
		line-height:1.8;
	}
	.page-useful .faq-area dl dt {
		margin:0 auto 0.4em;
		padding:18px 0 18px 48px;
		background:url(/images/useful/f.png) no-repeat left center;
		background-position:left top;
		border-bottom:1px solid #222;
		line-height: 1.2;
		font-size:1.2em;
	}
	.page-useful .faq-area dl dd {
		padding:18px 0 30px 64px;
		background:url(/images/useful/q.png) no-repeat left center;
		background-position:left top 18px;
		font-size:1.2em;
		line-height: 1.8;
	}
	.page-useful .faq-area dl dd span {
		display:block;
	}
	.page-useful .faq-area dl dd span.txt {
		margin:0 auto 0.6em;
	}
	.page-useful .faq-area dl dd span.img {
		text-align:center;
		font-size:0.8em;
	}
	.page-useful .interviewee-area {
		padding:2.2em 1em 2.2em;
		background-color: #FFF;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F7F9DE), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F7F9DE),color-stop(.75, #F7F9DE), color-stop(.75, transparent),to(transparent));
		background-size: 10px 10px;
		background-repeat: repeat;
	}
	.page-useful .interviewee-area .interviewee-title {
		font-size:1.4em;
		color:#F89218;
		text-align: center;
		margin: 0 auto 1.2em;
	}
	.page-useful .interviewee-area .interviewee,
	.page-useful .interviewee-area .interviewee-school {
		margin:0 auto;
	}
	.page-useful .interviewee-area .interviewee {
		padding:0 0 2.2em;
	}
	.page-useful .interviewee-area .interviewee dl,
	.page-useful .interviewee-area .interviewee-school dl {
		padding: 0 3.6em;
	}
	.page-useful .interviewee-area .interviewee dl dt,
	.page-useful .interviewee-area .interviewee-school dl dt {
		margin:0 auto 1.2em;
		font-size:1.2em;
	}
	.page-useful .interviewee-area .interviewee dl dt span,
	.page-useful .interviewee-area .interviewee-school dl dt span {
		font-size:0.8em;
	}
	.page-useful .interviewee-area .interviewee dl dd,
	.page-useful .interviewee-area .interviewee-school dl dd {
		font-size:0.8em;
	}
	.page-useful .interviewee-area .interviewee .interviewee-img,
	.page-useful .interviewee-area .interviewee-school .interviewee-img {
		margin:0 auto 0.6em;
		padding: 0 3.6em;
	}
	/*** バックナンバー共通 ***/
	.backnumber {
		padding:2.4rem 0 2.4rem 0;
		background: #FEFEFE;
	}
	.page + .backnumber {
		padding:2.4rem 0 0 0;
	}
	.backnumber ul {
	}
	.backnumber .btn {
		width:100%;
		padding:8px 30px;
		margin:0 0 10px;
		text-align: center;
	}
	.breadcrumb {
		padding:2.4rem 0 0 0;
		background: #FEFEFE;
	}
	.breadcrumb > .page > ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.breadcrumb > .page > ul > li {
		font-size:0.84em;
		flex-basis: auto;
		padding: 0.6em 0;
	}
	.breadcrumb > .page > ul > li a {
		display: inline-block;
		margin: 0 0.4em 0 0;
		color: #777;
		
	}
	.breadcrumb > .page > ul > li a::after {
		font-family: "Fontawesome";
		content: "\f105";
		margin: 0 0.4em 0 0.8em;
	}
}

/*** デジタルブック ***/
.catch-book {
	position: relative;
}
.catch-book:before {
	content: "";
	display: block;
	padding-top: 154px;
}
.catch-book > .catch {
	position:absolute;
	left:0;
	top:-76px;
	width: 100%;
	background:#B42E99;
	margin:0 auto 4.8em;
}
.catch-book > .catch .title-area {
	max-width: 1200px;
	margin:0 auto;
}
.catch-book > .catch .title-area h2 {
	padding:118px 0 16px;
	font-size:48px;
	color:#FFF;
	text-align: center;
	letter-spacing: 0.05em;
}
.catch-book > .catch .title-area p {
	padding: 0 0 16px;
	font-size:22px;
	color:#FFF;
	text-align: center;
	line-height:1.2em;
}
.catch-book > .catch img {
	display:block;
	max-width:300px;
	padding:84px 0 16px;
}
#page-book {
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0 80px 0;
}
#page-book .attention {
	margin: 0 0 60px;
}
#page-book .attention h3 {
	margin: 0 auto 20px !important;
	text-align: center;
	font-size: 1.8em !important;
	color: #000 !important;
}
#page-book .attention ul {
	max-width: 660px;
	margin: 0 auto;
}
#page-book .attention ul li {
	position: relative;
	padding: 0 10px 0 15px;
	line-height: 1.8;
}
#page-book .attention ul li::before {
	display: inline-block;
	position: absolute;
	content: "●";
	font-size: 0.5em;
	top: 10%;
	left: 0;
}
#page-book .bookArea h3 {
	padding: 0.4em 0 0.4em 1em;
	margin: 0 0 1.5em;
	position: relative;
	font-weight: 400;
	font-size: 1.4em;
	letter-spacing: 0.06em;
	color: #FFF;
}
#page-book .bookArea .backnumber h3 {
	background: url(/images/common/h3-title-bg.png) no-repeat top left;
}
#page-book .bookArea .recent h3 {
	background: url(/images/book/h3-title-bg.png) no-repeat top left;
}
#page-book .bookArea .recent {
	margin: 0 auto 40px;
}
#page-book .bookArea .recent ul {
	display: flex;
	justify-content: center;
}
#page-book .bookArea .recent ul li {}
#page-book .bookArea .recent ul li a {
	display: block;
	margin: 0 auto;
}
#page-book .bookArea .recent ul li a .image {
	width: 260px;
	margin: 0 auto 10px;
}
#page-book .bookArea .recent ul li a .txt {
	text-align: center;
}
#page-book .bookArea .backnumber {}
#page-book .bookArea .backnumber ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#page-book .bookArea .backnumber ul::after {
	display: inline-block;
	content: "";
	width: calc( 100% / 3);
}
#page-book .bookArea .backnumber ul li {
	flex-basis: calc( 100% / 3);
	margin-bottom: 50px;
}
#page-book .bookArea .backnumber ul li a {}
#page-book .bookArea .backnumber ul li a .image {
	width: 190px;
	margin: 0 auto 10px;
}
#page-book .bookArea .backnumber ul li a .txt {
	text-align: center;
}
@media screen and (max-width:767px) {
	.catch-book > .catch .title-area {
		max-width: 100%;
	}
	.catch-book > .catch .title-area h2 {
		font-size: 30px;
	}
	.catch-book > .catch .title-area p {
		font-size: 18px;
	}
	#page-book {
		width: calc( 100% - 15px);
		padding: 50px 0 50px 0;
	}
	#page-book .attention ul {
		max-width: 100%;
	}
	#page-book .bookArea .backnumber ul li {
		flex-basis: calc( 100% / 2);
	}
	#page-book .bookArea .backnumber ul li a .image {
		width: 135px;
	}
}