body {
	margin: 0em;
	padding: 0 0;
	line-height:1;
	-webkit-text-size-adjust: 100%;
	font-family: sans-serif;
	font-size: 90%;
}
img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}
label {
	cursor: pointer;
}
a img {
	border: none;
	transition: 0.5s;
}
a img:hover {
	opacity: 0.75;
}
a,
a:visited {
	text-decoration: none;
	color: #5399a3;
}
iframe {
	max-width: 100%;
	max-height: 100vw;
}

.for_pc { display: none; }
.for_mobile { display: block !important; }

.btn1 {
	margin: 0 0 1em;
	padding: 0.5em 0em;
	border-radius: 2em;
	background-image: url(../images/common/btn_bg1.png);
	background-repeat: repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	font-family: "Sawarabi Mincho";
	font-size: 4vw;
}
.btn1 a,
.btn1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

.btn2 {
	margin: 2em 0em 1em;
	padding: 0em;
	text-align: center;
}
.btn2 a,
.btn2 a:visited {
	display: inline-block;
	line-height: 1;
	font-size: 4.5vw;
	color: #5399A3;
	border: solid thin #EEE;
	border-radius: 0.25em;
	padding: 0.75em 1em;
	background: white;
	box-shadow: 0 0 5px #CCC;
}
.btn2 a::before {
	content: '>　';
	color: #5399A3;
	font-size: 4.5vw;
}
.btn2 a::after {
	content: ' 　';
	font-size: 4.5vw;
}

.btn6 {
	margin: 0em 0em;
	padding: 0em;
	text-align: center;
}
.btn6 a,
.btn6 a:visited {
	display: inline-block;
	line-height: 1;
	font-size: 3vw;
	color: white;
	border: solid thin #EEE;
	border-radius: 0.5em;
	padding: 0.5em 0.5em;
	background: rgb(230,81,149);
	box-shadow: 0 0 5px #CCC;
}
.btn6 a::before {
	content: '>　';
	color: white;
	font-size: 3vw;
}
.btn6 a::after {
	content: ' 　';
	font-size: 3vw;
}

td.bg_gray {
	background-color: #F7F3EE !important;
}
td.bg_blue {
	background-color: #F9FCFF !important;
}
td.bg_move {
	background-color: #FBFAFD !important;
}
td.bg_pink {
	background-color: #FFF9FC !important;
}




header {
	margin: 0.5em 0.5em 0.25em;
}

h1 {
	margin: 0em;
	font-size: 1em;
}
h1 img {
	height: 2.5em ;
	width: auto;
}
#mobile_header_menu {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
}
#mobile_header_menu img {
	height: 2.5em;
	width: auto;
}
#g_menu ul {
	margin: 0;
}
#g_menu input[type=checkbox] {
	display: none;
}
#g_menu input[type=checkbox] + ul {
	background: rgb(231,142,163);
	height: 0em;
	overflow: hidden;
	-moz-transition: all 0.5s ease-in-out; /* Firefox */
	-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.5s ease-in-out;  /* Opera */
	transition: all 0.5s ease-in-out; /* Browsers that Support it */
}
#g_menu input[type=checkbox]:checked + ul {
//	height: 21.3em;
	height: 24.6em;
}
#g_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
#g_menu ul a,
#g_menu ul a:visited {
	color: white;
}
#g_menu ul li {
	background: rgb(231,142,163);
	border-bottom: solid thin white;
	padding: 1em 0em;
	text-indent: 1em;
}
#g_menu ul a:last-child li {
	border: none;
}



#setumei {
	margin: 1.5em 0.75em 1em; 
	line-height: 1.8;
}
.font_min_center {
	font-size: 3.5vw;
	text-align: center;
	margin-bottom: -2vw;
	font-family: "Sawarabi Mincho";
}
 h2 {
	font-size: 5.5vw;
	font-weight: normal;
	text-align: center;
	color: #5399A3;
	font-family: "Sawarabi Mincho";
	line-height: 1.2;
	margin: 0.75em 0 0.5em;
}

/*=================== フッター ====================*/
footer {
	background-color: #F5F9FF;
	margin: 0 0 16vw;
	padding: 1.5em 0.75em 1em;
	position: relative;
}
footer::after {
	display: block;
	 position: fixed;
	 bottom: 0;
	 left: 0;
	width:100%;
	height: 16vw;
	content: '';
	background: rgba(255,255,255,0.7);
	z-index: 2;
}
footer h1 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
footer h1 img {
	width: 40%;
	height: auto;
	position: relative;
	left: -14%;
}
footer ul {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
footer ul img {
	width: 80%;
	height: auto;
}
footer ul a:nth-of-type(2) {
	position: fixed;
	color: transparent;
	right: 3vw;
	bottom: 2vw;
	width: 44vw;
	height: 12vw;
	background: url(../sp/footer_btn_shiryo.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}
footer ul a:nth-of-type(3) {
	position: fixed;
	color: transparent;
	left: 3vw;
	bottom: 2vw;
	width: 44vw;
	height: 12vw;
	background: url(../sp/footer_btn_taiken.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}
footer dl {
	margin: 0 0;
	padding: 0;
	line-height: 1;
	font-size: 90%;
}
footer dl dt {
	margin: 0;
	padding: 0.75em;
	background: white;
}
footer dl dd {
	margin: 0;
	padding: 0.75em;
	border-bottom: black thin dashed;
}
footer dl dd:first-child {
	margin-top: -2em;
}
footer dl dd:last-child {
	border: none;
}
footer dl a,
footer dl a:visited {
	color: black;
}
footer dl dt + dt {
	margin-top: 1em;
}
footer #copy {
	margin: 15vw 0em 0em;
	text-align: center;
	font-size: 3vw;
}








/*=================== トップページ ====================*/
#top {
	padding: 0 0 3em 0;
}
#mainphoto {
	margin: 0em 0em 1em;
	position: relative;
}
#mainphoto img {
	width: 100%;
	height: auto;
}
ul.bxslider {
	margin: 0em;
}
#slider_banner {
	width: 78% !important;
	height: auto !important;
	position: absolute;
	bottom: -15vw;;
	left: 11%;
}
#top_info {
	margin: 20vw 0.5em 0.5em;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: column-reverse; /* Safari */
	flex-direction: column-reverse;
}
#nfd_banner {
	text-align: center;
}
#nfd_banner img {
	width: 90%;
	height: auto;
}

#mobile_top_info label {
	margin: 1em 0em 0em;
	display: block;
	font-size: 4vw;
	text-align: center;
	color: #EC74AC;
	line-height: 1.8;
}
input[type=checkbox] + #hide_info ,
input[type=radio] + #hide_info {
	height: 0;
	overflow: hidden;
	opacity: 0;
	-moz-transition: all 0.5s ease-in-out; /* Firefox */
	-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.5s ease-in-out;  /* Opera */
	transition: all 0.5s ease-in-out; /* Browsers that Support it */
}
input[type=checkbox]:checked + p#hide_info,
input[type=radio]:checked + p#hide_info {
	height: auto;
	opacity: 1;
}
#info_button {
	display: none;
}
#hide_info {
	font-size: 0.9em;
	line-height: 1.8;
	margin: 0em 0em 0.5em;
	padding: 0.25em 0.5em;
	box-sizing: content-box;
}

/*新着情報---------------------*/
#infomation {
	background-color: #F7F7F5;
	margin: 0 0 2em 0;
	padding: 0.75em 0.5em 0;
}
#infomation #tit {
	border-bottom: medium solid #D6D6D6;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
	color: #604B3E;
	font-size: 4vw;
}
#infomation #tit::before {
	display: inline-block;
	width: 30%;
	height: 10vw;
	content: '';
	margin-left: 3vw;
	background-image: url(../top/top_information.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	vertical-align: bottom;
}
#infomation dl {
	width: 100%;
	margin: 0;
	padding: 0;
}
#infomation dl dt {
	float: left;
	width: 13em;
	font-size: 80%;
	color: #FFF;
	background-color: #604B3E;
	text-align: center;
	padding: 0.25em 0.5em;
	box-sizing: border-box;
	border-radius: 0.25em;
}

#infomation dl dd {
	margin: 0;
	padding: 0;
}
#infomation dl dd .date {
	display: inline-block;
	padding: 0 0 0 1em;
	vertical-align: middle; 
	overflow: hidden;
	font-family: monospace;
	font-size: 0.9em;
}
#infomation dl a,
#infomation dl a:visited {
	display: block;
	clear: both;
	font-size: 95%;
	margin: 0.75em 0 1em;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#infomation dl a:link {
	text-decoration: none;
	color: #309D9B;
}
#infomation dl a:visited {
	color: #309D9B;
	text-decoration: none;
}
#infomation dl a:visited {
	color: #999999;
}
/*新着情報 終わり---------------------*/


