@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）
------------------------------------------------------------------------------------------------------------*/
/*講座（sp）
*************************************************/
h3.h3_course01,
h3.h3_course02,
h3.h3_course03{font-size: 1rem;	margin-bottom: 0.75rem;}

h3.h3_course01{color: #cb0100;}
h3.h3_course02{color: #0079c2;}
h3.h3_course03{color: #009d8d;}

h3.h3_course01 .tag,
h3.h3_course02 .tag,
h3.h3_course03 .tag{
	display: inline-block;
	color: #fff;
	font-weight: normal;
	padding: 2px 14px 2px 8px;
	margin: 0 3px 0 0;
	background-repeat: no-repeat, repeat-x;
	background-position: 100% 50%, 0% 0%;
	background-image: url(../image/common/bg_ribbon01.png),url(../image/common/bg_ribbon02.png);
	background-size: 7px,90px;
}
h3.h3_course02 .tag{background-image: url(../image/common/bg_ribbon01.png),url(../image/common/bg_ribbon03.png);}
h3.h3_course03 .tag{background-image: url(../image/common/bg_ribbon01.png),url(../image/common/bg_ribbon04.png);}

table.table_course01{
	margin-bottom: 1.5rem;
	border-right: 1px solid #ccc;
}
table.table_course01 th,
table.table_course01 td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 7px 5px;
	text-align: center;
	line-height: 150%;
}
table.table_course01 th{
	font-weight: bolder;
	color: #1a1a1a;
	width: 160px;
	box-sizing: border-box;
	background: #ccc;/*仮*/
}
table.table_course01 th.red01	{background: #efc0bd;}
table.table_course01 th.red02	{background: #df837d;}
table.table_course01 th.red03	{background: #ca352c;	color: #fff;}
table.table_course01 th.blu01	{background: #b1d6ec;}
table.table_course01 th.blu02	{background: #66add9;}
table.table_course01 th.blu03	{background: #0078c1;	color: #fff;}
table.table_course01 th.grn01	{background: #b0e0dc;}
table.table_course01 th.grn02	{background: #66c3ba;}
table.table_course01 th.grn03	{background: #009c8c;	color: #fff;}
table.table_course01 th.grn04	{background: #005a64;	color: #fff;}
table.table_course01 td small	{font-size: 0.75rem;	line-height: 125%;	display: block;	padding: 5px 0;}
table.table_course01 td strong	{font-size: 1.50rem;	padding: 0 1px;}
table.table_course01 td.price span.sub	{font-size: 0.93rem;}

/*追加レッスン*/
h2.h2_course01{
	color: #cb0100;
	font-size: 1.25rem;
	text-align: center;
	margin: 0 0 1.5rem 0;
}
.ul_course01{
	padding: 0.5rem 0 0 0;
}
.ul_course01 > li{
	background: #fff;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
	border-radius: 10px;
	padding: 1rem;
	margin: 0 0 1rem 0;
}
.ul_course01 li ul{
	margin: 0;
}
.ul_course01 li .price{
	font-size: 1.13em;
	margin: 0 2px 0 0;
}
/*講師紹介（sp）
*************************************************/
ul.ul_teacher01 li{margin-bottom: 1.5rem;}
.ul_teacher01 .name_f,
.ul_teacher01 .name_m{
	background-image: url(../image/common/bg_line01.png), url(../image/common/icn_teacher01.png);
	background-size: 20px, 22px;
	background-repeat: repeat-x, no-repeat;
	background-position: 0% 100%, 0px 50%;
	padding: 10px 0 6px 32px;
	font-weight: bolder;
	margin-bottom: 0.4rem;
}
.ul_teacher01 .name_m{
	background-image: url(../image/common/bg_line01.png), url(../image/common/icn_teacher02.png);
}
.ul_teacher01 .name_f .en,
.ul_teacher01 .name_m .en{
	font-family: 'Comfortaa', cursive;
	font-weight: 400;
	font-size: 0.88rem;
	color: #998675;
	margin: 0 0 0 1rem;
}
.ul_teacher01 dl{
	font-size: 0.88rem;
	line-height: 150%;
}
.ul_teacher01 dt,.ul_teacher01 dd	{padding: 5px 2px;}
.ul_teacher01 dt{
	clear: both;
	float: left;
	width: 15%;
	color: #cb3228;
}
.ul_teacher01 dd{
	padding-left: 18%;
	border-bottom: 1px solid #ccc;
}
/*会社概要（sp）
*************************************************/
ul.ul_exp01:after{content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
ul.ul_exp01 li{
	position: relative;
	padding: 0 1rem 0 1rem;
	box-sizing: border-box;
}
ul.ul_exp01 li:before{
	position: absolute;
	content: " ";
	height: 3px;
	width: 3px;
	display: block;
	float: left;
	border-radius: 50%;
	margin:0.75rem 0 0 -1rem;
	background-color:#322e1a;
}
/*教室風景（sp）
*************************************************/
.masonry01 {
position:relative;
}
.masonry01 .item {
position:absolute;
text-align:center;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
/*background: rgba(150, 150, 150, 1);*/
background-image: linear-gradient( 135deg, #F761A1 10%, #AC46C8 100%);
	-webkit-transition:0.6s ease-in-out;
	-moz-transition:0.6s ease-in-out;
	-ms-transition:0.6s ease-in-out;
	-o-transition:0.6s ease-in-out;
	transition:0.6s ease-in-out;
	
	padding: 10px;
	box-sizing: border-box;
	height: auto;
}
ul.ul_gallery01{
	max-width: 500px;
	padding: 0 1rem;
	margin: 0 auto;
}

/*アクセス/お問合わせ（sp）
*************************************************/
.box_access01	{margin-bottom: 2rem;}
.box_access02{
	margin-bottom: 2rem;
	padding: 0 1rem;
}
.box_access02 img{
	border: 2px solid #b2b2b2;
	box-sizing: border-box;
}
.box_access03{
	padding: 0 1rem 1rem 1rem;
}
.box_access03 iframe{
	width: 100%;
	height: 400px;
	border: none;
}
.box_contact01{
	width: 100%;
	max-width: 320px;
	margin: 0 0 1rem 0;
	background: #fff;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	padding: 1.25rem;
	text-align: center;
	box-sizing: border-box;
}
.box_contact01 img{
	display: block;
	max-width: 250px;
	margin: 0 auto 5px auto;
}
.box_contact01 .time	{font-size: 0.88rem;}




/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px){

/*講座（tab）
*************************************************/
/*追加レッスン*/
h2.h2_course01{
	font-size: 1.5rem;
}
.ul_course01{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.ul_course01 > li{
	width: 45%;
	margin: 0 0 1rem 0;
}
/*講師紹介（tab）
*************************************************/
ul.ul_teacher01:after{content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
ul.ul_teacher01 li{
	width: 47%;
	float: left;
	margin: 0 6% 1.5rem 0;
}
ul.ul_teacher01 li:nth-child(2n)	{margin: 0 0 1.5rem 0;}
ul.ul_teacher01 li:nth-child(2n+1)	{clear: both;}

/*会社概要（tab）
*************************************************/
ul.ul_exp01 li	{float: left;	width: 33%;}

/*会社風景（tab）
*************************************************/
ul.ul_gallery01{
	max-width: 1000px;
	padding: 0;
}
ul.ul_gallery01:after{content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
ul.ul_gallery01 li{
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
}
ul.ul_gallery01 li:nth-child(3n){margin: 0 0 0 0;}


/*アクセス/お問合わせ（tab）
*************************************************/
.box_access01	{float: left;	width: 45%;}
.box_access02	{float: right;	width: 50.4%;	padding: 0;}
.box_access03	{padding: 0 0 1rem 0;}

/********/
}



/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1000px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1000px){

/*講座（pc）
*************************************************/
.box_course01	{float: left;	width: 50%;}
.box_course02	{float: right;	width: 45%;}
table.table_course01 td.price	{font-size: 1.13rem;}
table.table_course01 td.price span.sub	{font-size: 0.93rem;}
table.table_course01 td strong	{font-size: 1.75rem;	padding: 0 3px;}

/*会社概要（sp）
*************************************************/
ul.ul_exp01 li	{width: 25%;}

/*アクセス/お問合わせ（pc）
*************************************************/
.box_contact01{float: right;}
/********/
}