#top_feature_bg {
	padding: 1em 0.75em;
	background-image: url(../images/common/bg1.jpg);
	background-repeat: repeat;
}
#top_feature_bg section.block {
	padding: 0em 0em 1em;
	line-height: 1.8;

	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: column-reverse; /* Safari */
	flex-direction: column-reverse;
}
#top_feature_bg section.block h4 {
	margin: 1.5em 0em 0.5em;
	text-align: center;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	font-weight: normal;
	font-family: "Sawarabi Mincho";
}
#top_feature_bg section.block h4::before {
	content: '＼ ';
}
#top_feature_bg section.block h4::after {
	content: ' ／';
}
#top_feature_bg section.block .midashi {
	font-size: 4vw;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 0.4vw;
	margin: 0.5em 0em 0.5em;
	text-align: center;
	color: #739DC8;
}
#top_feature_bg section.block div:first-child {
	text-align: center;
	margin: 1em 0em 0em;
}
#top_feature_bg section.block div:first-child img {
	width: 80%;
}



#top_feature_bg section#zero {
	margin: 2.5em 0em 1em;
	background: white;
	padding: 0.75em;
	height: 45vw;
	position: relative;	
}
#top_feature_bg section#zero div.floatleft img {
	width: 100%;
}

#zero dl::after {
	display: inline-block;
	content: '';
	position: absolute;
	width: 20vw;
	height: 15vw;
	right: 0em;
	bottom: 0em;
	background: url(../top/feature_zero_son.png);
	background-size: contain;
	background-repeat: no-repeat;
}

#zero dl dt {
	margin: 0em;
	font-size: 4.5vw;
	color: #739DC8;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
#zero dl dt span.font_130 {
	font-size: 120%;
}
#zero dd#zero_btn {
	display: inline-block;
	font-size: 3vw;
	margin: 1em 0em;
	padding: 0.25em 0.5em;
	border: solid thin #5399A3;
	border-radius: 1vw;
}
#zero_btn::before {
	content: '> ';
	color: #5399A3;
}
#zero_btn a,
#zero_btn a:visited {
	color: #5399A3;
	text-decoration: none;
}


#top_course {
	margin: 2em 0.75em;
	line-height: 1.8;
}
#top_course dl {
	text-align: center;
	margin: 0em 0em -5vw;
}
#top_course dl dt img {
	width: 100%;
}
#top_course dl dd {
	margin: 0;
	position: relative;
	top: -15vw;
}
#top_course dl dd img {
	vertical-align: middle;
}
#top_course dl dd a,
#top_course dl dd a:visited {
	font-family: "Sawarabi Mincho";
	font-size: 5vw;
	color: #5399A3;
}
#top_course .btn2 {
	margin: 5vw 0em 15vw;
}


/*体験レッスン・見学会随時受付---------------------*/
#taiken_bg {
	margin: 2em 0em;
	background-image: url(../top/yoyaku_bg.jpg);
	background-size: cover;
	width: 100%;
	height: 57vw;
	padding: 12vw 2.5% 10vw;
	box-sizing: border-box;
}
#taiken_bg #taiken {
	background-image: url(../top/yoyaku_img.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 37vw;
	background-size: contain;
}
#taiken_bg #taiken_tit {
	text-align: center;
	font-size: 3.8vw;
	color: #E65195;
	font-family: "Sawarabi Mincho";
}
#taiken_bg #taiken_tit img {
	display: inline-block;
	width: 55vw;
	margin: 4vw 0 0;
}



#schedule,
#access,
#collection {
	font-size: 1em;
	margin: 0em 0em;
	padding: 0em 0em 0.1em;
}
#schedule h2,
#schedule h3,
#access h2,
#access h3,
#collection h2,
#collection h3 {
	text-align: center;
}
#schedule h2,
#access h2,
#collection h2 {
	font-size: 1em;
	margin: 2em 0em 0.25em;
}
#schedule h3,
#access h3,
#collection h3 {
	font-size: 4vw;
	margin: 0.5em 0em 1em;
	color: #5399A3;
	font-family: "Sawarabi Mincho";
}
#schedule h2 img,
#access h2 img,
#collection h2 img {
	height: 8vw;
	width: auto;
}

#schedule table {
	border-collapse: collapse;
	margin: 0em 2.5%;
	width: 95%;
	box-sizing: border-box;
}
#schedule table td {
	border: solid thin #999;
	font-size: 3vw;
	padding: 0.5em 0.25em;
	text-align: center;
}
#schedule table tr:first-child {
	background-color: 
}
#schedule table .td_blue {
	background-color: #D7E8EA;	
}
#schedule #txt {
	margin: 0em 0.75em;
	line-height: 1.8;
}
#schedule #txt p span,
#schedule #txt p a,
#schedule #txt p a:visited {
	color: #5399A3;
}

#access {
	margin: 2em 0 2em;
	padding: 0.01em 0.75em 2em;
	background-color: #FBF9F5;
}
#access #map img {
	width: 100%;
	height: auto;
}
#access #txt {
	background-color: white;
	margin: 2em 0em 1em;
	padding: 0.01em 0.5em;
	font-size: 0.9em;
	line-height: 1.2;
}
#access #txt img {
	width: 70%;
}
#access #txt dl {
	width: 100%;
	margin: 0.25em 0em;
	padding: 0;
}
#access #txt dl dt {
	color: #FFF;
	background-color: #378B96;
	padding: 0.25em 0;
	text-align: center;
}
#access #txt dl dd {
	background-color: #DCE9EB;
	margin: 0 0 1em;
	padding: 0.5em;
}
#sns {
	margin: 2em 0em;
}
#sns #fb  {
	border: thick solid #F3ECDB;
	background: #F3ECDB;
	margin: 0.5em;
	text-align: center;
}
#sns #fb iframe {
	display: inline;
}
#sns #fb iframe:last-child {
	height: 200px;
}
#blog {
	margin: 2em 2em 4em;
}
#blog img{
	width: 100%;
	height: auto;
}
#blog ul {
	list-style-type: none;
	margin: 1em 0;
	padding: 0;
	line-height: 2;
}
#blog ul a,
#blog ul a:visited {
	color: #5399A3;
}



/*=================== スクール案内 about ====================*/

#about_img {
	background-image: url(../about/img/top_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 54vw;
	text-align: center;
	margin: 0;
}
#about_img img {
	width: 85%;
	padding-top: 20vw;
}
#aisatu_bg {
	background-color: #60A2AB;
	margin: 2em 0em;
	padding: 1.5em 0.75em;
}

#aisatu .center {
	text-align: center;
	padding: 0 0 0.5em;
}
#aisatu .center img {
	width: 50%;
	height: auto;
}
#aisatu .aisatu_img {
	width: 90%;
	padding-left: 5%;
}
#aisatu #txt {
	color: #FFF;
	line-height: 1.8;
}

#aisatu input[type=radio] + p {
	display: none;
	-moz-transition: all 0.5s ease-in-out; /* Firefox */
	-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.5s ease-in-out;  /* Opera */
	transition: all 0.5s ease-in-out; /* Browsers that Support it */
}
#aisatu input[type=radio]:checked + p {
	display: block;
	position: relative;
	top: -2.5em;
	background-color: #60A2AB;
	margin-bottom: -2.5em;
}


#riyu_bg {
	background-image: url(../about/img/riyu_bg.png);
	background-repeat: repeat;
	background-position: center top;
	width: 100%;
	overflow: hidden;
}
#riyu section:first-child {
	line-height: 1.8;
	margin: 2em 0.75em 1em;
}
#riyu .riyu_img {
	text-align: center;
}
#riyu .riyu_img img {
	width: 80%;
	height: auto;
}

#riyu #point_for_mobile dl {
	position: relative;
	background-color: rgb(215,232,234);
	margin: 2em 10%;
	padding: 0.5em;
	border-radius: 0.25em;
	line-height: 1.8;
}



@media (min-width: 30em) {
	#riyu #point_for_mobile dl {
		display: -webkit-flex; /* Safari */
		display: flex;
	}
	#riyu #point_for_mobile dl dt img {
		width: 40vw !important;
	}
	#riyu #point_for_mobile dl dd {
		padding-left: 0.75em;
		width: 40vw !important;
	}
}




#riyu #point_for_mobile dl dt {
	font-family: "Sawarabi Mincho";
}
#riyu #point_for_mobile dl dt span.color_song {
	font-size: 0.9em;
	color: #5399A3;
}
#riyu #point_for_mobile dl dt span.font_b130 {
	font-size: 1.1em;
}
#riyu #point_for_mobile dl dt img {
	display: block;
	clear: both;
	width: 80%;
	height: auto;
	margin: 0.75em auto;
	padding: 0.5em 0;
}
#riyu #point_for_mobile dd {
	margin: 0;
	padding: 0;
}
#riyu #point_for_mobile dl#r1::before { /*❶*/
	display: block;
	float: left;
	content: '';
	width: 2.5em;
	height: 3.5em;
	margin-right: 0.5em;
	background: url(../sp/about/no1.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#riyu #point_for_mobile dl#r2::before { /*❷*/
	display: block;
	float: left;
	content: '';
	width: 2.5em;
	height: 3.5em;
	margin-right: 0.5em;
	background: url(../sp/about/no2.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#riyu #point_for_mobile dl#r3::before { /*❸*/
	display: block;
	float: left;
	content: '';
	width: 2.5em;
	height: 3.5em;
	margin-right: 0.5em;
	background: url(../sp/about/no3.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#riyu #point_for_mobile dl#r4::before { /*❹*/
	display: block;
	float: left;
	content: '';
	width: 2.5em;
	height: 3.5em;
	margin-right: 0.5em;
	background: url(../sp/about/no4.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#riyu #point_for_mobile dl#r5::before { /*❺*/
	display: block;
	float: left;
	content: '';
	width: 2.5em;
	height: 3.5em;
	margin-right: 0.5em;
	background: url(../sp/about/no5.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#riyu #point_for_mobile dl#r6::before { /*❻*/
	display: block;
	float: left;
	content: '';
	width: 2.5em;
	height: 3.5em;
	margin-right: 0.5em;
	background: url(../sp/about/no6.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#riyu #point_for_mobile dl#r7::before { /*❼*/
	display: block;
	float: left;
	content: '';
	width: 2.5em;
	height: 3.5em;
	margin-right: 0.5em;
	background: url(../sp/about/no7.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#riyu #point_for_mobile dl#r8::before { /*❽*/
	display: block;
	float: left;
	content: '';
	width: 2.5em;
	height: 3.5em;
	margin-right: 0.5em;
	background: url(../sp/about/no8.png);
	background-size: contain;
	background-repeat: no-repeat;
}

/*about の予約*/
#riyu #taiken {
	clear: both;
	background-image: url(../sp/about/yoyaku_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-align: center;
	margin: 2em 0;
	height: 52vw;
}
#riyu #taiken p {
	font-size: 3vw;
	margin: 2vw;
	text-shadow: 1px 1px 0px white, -1px 1px 0px white, 1px -1px 0px white, -1px -1px 0px white;
}
#riyu #taiken #tit {
	font-size: 4vw;
	color: #E896AA;
	font-family: "Sawarabi Mincho";
	padding: 31vw 0 0;
}

#riyu #taiken .btn3 {
	width: 30vw;
	border-radius: 3vw;
	margin: 0 auto;
	background-image: url(../images/common/btn_bg3.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	padding: 1vw;
	font-family: "Sawarabi Mincho";
	font-size: 3vw;
}
#riyu #taiken .btn3 a,
#riyu #taiken .btn3 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#staff_bg {
	background-image: url(../about/img/staff_bg.png);
	background-repeat: repeat;
	background-position: center top;
	margin: 0 0 -3em 0;
	padding: 0em 0em 1em;
}
#staff_bg #tit {
	background: url(../sp/about/staff_tit_bg.png);
	background-size: contain;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0.75em 0;
	margin: 0;
}


@media (min-width: 30em) {
	#staff_bg #staff dl {
		clear: both;
		margin: 1em 0 0;
		padding: 0 0.75em;
		line-height: 1.8;
	}
	#staff_bg #staff dl:last-child {
		padding-bottom: 3em;
	}
	#staff_bg #staff dl::after {
		clear: both;
		display: block;
		content: '';
		width: 100%;
		height: 2em;
	}
	#staff_bg #staff dl dt img {
		float: left;
		width: 25vw;
		height: auto;
		padding: 0;
	}
	#staff_bg #staff dl dd {
		margin: 0 0 0 27vw;
		padding: 0;
	}
	#staff_bg #staff dl dd.name {
		margin: 0 0 0.75em 27vw;
		font-weight: bold;
	}
	#staff_bg #staff dl dd.name p {
		margin: 0;
	}
	#staff_bg #staff dl dd.line {
		border-bottom: thin solid #CCC;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
	}
}
@media (max-width: 29.999em) {
	#staff_bg #staff dl {
		margin: 1em 0 3em;
		padding: 0 0.75em;
		line-height: 1.8;
	}
	#staff_bg #staff dl:last-child {
		padding-bottom: 2em;
	}
	#staff_bg #staff dl dt {
		text-align: center;
	}
	#staff_bg #staff dl dt img {
		width: 50%;
		height: auto;
	}
	#staff_bg #staff dl dd {
		margin: 0;
		padding: 0;
	}
	#staff_bg #staff dl dd.name {
		display: block;
		text-align: center;
		font-weight: bold;
		margin: 0.5em 0;
	}
	#staff_bg #staff dl dd.name p {
		text-align: center;
		margin: 0;
	}
	#staff_bg #staff dl dd.line {
		border-bottom: thin solid #CCC;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
	}
}

/*=================== コース紹介 course_list ====================*/
#c_list_bg {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
#c_list_img {
	text-align: center;
	font-family: "Sawarabi Mincho";
	font-size: 1.2em;
	letter-spacing: 0.2em;
	line-height: 1.8;
	padding: 2em 0;
	background-image: url(../course_list/img/title_bg_list.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#c_list {
	margin: 0 0 3em;
}
#c_list dl#shikaku {
	background-image: url(../course_list/img/shikaku_bg.jpg);
	background-repeat: repeat;
	background-position: left top;	
}
#c_list dl#pro {
	background-image: url(../course_list/img/pro_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}
#c_list dl#basic {
	background-image: url(../course_list/img/basic_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}
#c_list dd.t1 {
	font-size: 90%;
	font-family: "Sawarabi Mincho";
}
#c_list dd.t2 {
	color: #5399A3;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	font-size: 1.2em;
}
#c_list dd.t3 {
	line-height: 1.8;
}
#c_list dd.btn {
	margin-top: 1em;
	background-color: rgb(54,139,149);
	text-align: center;
	padding: 0.5em;
	width: 13em;
	font-family: "Sawarabi Mincho";
	font-size: 1em;
	border-radius: 1em;
	letter-spacing: 0.1em;
	color: #FFF;
}
#c_list dd.btn a,
#c_list dd.btn a:visited {
	color: #FFF;
	text-decoration: none;
}

@media (min-width: 30em) {
	#c_list dl {
		margin: 1em 0.75em;
		border: solid thin #CCC;
		padding: 0 0.5em;
	}
	#c_list dl::before,
	#c_list dl::after {
			clear: both;
			display: block;
			content: '';
			width: 100%;
			height: 0.5em;
	}
	#c_list dt {
		float: left;
		width: 40vw;
	}
	#c_list dd {
		margin-left: 41vw;
	}
}
@media (max-width: 29.999em) {
	#c_list dl {
		margin: 1em 0.75em;
		border: solid thin #CCC;
		padding: 0.5em;
	}
	#c_list dt {
		text-align: center;
		margin-top: 0.5em;
	}
	#c_list dt img {
		width: 70%;
		height: auto;
	}
	#c_list dd.t1,
	#c_list dd.t2 {
	text-align: center;
	margin: 0.5em 0;
	padding: 0;
	}
	#c_list dd.t3 {
	margin: 0.25em 0 0.5em;
	padding: 0;
	}
	#c_list dd.btn {
		margin: 0.5em auto;
	}
}

#fee table,
#course table {
	border-collapse: collapse;
	width: 95%;
	margin: 0.5em 2.5% -0.25em;
}
#fee table td,
#course table td {
	border: solid thin #CCC;
	padding: 0.25em 0.25em;
	font-size: 90%;
	background: white;
	line-height: 1.8;
}
#fee .bikou {
	margin: 0.5em 1em;
	font-size: 85%;
}

@media (min-width: 30em) {
	#fee ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#fee ul li {
		margin: 0.5em;
		width: 45%;
		padding: 0.25em 0;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 5vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#fee ul a,
	#fee ul a:visited {
		color: #5399A3;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}
@media (max-width: 29.999em) {
	#fee ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#fee ul li {
	margin: 0.5em;
	width: 80%;
	border: solid thin #CCC;
	border-radius: 0.25em;
	font-size: 5vw;
	text-align: center;
	box-shadow: 0 0 5px #CCC;
	line-height: 1.2;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
	}
	#fee ul a,
	#fee ul a:visited {
		color: #5399A3;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}

#course {
	background-image: url(../course_list/img/bg.png);
	background-repeat: repeat;
	background-position: center top;
	padding: 0 0 3em 0;
}
#course h3 {
	font-size: 5vw;
	color: #5399A3;
	font-family: "Sawarabi Mincho";
	font-weight: normal;
	background: url(../sp/course_list/course_tit_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 10vw;
	text-align: center;
	margin: 2.5em 0 0.5em;
	padding: 4.5vw 0 0 0;
}

#course h4 {
	color: #5399A3;
	font-weight: normal;
	margin: 1.5em 0.75em 0;
	
}
#course .bikou {
	margin: 0.75em;
	font-size: 90%;
	line-height: 1.8;
}
#course .bikou dt {
	margin: 0;
	padding: 0.5em 0 0 0;
}
#course .bikou dd {
	margin: 0;
	padding: 0 0 0 1em;
}
#course .bikou_color {
	color: #5399A3;
	margin: 0.75em;
	font-size: 90%;
	line-height: 1.8;
}


/*各ページのトップタイトル部分 ここから*/
#c_basic_img,
#c_shikaku_img,
#c_pro_img,
#licence_img,
#faq_img,
#contact_img,
#graduate_img {
	text-align: center;
	font-family: "Sawarabi Mincho";
	font-size: 1.2em;
	letter-spacing: 0.1em;
	line-height: 1.8;
	padding: 2em 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#c_basic_img {
	background-image: url(../course_basic/img/title_bg.jpg);
}
#c_shikaku_img {
	background-image: url(../course_shikaku/img/title_bg.jpg);
}
#c_pro_img {
	background-image: url(../course_pro/img/title_bg.jpg);
}
#licence_img {
	background-image: url(../license/img/title_bg.jpg);
}
#faq_img {
	background-image: url(../faq/img/title_bg.jpg);
}
#contact_img {
	background-image: url(../contact/img/title_bg.jpg);
}
#graduate_img {
	background-image: url(../graduate/img/title_bg.jpg);
}
/*各ページのトップタイトル部分 ここまで*/







.bk {
	color: black;
	font-size: 5vw;
}
.basic_color {
	color: #FA7494;
}


@media (min-width: 30em) {
	#link_basic ul {
		margin: 2em auto 1em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#link_basic ul li {
		margin: 0.5em 0.5em;
		width: 45%;
		padding: 0.25em 0 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 3.5vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#link_basic ul li .font_80 {
		font-size: 2vw;
	}
	#link_basic ul a,
	#link_basic ul a:visited {
		color: #FA7494;
		font-family: "Sawarabi Mincho";
		display: block;
	}
	#nfd_link {
		color: #39A7DF;
		font-size: 2.5vw;
		text-align: center;
		margin: 2em 0.75em;
		clear: both;
		overflow: hidden;
	}
	#nfd_btn {
		font-size: 3vw;
		margin: 0.5em 15vw;
		padding: 1vw;
		border: solid thin #39A7DF;
		border-radius: 2vw;
	}
	#nfd_btn a,
	#nfd_btn a:visited {
		color: #39A7DF;
		text-decoration: none;
		display: block;
	}
}
@media (max-width: 29.999em) {
	#link_basic ul {
		margin: 2em auto 1em;
		padding: 0;
		list-style-type: none;
	}
	#link_basic ul li {
		margin: 1em 1em;
		padding: 0.25em 0 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 6vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#link_basic ul li .font_80 {
		font-size: 4vw;
	}
	#link_basic ul a,
	#link_basic ul a:visited {
		color: #FA7494;
		font-family: "Sawarabi Mincho";
		display: block;
	}
	#nfd_link {
		color: #39A7DF;
		font-size: 4vw;
		text-align: center;
		margin: 2em 0.75em;
		clear: both;
		overflow: hidden;
	}
	#nfd_btn {
		font-size: 5vw;
		margin: 0.5em 0;
		padding: 1vw;
		border: solid thin #39A7DF;
		border-radius: 2vw;
	}
	#nfd_btn a,
	#nfd_btn a:visited {
		color: #39A7DF;
		text-decoration: none;
		display: block;
	}
}

.basic_bg {
}
.basic_bg a,
.basic_bg a:visited {
	color: #FA7494;
	text-decoration: none;
}


.basic_bg .title,
.shikaku_bg .title,
.pro_bg .title {
	background-image: url(../sp/course_list/all_tit_bg.png);
	background-size: cover;
	margin: 0.25em 0;
	padding: 0.5em 0.75em;
	position: relative;
	
}
.basic_bg .title .f_left,
.shikaku_bg .title .f_left,
.pro_bg .title .f_left {
	margin: 0 0 1em;
	font-size: 1em;
}
.basic_bg .basic_color,
.shikaku_bg .shikaku_color,
.pro_bg .pro_color {
	font-weight: bold;
	margin: 1em 0 0.5em;
	padding: 0;
	font-size: 2.8vw;
	text-shadow: 1px 1px 0px rgb(250,248,244), -1px 1px 0px rgb(250,248,244), 1px -1px 0px rgb(250,248,244), -1px -1px 0px rgb(250,248,244);
	text-align: center;
}
.basic_bg .basic_color {
	color: #FA7494;
}
.shikaku_bg .shikaku_color {
	color: #39A7DF;
}
.pro_bg .pro_color {
	color: #828ADF;
}
.basic_bg .title h2,
.shikaku_bg .title h2,
.pro_bg .title h2 {
	text-align: center;
	font-size: 5.5vw;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 0px rgb(250,248,244), -1px 1px 0px rgb(250,248,244), 1px -1px 0px rgb(250,248,244), -1px -1px 0px rgb(250,248,244);
}
.basic_bg h2 + .txt,
.shikaku_bg h2 + .txt,
.pro_bg h2 + .txt {
	margin-top: 53vw;
	line-height: 1.8;
	text-shadow: 1px 1px 0px rgb(250,248,244), -1px 1px 0px rgb(250,248,244), 1px -1px 0px rgb(250,248,244), -1px -1px 0px rgb(250,248,244);
}
.basic_bg .img_ph,
.shikaku_bg .img_ph,
.pro_bg .img_ph {
	position: absolute;
	top: 17vw;
	left: 17vw;
}
.basic_bg .img_ph img,
.shikaku_bg .img_ph img,
.pro_bg .img_ph img {
	width: auto;
	height: 50vw;
}
.basic_bg .basic,
.shikaku_bg .dfa,
.pro_bg .pro {
	margin: 0;
	padding: 2em 0.75em;
	border-bottom: thin solid #CCC;
}
.basic_bg .basic {
	background-image: url(../course_basic/img/bg.jpg);
}
.shikaku_bg .span{
	background-image: url(../course_shikaku/img/bg.jpg);
}
.pro_bg .pro {
	background-image: url(../course_pro/img/bg.jpg);
}




.cource_ph {
	text-align: center;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 1em;
}
.cource_info {
	line-height: 1.8;
}
.cource_info .cap {
	font-size: 80%;
	font-weight: bold;
	margin: 0 0 0.25em;
	padding: 0;
}
.cource_info .name {
	font-family: "Sawarabi Mincho";
	font-size: 1.3em;
	margin: 0 0 0.5em;
	padding-bottom: 230px;
}
.cource_info .level {
	display: block;
	font-size: 70%;
	font-family: sans-serif;
	width: 10em;
	white-space: nowrap;
	vertical-align: middle;
	line-height: 1;
	margin-bottom: 15px;
	padding-top: 0.125em;
	padding-right: 0.25em;
	padding-bottom: 0.125em;
	padding-left: 0.25em;
}
.cource_info .txt {
	padding: 0 0 0;
	margin: 0 0 1em 0;
}


.down_basic {
	padding: 0;
	margin: 1em 0 0 0;
}
.down_basic dl {
	margin: 0;
	padding: 0;
	border-bottom: thin solid #FA7494;
}
.down_basic dl dt {
	color: #FA7494;
	float: left;
	width: 4em;
	border-top: thin solid #FA7494;
	padding: 0.5em 0;
}
.down_basic dl dd {
	text-indent: -0.001em;
	margin-left: 4em;
	border-top: thin solid #FA7494;
	padding: 0.5em 0;
}

.down_basic ul {
	list-style-type: none;
	background-color: #FFF;
	margin: 1.5em 0em;
	padding: 0.5em;
	border-radius: 0.25em;
}
.down_basic ul li {
	list-style-type: disc;
	padding: 0px;
	list-style-position: outside;
	margin: 0 0 0 2em;
}
.down_basic .ul_tit   {
	font-size: 1em;
	color: #FA7494;
	padding-bottom: 0.25em;
}







@media (min-width: 30em) {
	#link_shikaku ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#link_shikaku ul li {
		margin: 0.5em;
		width: 45%;
		padding: 0.25em 0 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 3vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#link_shikaku ul li .font_80 {
		font-size: 1.5vw;
	}
	#link_shikaku ul a,
	#link_shikaku ul a:visited {
		color: #39A7DF;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}
@media (max-width: 29.999em) {
	#link_shikaku ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#link_shikaku ul li {
		margin: 0.5em;
		width: 90%;
		padding: 0.25em 0 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 5vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#link_shikaku ul li .font_80 {
		font-size: 4vw;
	}
	#link_shikaku ul a,
	#link_shikaku ul a:visited {
		color: #39A7DF;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}

.shikaku_bg .btn_more {
	text-align: center;
}
.shikaku_bg .btn_more a,
.shikaku_bg .btn_more a:visited {
	display: inline-block;
	color: #39A7DF;
	background: white;
	padding: 0.25em 0.5em;
	border: solid thin #CCC;
	border-radius: 0.25em;
	box-shadow: 0 0 5px #CCC;
} 
.dfa {
	margin: 0;
	padding: 2em 0.75em;
	border-bottom: thin solid #CCC;
}
.dfa a,
.dfa a:visited {
	color: #39A7DF;
}
.basic,
.basic_yoyaku_bg {
	background-image: url(../course_basic/img/bg.jpg);
}
.dfa,
.dfa_yoyaku_bg {
	background-image: url(../course_shikaku/img/bg.jpg);
}
.pro,
.pro_yoyaku_bg {
	background-image: url(../course_pro/img/bg.jpg);
}
section.basic,
section.dfa,
section.pro {
	position: relative;
}
.cource_ph {
	width: 90vw;
	text-align: center;
	position: absolute;
	top: 8em;
	left: 0;
}


.basic .level {
	color: #FA7494;
	border: thin solid #FA7494;
}
.dfa .level {
	color: #39A7DF;
	border: thin solid #39A7DF;
}
.pro .level {
	color: #828ADF;
	border: thin solid #828ADF;
}

.down_shikaku {
	padding: 0;
	margin: 1em 0 0 0;
}
.down_shikaku dl {
	margin: 0;
	padding: 0;
	border-bottom: thin solid #39A7DF;
}
.down_shikaku dl dt {
	color: #39A7DF;
//	float: left;
//	width: 4em;
	border-top: thin solid #39A7DF;
	padding: 0.5em 0 0 0;
}
.down_shikaku dl dd {
	text-indent: -0.001em;
//	margin-left: 4em;
	margin-left: 1em;
//	border-top: thin solid #39A7DF;
	padding: 0 0 0.5em 0;
}

.down_shikaku ul {
	list-style-type: none;
	background-color: #FFF;
	margin: 1.5em 0em;
	padding: 0.5em;
	border-radius: 0.25em;
}
.down_shikaku ul li {
	list-style-type: disc;
	padding: 0px;
	list-style-position: outside;
	margin: 0 0 0 2em;
}
.down_shikaku .ul_tit   {
	font-size: 1em;
	color: #39A7DF;
	padding-bottom: 0.25em;
}

.basic_yoyaku {
	background: url(../sp/course_basic/basic_yoyaku_bg.png); /*基礎･趣味コースの予約バナー2*/
}
.hobby_yoyaku {
	background: url(../sp/course_basic/hobby_yoyaku_bg.png); /*基礎･趣味コースの予約バナー2*/
}
.order_yoyaku {
	background: url(../sp/course_basic/order_yoyaku_bg.png); /*基礎･趣味コースの予約バナー3*/
}
.dfa_yoyaku {
	background: url(../sp/course_shikaku/dfa_yoyaku_bg.png); /*資格取得コースの予約バナー1*/
}
.nfd_yoyaku {
	background: url(../sp/course_shikaku/nfd_yoyaku_bg.png); /*資格取得コースの予約バナー2*/
}
.nfd_d_yoyaku {
	background: url(../sp/course_shikaku/nfd_d_yoyaku_bg.png); /*資格取得コースの予約バナー3*/
}
.gino_yoyaku {
	background: url(../sp/course_shikaku/gino_yoyaku_bg.png); /*資格取得コースの予約バナー4*/
}
.pro_yoyaku {
	background: url(../sp/course_pro/pro_yoyaku_bg.png); /*プロコースの予約バナー1*/
}
.skill_yoyaku {
	background: url(../sp/course_pro/skillup_yoyaku_bg.png); /*プロコースの予約バナー2*/
}


.basic_yoyaku,
.hobby_yoyaku,
.order_yoyaku,
.dfa_yoyaku,
.nfd_yoyaku,
.nfd_d_yoyaku,
.gino_yoyaku,
.pro_yoyaku,
.skill_yoyaku {
	background-repeat: no-repeat;
	background-size: contain;
	height: 60vw;
	border-top: 2em solid transparent;
	position: relative;
}

.song_font1 {
	text-align: center;
	font-size: 4vw;
	color: #604B3E;
	font-family: "Sawarabi Mincho";
	padding: 3vw 0 2vw;
}
.song_font2 {
	text-align: center;
	font-size: 3vw;
	line-height: 1.8;
	font-weight: bold;
	color: #378B96;
	height: 22vw;
}
.basic_font1,
.shikaku_font1,
.pro_font1 {
	text-align: center;
	font-size: 4vw;
	font-family: "Sawarabi Mincho";
	margin: 0;
}
.basic_font1 {
	color: #FA7494;
	line-height: 1.2em;
	padding: 0px;
}
.shikaku_font1 {
	color: #39A7DF;
	line-height: 1.2em;
	padding: 0px;
}
.pro_font1 {
	color: #828ADF;
	line-height: 1.2em;
	padding: 0px;
}

.dfa_yoyaku_bg p,
.basic_yoyaku_bg p,
.pro_yoyaku_bg p {
	margin: 1vw 20vw;
	font-size: 3vw;
}
.yoyaku_btn {
	text-align: center;
}
.basic_yoyaku_bg .yoyaku_btn a, /*基礎・趣味コースの予約ボタン*/
.basic_yoyaku_bg .yoyaku_btn a:visited {
	display: inline-block;
	color: #FFFFFF;
	background: #FA7494;
	text-decoration: none;
	font-size: 3vw;
	padding: 1vw 3vw;
	border-radius: 4vw;
}
.dfa_yoyaku_bg .yoyaku_btn a, /*資格取得コースの予約ボタン*/
.dfa_yoyaku_bg .yoyaku_btn a:visited {
	display: inline-block;
	color: #FFFFFF;
	background: #39A7DF;
	text-decoration: none;
	font-size: 3vw;
	padding: 1vw 3vw;
	border-radius: 4vw;
}
.pro_yoyaku_bg .yoyaku_btn a, /*プロコースの予約ボタン*/
.pro_yoyaku_bg .yoyaku_btn a:visited {
	display: inline-block;
	color: #FFFFFF;
	background: #828ADF;
	text-decoration: none;
	font-size: 3vw;
	padding: 1vw 3vw;
	border-radius: 4vw;
}



@media (min-width: 30em) {
	#link_pro ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#link_pro ul li {
		margin: 0.5em;
		width: 45%;
		padding: 0.25em 0 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 3.5vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#link_pro ul li .font_80 {
		font-size: 2.5vw;
	}
	#link_pro ul a,
	#link_pro ul a:visited {
		color: #828ADF;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}
@media (max-width: 29.999em) {
	#link_pro ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#link_pro ul li {
		margin: 0.5em;
		width: 90%;
		padding: 0.25em 0 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 5.5vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#link_pro ul li .font_80 {
		font-size: 4vw;
	}
	#link_pro ul a,
	#link_pro ul a:visited {
		color: #828ADF;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}

/*詳細を見るボタン ここから*/
.cource_info .basic_btn,
.cource_info .shikaku_btn,
.cource_info .pro_btn {
	text-align: center;
	width: 10em;
	margin: 1em auto 0;
	font-weight: bold;
	padding: 0.25em 1em;
	border-radius: 1em;
	color: white;
}
.cource_info .basic_btn {
	background: #FA7494;
}
.cource_info .shikaku_btn {
	background: #39A7DF;
}
.cource_info .pro_btn {
	background: #828ADF;
}
.cource_info .basic_btn a,
.cource_info .basic_btn a:visited,
.cource_info .shikaku_btn a,
.cource_info .shikaku_btn a:visited,
.cource_info .pro_btn a,
.cource_info .pro_btn a:visited {
	color: white;
	text-decoration: none;
}
/*詳細を見るボタン ここまで*/



.down_pro {
	padding: 0;
	margin: 1em 0 0 0;
}
.down_pro dl {
	margin: 0;
	padding: 0;
	border-bottom: thin solid #828ADF;
}
.down_pro dl dt {
	color: #828ADF;
	float: left;
	width: 4em;
	border-top: thin solid #828ADF;
	padding: 0.5em 0;
}
.down_pro dl dd {
	text-indent: -0.001em;
	margin-left: 4em;
	border-top: thin solid #828ADF;
	padding: 0.5em 0;
}

.down_pro ul {
	list-style-type: none;
	background-color: #FFF;
	margin: 1.5em 0em;
	padding: 0.5em;
	border-radius: 0.25em;
}
.down_pro ul li {
	list-style-type: disc;
	padding: 0px;
	list-style-position: outside;
	margin: 0 0 0 2em;
}
.down_pro .ul_tit   {
	font-size: 1em;
	color: #828ADF;
	padding-bottom: 0.25em;
}
/*全コース ここまで*/




/*=================== 資格・ライセンスについて ====================*/

article#shikaku #tit {
	text-align: center;
	font-weight: bold;
	font-size: 3.5vw;
	line-height: 1;
	margin: 2em 0.5em -0.5em;
	padding: 1vw 0;
	color: #FFF;
	background-color: #378B96; /*鴨色*/
	border-radius: 0.25em;
}


@media (min-width: 30em) {
	article#shikaku ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	article#shikaku ul li {
		margin: 0.5em;
		width: 45%;
		padding: 0.5em 0 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 3vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	article#shikaku ul li .font_80 {
		font-size: 1.5vw;
	}
	article#shikaku ul a,
	article#shikaku ul a:visited {
		color: #378B96;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}
@media (max-width: 29.999em) {
	article#shikaku ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	article#shikaku ul li {
		margin: 0.5em;
		width: 90%;
		padding: 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 5vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	article#shikaku ul li .font_80 {
		font-size: 4vw;
	}
	article#shikaku ul a,
	article#shikaku ul a:visited {
		color: #378B96;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}
article#licence .shikaku_bg {
	font-size: 18px;
	width: 240px;
	margin: 4px auto;
	padding: 4px;
	background-color: #378B96;
	text-align: center;
	font-family: "Sawarabi Mincho";
	font-weight: normal;
	border-radius: 18px;
	color: #FFF;
	letter-spacing: 2px;
}
article#licence #lic1 {
	background: url(../license/img/no1_bg.jpg);
}
article#licence #lic2 {
	background: url(../license/img/no2_bg.jpg);
}
article#licence #lic3 {
	background: url(../license/img/no3_bg.jpg);
}
article#licence #lic1,
article#licence #lic2,
article#licence #lic3 {
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 1.8;
	overflow: hidden;
	text-align: center;
	padding: 75px 0.75em 0;
	font-weight: bold;
	font-size: 16px;
	margin: 2em 0 2em;
	clear: both;
}

article#licence .color_song_b {
	color: #378B96;
	font-size: 95%;
	font-weight: bold;
}
article#licence .osusume {
	color: #378B96;
	border: solid thin #378B96;
	box-sizing: border-box;
	margin: 0.5em 0.75em;
	padding: 0.25em 0.5em;
	line-height: 1.8;
	font-size: 90%;
}
article#licence .osusume span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
}

#licence .photo {
	margin: 1em 0.75em;
}
#licence .photo img {
	width: 100%;
	height: auto;
}
#licence .font_min130,
#licence .font_min160_center {
	font-size: 1.1em;
	font-family: "Sawarabi Mincho";
	margin: 0 0 1em 0;
}


#licence .block1,
#licence .block6 {
	background-color: #D7E8EA;
	margin: 1em 0.75em;
	padding: 0.75em 0.5em;
	line-height: 1.8;
}
#licence .block2 {
	background-color: #EFEFEF;
	margin: 1em 0.75em;
	padding: 0.75em 0.5em;
	line-height: 1.8;
}
#licence .btn4,
#licence .mark {
	display: block;
	text-align: center;
	margin: 1em 0;
}
#licence .btn4 a {
	display: inline-block;
	border: solid thin #CCC;
	border-radius: 0.25em;
	color: black;
	background-color: white;
	padding: 0.5em 1em;
}#licence .btn4 a::before {
	content: '>　';
}
#licence .block3 {
	background-color: #EBF3F4;
	margin: 1em 0.75em;
	padding: 0.75em 0.5em;
}
#licence .block3 dl {
	line-height: 1.8;
}
#licence .block3 dl::after {
	display: block;
	clear: both;
	content: '';
	width: 100%;
	height: 1px;
}
#licence .block3 dl dt {
	float: left;
	padding-right: 0.5em;
}
#licence .block3 dl dt img{
	max-width: 40vw;
	height: auto;
}

#licence .block4 {
	border: solid thin #378B96;
	box-sizing: border-box;
	margin: 1em 0.75em;
	padding: 0.75em 0.5em;
}
#licence .block4 .point {
	color: #378B96;
	font-size: 1.1em;
	font-family: "Sawarabi Mincho";
	margin: 0 0 1em;
}
#licence .block4 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#licence .block4 ul li {
	margin: 0 0 0 25px;
	text-indent: -25px;
	padding: 0.25em 0;
	line-height: 1.2;
}
#licence .block4 ul li::after {
	display: block;
	content: '';
	margin: 0.5em 0 0 -25px;
	border-bottom: solid thin #378B96;
}


@media (min-width: 30em) {
	#licence .block5 ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#licence .block5 ul li {
		margin: 0.5em;
		width: 45%;
		padding: 0.5em 0 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 2vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.8;
	}
	#licence .block5 ul li .font_140 {
		font-size: 3vw;
	}
	#licence .block5 ul a,
	#licence .block5 ul a:visited {
		color: #378B96;
		font-family: "Sawarabi Mincho";
		display: block;
	}
	#licence .block7 {
		text-align: center;
		margin: 1em 0.5em 4.5em;
	}
	#licence .block7 a,
	#licence .block7 a:visited {
		color: #378B96;
		font-family: "Sawarabi Mincho";
		display: inline-block;
		margin: 0;
		width: 45vw;
		padding: 0.5em;
		border: solid thin #CCC;
		box-sizing: border-box;
		border-radius: 0.25em;
		font-size: 2vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.8;
	}
	#licence .block7 .font_140 {
		font-size: 3vw;
	}
}
@media (max-width: 29.999em) {
	#licence .block5 ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#licence .block5 ul li {
		margin: 0.5em;
		width: 90%;
		padding: 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 4vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.8;
	}
	#licence .block5 ul li .font_140 {
		font-size: 5vw;
	}
	#licence .block5 ul a,
	#licence .block5 ul a:visited {
		color: #378B96;
		font-family: "Sawarabi Mincho";
		display: block;
	}
	#licence .block7 {
		text-align: center;
		margin: 1em 0.5em 4.5em;
	}
	#licence .block7 a,
	#licence .block7 a:visited {
		color: #378B96;
		font-family: "Sawarabi Mincho";
		display: inline-block;
		margin: 0;
		width: 98%;
		padding: 0.5em;
		border: solid thin #CCC;
		box-sizing: border-box;
		border-radius: 0.25em;
		font-size: 4vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.8;
	}
	#licence .block7 .font_140 {
		font-size: 5vw;
	}
}

#license_hidden_button,
#license_hidden_button2,
#license_hidden_button3 {
	display: block;
	margin: 0.75em;
	padding: 0.5em 0;
	color: white;
	background-color: #378B96;
	text-align: center;
	position: relative;
}
#license_hidden_button::after,
#license_hidden_button2::after,
#license_hidden_button3::after {
	content: '>';
	display: block;
	position: absolute;
	top: 0.5em;
	right: 1.5em;
}
input[type=checkbox]#license_hidden + div,
input[type=checkbox]#license_hidden2 + div,
input[type=checkbox]#license_hidden3 + div {
	display: none;
} 

input[type=checkbox]#license_hidden:checked + div,
input[type=checkbox]#license_hidden2:checked + div,
input[type=checkbox]#license_hidden3:checked + div {
	display: block;
} 

/*=================== よくあるご質問 ====================*/

@media (min-width: 30em) {
	#faq_bg + #category ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#faq_bg + #category ul li {
		margin: 0.5em;
		width: 45%;
		padding: 0.5em 0 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 3vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#faq_bg + #category ul li .font_80 {
		font-size: 1.5vw;
	}
	#faq_bg + #category ul a,
	#faq_bg + #category ul a:visited {
		color: #378B96;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}
@media (max-width: 29.999em) {
	#faq_bg + #category ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#faq_bg + #category ul li {
		margin: 0.5em;
		width: 90%;
		padding: 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 5vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#faq_bg + #category ul li .font_80 {
		font-size: 4vw;
	}
	#faq_bg + #category ul a,
	#faq_bg + #category ul a:visited {
		color: #378B96;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}
#faq h3 {
		color: #5098A1;
		font-size: 1.2em;
		font-weight: normal;
		font-family: "Sawarabi Mincho";
		margin: 3em 0.5em 1em;
		border-bottom: thin solid #5399A3;
		padding: 0 0 0.5em 0;
}

#faq .line {
	border-bottom: solid thin #5399A3;
	margin: 0 0.75em 1em;
	padding: 0 0 1em;
	clear: both;
	position: relative;
}
#faq .line .icon_q {
	background-image: url(../faq/img/icon_question.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 40px;
	margin: 0 40px 0 0;
	padding: 5px 0 0 50px;
	color: #5399A3;
	line-height: 1.2;
}
#faq .line div#PlagOpen1 a,
#faq .line div#PlagClose1 a,
#faq .line div#PlagOpen2 a,
#faq .line div#PlagClose2 a,
#faq .line div#PlagOpen3 a,
#faq .line div#PlagClose3 a,
#faq .line div#PlagOpen4 a,
#faq .line div#PlagClose4 a,
#faq .line div#PlagOpen5 a,
#faq .line div#PlagClose5 a,
#faq .line div#PlagOpen6 a,
#faq .line div#PlagClose6 a,
#faq .line div#PlagOpen7 a,
#faq .line div#PlagClose7 a,
#faq .line div#PlagOpen8 a,
#faq .line div#PlagClose8 a,
#faq .line div#PlagOpen9 a,
#faq .line div#PlagClose9 a,
#faq .line div#PlagOpen10 a,
#faq .line div#PlagClose10 a,
#faq .line div#PlagOpen11 a,
#faq .line div#PlagClose11 a,
#faq .line div#PlagOpen12 a,
#faq .line div#PlagClose12 a,
#faq .line div#PlagOpen13 a,
#faq .line div#PlagClose13 a,
#faq .line div#PlagOpen14 a,
#faq .line div#PlagClose14 a,
#faq .line div#PlagOpen15 a,
#faq .line div#PlagClose15 a,
#faq .line div#PlagOpen16 a,
#faq .line div#PlagClose16 a,
#faq .line div#PlagOpen17 a,
#faq .line div#PlagClose17 a,
#faq .line div#PlagOpen18 a,
#faq .line div#PlagClose18 a,
#faq .line div#PlagOpen19 a,
#faq .line div#PlagClose19 a,
#faq .line div#PlagOpen20 a,
#faq .line div#PlagClose20 a,
#faq .line div#PlagOpen21 a,
#faq .line div#PlagClose21 a,
#faq .line div#PlagOpen22 a,
#faq .line div#PlagClose22 a,
#faq .line div#PlagOpen23 a,
#faq .line div#PlagClose23 a {
	 position: absolute;
	 top: 0;
	 right: 0;
}
#faq .answer {
	margin: 0.5em 0 0 1em;
	line-height: 1.8;
}
#faq #taiken {
	clear: both;
	display: block;
	background-image: url(../sp/faq/yoyaku_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 55vw;
	margin-bottom: 3em;
	text-align: center;
}
#faq #taiken #tit {
	color: #5399A3;
	font-family: "Sawarabi Mincho";
	font-size: 4vw;
	letter-spacing: 0.5vw;
	padding: 31vw 0 0 0;
	margin:0;
}
#faq #taiken p {
	font-size: 3vw;
	margin: 2vw 0 3vw;
	text-shadow: 1px 1px 0px white, -1px 1px 0px white, 1px -1px 0px white, -1px -1px 0px white;
}
#faq .btn7 a{
	font-size: 4vw;
	background: #5399A3;
	padding: 1vw 5vw;
	border-radius: 10vw;
	color: white;
}

/*=================== お問い合わせフォーム ====================*/

#contact #txt #waku {
	display: block;
	border: thin solid #5399A3;
	padding: 0.25em 0.5em;
}
#contact #txt #waku a,
#contact #txt #wakua:visited {
	color: #FF6633;
	text-decoration: none;
}



#contact .top50 {
	margin: 2em 0 0 0;
}
#kanryo {
	margin: 1em 0.75em 5em;
	line-height: 1.8;
}


@media (min-width: 30em) {
	#link_contact ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#link_contact ul li {
		margin: 0.5em;
		width: 45%;
		padding: 0 0 0.25em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 4vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#link_contact ul li .font_80 {
		font-size: 2.5vw;
	}
	#link_contact ul a,
	#link_contact ul a:visited {
		color: #378B96;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}
@media (max-width: 29.999em) {
	#link_contact ul {
		margin: 1em auto 2em;
		padding: 0;
		list-style-type: none;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
	}
	#link_contact ul li {
		margin: 0.5em;
		width: 90%;
		padding: 0.5em;
		border: solid thin #CCC;
		border-radius: 0.25em;
		font-size: 5vw;
		text-align: center;
		box-shadow: 0 0 5px #CCC;
		line-height: 1.2;
	}
	#link_contact ul li .font_80 {
		font-size: 4vw;
	}
	#link_contact ul a,
	#link_contact ul a:visited {
		color: #378B96;
		font-family: "Sawarabi Mincho";
		display: block;
	}
}

article.taiken_bg {
	background-image: url(../contact/img/bg1.jpg);
	background-repeat: repeat;
	background-position: center top;
	padding: 0.5em 0.75em;
	margin: 0 0 3em;
}
article.kengaku_bg {
	background-image: url(../contact/img/bg2.jpg);
	background-repeat: repeat;
	background-position: center top;
	padding: 0.5em 0.75em;
	margin: 0 0 3em;
}

.obi {
	background-image: url(../contact/img/obi.jpg);
	background-size: cover;
	margin: 0.5em 0 0;
	padding: 0;
	z-index: 1;
	position: relative;
}
.obi #taiken {
	background-image: url(../sp/contact/title_bg_lesson.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	box-sizing: border-box;
	margin: 0;
	height: 21vw;
	color: #5399A3;
	font-family: "Sawarabi Mincho";
	font-size: 5vw;
	font-weight: normal;
	text-align: center;
	padding: 7vw 0 0 0;
}

.obi #kengaku {
	background-image: url(../sp/contact/title_bg_kengaku.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	box-sizing: border-box;
	margin: 0;
	height: 21vw;
	color: #5399A3;
	font-family: "Sawarabi Mincho";
	font-size: 5vw;
	font-weight: normal;
	text-align: center;
	padding: 7vw 0 0 0;
}
.taiken_bg .block,
.kengaku_bg .block {
	background: white;
	margin: 2em 0;
	padding: 0.5em;
}
.taiken_bg .block dl,
.kengaku_bg .block dl {
	margin: 0;
	padding: 0;
}
.taiken_bg .block dl dt,
.kengaku_bg .block dl dt {
	color: #5399A3;
	font-family: "Sawarabi Mincho";
	margin: 0 0 1em;
	font-size: 1.1em;
}
.taiken_bg .block dl dd,
.kengaku_bg .block dl dd {
	margin: 0 ;
	line-height: 1.8;
}
.taiken_bg .block table,
.kengaku_bg .block table {
	border-collapse: collapse;
	width: 100%;
	margin: 0.5em 0;
	font-size: 90%;
}
.taiken_bg .block table td,
.kengaku_bg .block table td {
	clear: both;
	border: solid thin #CCC;
	padding: 0.25em;
}
.block .info dl dd td.bg_gl {
	background-color: #D6D6D6;
	white-space: nowrap;
	overflow: hidden;
	letter-spacing: -0.5em;
	width: 2.1em;
}
.block .info dl dd td.bg_w {
	background-color: #FFF;
}
.ph_left {
	margin-top: -1.5em;
	float: left;
	width: 25vw;
	margin-right: 0.5em;
	clear: both;
}
.ph_right {
	margin-top: -1.5em;
	float: right;
	width: 25vw;
	clear: both;
	margin-left: 0.5em;
}

.block .btn_yoyaku  {
	text-align: center;
	margin: 1.5em 0 1em;
}
.block .btn_yoyaku a,
.block .btn_yoyaku a:visited {
	color: #FFFFFF;
	background: #5399A3;
	padding: 0.5em 1em;
	border-radius: 1em;
	text-decoration: none;
}



/*問い合わせフォーム*/
#contact table {
	border-collapse: collapse;
	margin: 1em 2.5%;
	width: 95%;
	border: solid thin #CCC;
	
}
#contact table .color_song {
	color: #5399A3;
	font-size: 90%;
}
#contact table tr {
	display: block;
	 position: relative;
	 width: 100%;
}
#contact table td {
	display: block;
	font-size: 95%;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.8;
	padding: 0.25em 0.5em;
	margin: 0;
}
#contact table td:first-child {
	background-color: rgba(63,117,125,0.1);
}
#contact table td:nth-of-type(2) {
	 position: absolute;
	 width: 3.5em;
	 top: 0;
	 right: 0;
	 box-sizing: border-box;
}
#contact table td p {
	margin: 0;
	padding: 0;
	font-size: 95%;
}
#contact .hs {
	font-size: 90%;
	color: #FFF;
	background-color: #FF8C6F;
	padding: 0.1em 0.25em;
}
#contact table input[type=text],
#contact table textarea {
	border: solid thin #CCC;
	border-radius: 0.25em;
	font-size: 1em;
	padding: 0.25em 0.5em;
	width: 100%;
	box-sizing: border-box;
}
#contact table textarea {
	height: 8em;
}
#form_btn {
	text-align: center;
	margin: 1em 0 3em;
}
#form_btn .btn{
	width: 40vw;
	text-align: center;
	border-radius: 1vw;
	font-size: 4vw;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight: normal;
	color: #FFFFFF;
	background-color: #63BCB8;
	margin: 0;
	padding: 2vw 0;
}
#contact table input.age {
	width: 3em;
}
#contact table input.zip {
	width: 35%;
}
#contact table ul {
	margin: 0.5em 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.8;
}
#contact table ul li {
	margin: 0;
	padding: 0;
}

#contact #txt {
	margin: 1em 0.75em;
	line-height: 1.8;
}
#contact #txt a,
#contact #txt a:visited {
	color: #5399A3;
}

#privacy h5 {
	text-align: center;
	font-size: 1em;
	margin: 3em 0 0.75em;
	padding: 0.25em 0;
	color: white;
	background: rgb(63,117,125);
}
#privacy dl {
	margin: 0 0.75em 3em;
	padding: 0;
	line-height: 1.8;
	font-size: 90%;
}
#privacy dl dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#privacy dl dd {
	margin: 0 0 0 1em;
	padding: 0 0 1em 0;
}
#privacy dl a,
#privacy dl a:visited {
	color: #5399A3;;
}


/*=================== 卒業生の活躍 ====================*/
#setumei {
	margin: 2em 0;
}
#setumei .txt {
	margin: 0 0.75em 1em;
	line-height: 1.8;
}
#setumei h2#bg {
	background-image: url(../graduate/img/h2_bg.png);
	background-repeat: no-repeat;
	background-position: 30% 0%;
	background-size: 107% auto;
	color: #333;
	font-size: 5vw;
	letter-spacing: 0.5vw;
	margin: 0px;
	padding: 5vw 0;
}

#graduate_bg {
	background-image: url(../graduate/img/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	margin: 0;
	padding: 0;
}
#graduate {
	padding: 1em 0;
}
#graduate .block {
	margin: 2em 0.75em;
	padding: 0.5em;
	background: white;
	line-height: 1.8;
	border-radius: 0.75em;
	position: relative;
}
#graduate .block .photo {
	text-align: center;
	padding: 10vw 0 0 0;
}
#graduate .block label {
	text-align: center;
	margin: 1em 0;
}
#graduate .block .photo img {
	width: 60%;
	height: auto;
}
#graduate .block h3 {
	font-size: 1.2em;
	color: #333;
	text-align: center;
	font-family: "Sawarabi Mincho";
	font-weight: normal;
	padding: 0;
	margin: 0.5em 0 ;
}
#graduate .block h4 {
	
	text-align: center;
	margin: 0.5em 0 ;
	font-family: "Sawarabi Mincho";
}
@media (min-width: 25em) {
	#graduate .block h3 {
		font-size: 1.2em;
	}
	#graduate .block h4 {
		font-size: 1em;
	}
}
@media (max-width: 24.999em) {
	#graduate .block h3 {
		font-size: 6vw;
	}
	#graduate .block h3 span {
		display: block;
	}
	#graduate .block h4 {
		font-size: 3.5vw;
	}
	#graduate .block h4 span {
		display: block;
	}
	#graduate .block h4 br {
		display: none;
	}
}
#graduate .block input[type=checkbox] + div {
	height: 0;
	overflow: hidden;
}
#graduate .block input[type=checkbox]:checked + div {
	height: auto;
}


#graduate .block .courses {
	color: #5CA1AC;
	text-align: right;
	margin: -2em 0 1em 0;
	overflow: hidden;
	font-size: 0.9em;
	line-height: 2;
}
#graduate .block .courses .link {
	display: block;
}
#graduate .block .courses a,
#graduate .block .courses a:visited {
	color: #5CA1AC;
	text-decoration: none;
	border: solid thin #5CA1AC;
	padding: 0.25em 0.75em;
	border-radius: 0.25em;
}
div.hide div.txt {
	 position: relative;
	 top: 1em;
	 margin-bottom: 3em;
}


#graduate #taiken {
	background-image: url(../sp/graduate/yoyaku_bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 55vw;
	background-size: contain;
	margin: 1em 0 2em;
}
#graduate #taiken #tit {
	text-align: center;
	font-size: 4vw;
	color: #5399A3;
	font-family: "Sawarabi Mincho";
	padding: 31vw 0 0 0;
	margin: 0;
}
#graduate #taiken p:nth-of-type(2) {
	text-align: center;
	font-size: 3.5vw;
	margin: 2vw 0 3vw;
	text-shadow: 1px 1px 0px white, -1px 1px 0px white, 1px -1px 0px white, -1px -1px 0px white;

}
#graduate .btn7 {
	text-align: center;
}
#graduate .btn7 a,
#graduate .btn7 a:visited {
	text-align: center;
	background: #5399A3;
	color: white;
	padding: 0.25em 1em;
	border-radius: 5vw;
	font-size: 4vw;
}



.Florist::before {
	display: block;
	position: absolute;
	content: '';
	width: 40vw;
	height: 20vw;
	top: 2vw;
	right: 2vw;
	background-image: url(../graduate/img/job_Florist.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	z-index: 100;
}
.koushi::before {
	display: block;
	position: absolute;
	content: '';
	width: 40vw;
	height: 20vw;
	top: 2vw;
	right: 2vw;
	background-image: url(../graduate/img/job_koushi.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	z-index: 100;
}
.F_shop::before {
	display: block;
	position: absolute;
	content: '';
	width: 40vw;
	height: 20vw;
	top: 2vw;
	right: 2vw;
	background-image: url(../graduate/img/job_F_shop.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	z-index: 100;
}
.Manager::before {
	display: block;
	position: absolute;
	content: '';
	width: 40vw;
	height: 20vw;
	top: 2vw;
	right: 2vw;
	background-image: url(../graduate/img/job_Manager.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	z-index: 100;
}
.school::before {
	display: block;
	position: absolute;
	content: '';
	width: 40vw;
	height: 20vw;
	top: 2vw;
	right: 2vw;
	background-image: url(../graduate/img/job_school.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	z-index: 100;
}
.F_designer::before {
	display: block;
	position: absolute;
	content: '';
	width: 40vw;
	height: 20vw;
	top: 2vw;
	right: 2vw;
	background-image: url(../graduate/img/job_F_designer.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	z-index: 100;
}




/*作品集（スマホ用）---------------------*/
#sp_collection {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	margin-bottom: 80px;
}
#sp_collection h2 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#image-slider ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
}
#image-slider ul li {
	margin: 0px;
	padding: 0px;
}
#image-slider li img {
	width: 100%;
}
/*作品集（スマホ用）ここまで---------------------*/






/*メニュー（階層プルダウン）---------------------*/
#course_checkbox {
	position: absolute;
	top: 1em;
	right: 1.25em;
	color: white;
}
#course_pulldown {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	background-color: white;
	width: 100% !important;
	position: absolute;
	top: 3.25em;
}
input[type=checkbox] + #course_pulldown {
	height: 0em !important;
	-moz-transition: all 0.3s ease-in-out !important; /* Firefox */
	-webkit-transition: all 0.3s ease-in-out !important; /* Safari and Chrome */
	-o-transition: all 0.3s ease-in-out !important;  /* Opera */
	transition: all 0.3s ease-in-out !important; /* Browsers that Support it */
}
input[type=checkbox]:checked + #course_pulldown {
	height: 7em !important;
}
#course_pulldown a,
#course_pulldown a:visited {
	background-color: white;
	width: 50%;
	height: 3.25em;
	font-size: 110%;
	box-sizing: border-box;
	margin: 0;
}
#course_pulldown a li,
#course_pulldown a:visited li {
	color: black !important;
	background-color: white !important;
}
#course_pulldown a:nth-of-type(1) {
	border-right: solid 1px rgb(231,142,163);
	border-bottom: solid 1px rgb(231,142,163);
}
#course_pulldown a:nth-of-type(2) {
	border-bottom: solid 1px rgb(231,142,163);
}
#course_pulldown a:nth-of-type(3) {
	border-right: solid 1px rgb(231,142,163);
}
#course_pulldown a:nth-of-type(4) {
	border: none;
}
/*メニュー（階層プルダウン）ここまで---------------------*/