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

/* ---------------------------------- */
/* layout.css                         */
/* ---------------------------------- */

html {
	font-size: 62.5%;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
	background-color: #fff;
	color: #1B1464;
	vertical-align: baseline;
	font-size: 1.3em; /*13px*/
	font-family: "Kosugi Maru", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.0;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.8px;
}

a {
	border: none;
	outline: none;
	overflow: hidden;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

a img { border: none; outline: none;}

a:link    { color: #1B1464; text-decoration: none;}
a:visited { color: #1B1464; text-decoration: none;}
a:hover   { color: #aaa; text-decoration: none;}
a:active  { color: #aaa; text-decoration: none;}

a.under {
	text-decoration: underline;
}

.red {
	color: #ff0000;
}
/*--------------
		clearfix
----------------*/
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

/*--------------
		img max
----------------*/
img {
	max-width: 100%;
	height: auto;
}

/*-------------
		setting
---------------*/
.center {
	text-align: center;
}

.right {
	text-align: right;
}

.more-btn a {
	background: #1B1464;
	color: #fff;
}

.more-btn02 a {
	background: #1B1464;
	color: #fff;
}

.go-top {
	display: none;
}

/*============================
   768px以上(タブレット・PC)
==============================*/
@media only screen and (min-width: 768px){

/*--------------------
		margin,padding
----------------------*/
.mt05 {	margin-top: 5px; }
.mt10 {	margin-top: 10px; }
.mt15 {	margin-top: 15px; }
.mt20 {	margin-top: 20px; }
.mt25 {	margin-top: 25px; }
.mt30 {	margin-top: 30px; }
.mt35 {	margin-top: 35px; }
.mt40 {	margin-top: 40px; }
.mt45 {	margin-top: 45px; }
.mt50 {	margin-top: 50px; }

.mr05 {	margin-right:  5px; }
.mr10 {	margin-right: 10px; }
.mr15 {	margin-right: 15px; }
.mr20 {	margin-right: 20px; }
.mr25 {	margin-right: 25px; }
.mr30 {	margin-right: 30px; }
.mr35 {	margin-right: 35px; }
.mr40 {	margin-right: 40px; }
.mr45 {	margin-right: 45px; }
.mr50 {	margin-right: 50px; }

.mb05 {	margin-bottom:  5px; }
.mb10 {	margin-bottom: 10px; }
.mb15 {	margin-bottom: 15px; }
.mb20 {	margin-bottom: 20px; }
.mb25 {	margin-bottom: 25px; }
.mb30 {	margin-bottom: 30px; }
.mb35 {	margin-bottom: 35px; }
.mb40 {	margin-bottom: 40px; }
.mb45 {	margin-bottom: 45px; }
.mb50 {	margin-bottom: 50px; }

.ml05 {	margin-left:  5px; }
.ml10 {	margin-left: 10px; }
.ml15 {	margin-left: 15px; }
.ml20 {	margin-left: 20px; }
.ml25 {	margin-left: 25px; }
.ml30 {	margin-left: 30px; }
.ml35 {	margin-left: 35px; }
.ml40 {	margin-left: 40px; }
.ml45 {	margin-left: 45px; }
.ml50 {	margin-left: 50px; }

.pt05 {	padding-top:  5px; }
.pt10 {	padding-top: 10px; }
.pt15 {	padding-top: 15px; }
.pt20 {	padding-top: 20px; }
.pt25 {	padding-top: 25px; }
.pt30 {	padding-top: 30px; }
.pt35 {	padding-top: 35px; }
.pt40 {	padding-top: 40px; }
.pt45 {	padding-top: 45px; }
.pt50 {	padding-top: 50px; }

.pr05 {	padding-right:  5px; }
.pr10 {	padding-right: 10px; }
.pr15 {	padding-right: 15px; }
.pr20 {	padding-right: 20px; }
.pr25 {	padding-right: 25px; }
.pr30 {	padding-right: 30px; }
.pr35 {	padding-right: 35px; }
.pr40 {	padding-right: 40px; }
.pr45 {	padding-right: 45px; }
.pr50 {	padding-right: 50px; }

.pb05 {	padding-bottom:  5px; }
.pb10 {	padding-bottom: 10px; }
.pb15 {	padding-bottom: 15px; }
.pb20 {	padding-bottom: 20px; }
.pb25 {	padding-bottom: 25px; }
.pb30 {	padding-bottom: 30px; }
.pb35 {	padding-bottom: 35px; }
.pb40 {	padding-bottom: 40px; }
.pb45 {	padding-bottom: 45px; }
.pb50 {	padding-bottom: 50px; }

.pl05 {	padding-left:  5px; }
.pl10 {	padding-left: 10px; }
.pl15 {	padding-left: 15px; }
.pl20 {	padding-left: 20px; }
.pl25 {	padding-left: 25px; }
.pl30 {	padding-left: 30px; }
.pl35 {	padding-left: 35px; }
.pl40 {	padding-left: 40px; }
.pl45 {	padding-left: 45px; }
.pl50 {	padding-left: 50px; }

/*----------
	setting
------------*/
body{
	font-size: 1.4em;
}

p.big {
	font-size: 2.0rem;
	letter-spacing: -2px;
}

h2 {
	font-size: 2.6rem;
}

h3 {
	font-size: 1.8rem;
	line-height: 1.7;
}

.more-btn {
	text-align: center;
	font-size: 1.4rem;
	letter-spacing: 0.2rem;
}

	.more-btn a {
		display: inline-block;
		width: 145px;
		padding: 6px;
		/* border-radius */
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;

		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		transition: 0.5s;
	}

	.more-btn a:hover {
		background: #2C2989;
	}

.more-btn02 {
	font-size: 1.6rem;
	letter-spacing: 0.2rem;
}
	
	.more-btn02 a {
		text-align: center;
		display: inline-block;
		width: 300px;
		padding: 6px;
		/* border-radius */
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;

		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		transition: 0.5s;
	}

	.more-btn02 a:hover {
		background: #2C2989;
	}
	
.go-top {
	position: fixed;
	bottom: 10px;
	right: 10%;
}

/*------------
		wrapper
--------------*/
#wrapper {
	width: 100%;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
}

/*------------
		bgcolor
--------------*/
.bg-color {
	background: #e2fabf;
}

.bg-photo01 {
	background: url(../images/bg_section01.jpg) no-repeat center top; background-size: cover;
	background-attachment: fixed;
	color: #fff;
}

.bg-photo02 {
	background: url(../images/bg_box.gif) repeat;
}

/*------------
		header
--------------*/
.header {
	width: 100%;
	background: #fff;
}

	.header-logo {
		text-align: center;
	}

/*------------
		footer
--------------*/
.footer {
	width: 100%;
	background-color: #1B1464;
	padding: 15px 0;
}

	.footer small{
		font-size: 1.2rem;
		letter-spacing: 0.8;
		color: #fff;
	}

/*-------------
   global nav
---------------*/
.modal {
	position: fixed;
	top: 0;
	left: 0;
	background: #000000;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	display: none;
	z-index: 100;
}

.hamburger {
	position: absolute;
	top: 0;
	right: 2%;
	width: 50px;
	height: 50px;
	padding: 50px 0 50px 0;
	/*background: url(common/images/ico_gnav.png) left top no-repeat;
	background-size: 46px;*/
	z-index: 0;
}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}

	.menu-trigger {
		position: relative;
		width: 50px;
		height: 42px;
	}

	.menu-trigger span {
		position: absolute;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 6px;
		background-color: #323548;
		border-radius: 4px;
	}

		.menu-trigger span:nth-of-type(1) {
			top: 0;
		}

		.menu-trigger span:nth-of-type(2) {
			top: 18px;
		}

		.menu-trigger span:nth-of-type(3) {
			bottom: 0;
		}

		.menu-trigger.close span:nth-of-type(1) {
			-webkit-transform: translateY(18px) rotate(-45deg);
			-moz-transform: translateY(18px) rotate(-45deg);
			transform: translateY(18px) rotate(-45deg);
		}

		.menu-trigger.close span:nth-of-type(2) {
			opacity: 0;
		}

		.menu-trigger.close span:nth-of-type(3) {
			-webkit-transform: translateY(-18px) rotate(45deg);
			-moz-transform: translateY(-18px) rotate(45deg);
			transform: translateY(-18px) rotate(45deg);
		}

#bg_gnav {
	background: #fff;
	width: 100%;
	position: absolute;
	top: 133px;
	left: 0;
	z-index: 200;
	display: none;
}

	.gnav li > a {
		display: block;
		background: #1B1464;
		color: #fff !important;
		font-size: 1.8rem;
		font-weight: bold;
		/*border-bottom: dashed 1px #323548;*/
		padding: 30px 5px 30px 10px;
		position: relative;
		text-align: center;
	}

	.gnav li > a span::after {
		border-right: 3px solid #323548;
		border-top: 3px solid #323548;
		content: "";
		width: 20px;
		height: 20px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 20px;
		top: 30px;
		border-radius: 1px;
	}

/*---------------
		navigation
-----------------*/
.gnav {
	width: 100%;
}

	.gnav ul {
		width: 100%;
	}

		.gnav ul li {
			float: left;
			font-size: 1.6rem;
			font-weight: bold;
			width: 20%;
			text-align: center;
		}

/*-----------------
		main visual
-------------------*/
.main-visual ul li {
	width: 100%;
	height: 606px;
	background: url(../images/bg_main.jpg) no-repeat center 70%; background-size: cover;
	padding-top: 62px;
}

/*----------
		news
------------*/
.news {
	width: 900px;
	margin: 0 auto;
	padding: 18px 0;
}

.news-h2 {
	width: 7em;
	border: solid 2px #1B1464;
	background-color: #fff;
	padding: 5px;
	float: left;
	letter-spacing: 3px;
}

	.news-h2 h2 {
		font-size: 1.6rem;
		font-weight: bold;
	}

	.news-h2 h2::before {
		content: "!";
		margin: 0 6px;
	}

	.news p {
		font-size: 1.4rem;
		letter-spacing: 3px;
		float: left;
		margin: 8px 0 0 26px;
	}

		.news p time {
			font-weight: bold;
			margin-right: 1em;
		}

/*-------------
		section
---------------*/
.section {
	width: 100%;
	margin: 0 auto;
	padding: 90px 0 90px 0;
}

/*----------
		info
------------*/
.section01 {
	width: 900px;
}

.section01-ttl {
	font-size: 2.6rem;
	letter-spacing: 4px;
}

/*slide*/
#slide > ul {
	width: 450px;
	height: 320px;
	position: relative;
	float: left;
}

	#slide > ul li {
		position: absolute;
		left: 0;
		bottom: 0;
		overflow: hidden;
	}

	/*slide image*/
	#slide > ul li:nth-child(1) {
		background: url(../images/img_course04.jpg) no-repeat center center; background-size: cover;
	}

	#slide > ul li:nth-child(2) {
		background: url(../images/img_course03.jpg) no-repeat center center; background-size: cover;
	}

	#slide > ul li:nth-child(3) {
		background: url(../images/img_course05.jpg) no-repeat center center; background-size: cover;
	}

	#slide > ul li:nth-child(4) {
		background: url(../images/img_course06.jpg) no-repeat center center; background-size: cover;
	}

		.event-ttl01 {
			background: rgba( 0, 0, 0, .4);
			width: 100%;
			color: #fff;
			line-height: 1.2;
			position: absolute;
			bottom: 0;
			padding: 5px;
			letter-spacing: 3px;
		}

			.event-ttl01 h3 {
				font-size: 1.6rem;
				margin-bottom: 10px;
				color #fff;
			}

	.event-txt01 {
		background: url(../images/bg_box.gif) repeat;
		width: 450px;
		height: 320px;
		text-align: left;
		float: left;
		padding: 20px;
		position: relative;
	}

		.event-txt01 div {
			line-height: 1.4;
		}

	.event-txt01 .more-btn {
		position: absolute;
		bottom: 20px;
		right: 20px;
	}


/*----------
		basic
------------*/
.basic-section {
	width: 900px;
}

	.basic-section-ttl {
		font-size: 2.6rem;
		letter-spacing: 4px;
	}

	.basic-section p {
		font-size: 1.5rem;
		line-height: 1.8;
	}

	.basic-section ul {
		padding-left: 2em;
	}

	.basic-section ul li {
		list-style-type: disc;
		font-size: 1.5rem;
		line-height: 1.8;
	}

/*----------
		about
------------*/
	.about {
		float: left;
	}

	.about-img {
		float: left;
		width: 50%;
	}

	.about-box01 {
		float: left;
		width: 50%;
		padding: 12px 0 0 14px
		/*padding: 46px 0 0 46px;*/
	}

/*----------
		contact
------------*/
.contact-box01 {
	float: left;
	width: 60%;
	padding: 0 20px 0 0;
}

.contact-box02 {
	float: left;
	width: 40%;
}

.contact-box03 {
	float: left;
	width: 50%;
}

.contact-box04 {
	float: left;
	width: 50%;
	padding: 70px 0 0 0;
}

/*---------
		img
-----------*/
img[src$="pho_profile01.jpg"] {
	width: 150px;
	height: 150px;
}

img.qr {
	width: 150px;
	height: 150px;
}

img.frends-btn {
	width: 150px;
}

.go-top img {
	width: 60px;
}

}

/*============================
   767px以下(スマートフォン)
==============================*/
@media only screen and (max-width: 767px){

/*--------------------
		margin,padding
----------------------*/
.smt05 { margin-top: 5px !important; }
.smt10 { margin-top: 10px !important; }
.smt15 { margin-top: 15px !important; }
.smt20 { margin-top: 20px !important; }
.smt25 { margin-top: 25px !important; }
.smt30 { margin-top: 30px !important; }
.smt35 { margin-top: 35px !important; }
.smt40 { margin-top: 40px !important; }

.smr05 { margin-right:  5px !important; }
.smr10 { margin-right: 10px !important; }
.smr15 { margin-right: 15px !important; }
.smr20 { margin-right: 20px !important; }
.smr25 { margin-right: 25px !important; }
.smr30 { margin-right: 30px !important; }
.smr35 { margin-right: 35px !important; }
.smr40 { margin-right: 40px !important; }

.smb05 { margin-bottom:  5px !important; }
.smb10 { margin-bottom: 10px !important; }
.smb15 { margin-bottom: 15px !important; }
.smb20 { margin-bottom: 20px !important; }
.smb25 { margin-bottom: 25px !important; }
.smb30 { margin-bottom: 30px !important; }
.smb35 { margin-bottom: 35px !important; }
.smb40 { margin-bottom: 40px !important; }

.sml05 { margin-left:  5px !important; }
.sml10 { margin-left: 10px !important; }
.sml15 { margin-left: 15px !important; }
.sml20 { margin-left: 20px !important; }
.sml25 { margin-left: 25px !important; }
.sml30 { margin-left: 30px !important; }
.sml35 { margin-left: 35px !important; }
.sml40 { margin-left: 40px !important; }

.spt05 { padding-top:  5px !important; }
.spt10 { padding-top: 10px !important; }
.spt15 { padding-top: 15px !important; }
.spt20 { padding-top: 20px !important; }
.spt25 { padding-top: 25px !important; }
.spt30 { padding-top: 30px !important; }
.spt35 { padding-top: 35px !important; }
.spt40 { padding-top: 40px !important; }

.spr05 { padding-right:  5px !important; }
.spr10 { padding-right: 10px !important; }
.spr15 { padding-right: 15px !important; }
.spr20 { padding-right: 20px !important; }
.spr25 { padding-right: 25px !important; }
.spr30 { padding-right: 30px !important; }
.spr35 { padding-right: 35px !important; }
.spr40 { padding-right: 40px !important; }

.spb05 { padding-bottom:  5px !important; }
.spb10 { padding-bottom: 10px !important; }
.spb15 { padding-bottom: 15px !important; }
.spb20 { padding-bottom: 20px !important; }
.spb25 { padding-bottom: 25px !important; }
.spb30 { padding-bottom: 30px !important; }
.spb35 { padding-bottom: 35px !important; }
.spb40 { padding-bottom: 40px !important; }

.spl05 { padding-left:  5px !important; }
.spl10 { padding-left: 10px !important; }
.spl15 { padding-left: 15px !important; }
.spl20 { padding-left: 20px !important; }
.spl25 { padding-left: 25px !important; }
.spl30 { padding-left: 30px !important; }
.spl35 { padding-left: 35px !important; }
.spl40 { padding-left: 40px !important; }

/*----------
	 setting
------------*/
body{
	font-size: 1.4em; /*14px*/
	font-family: "Kosugi Maru","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

p.big {
	font-size: 1.8rem;
	letter-spacing: -1px;
}

h3 {
	font-size: 1.8rem;
	line-height: 1.7;
}

.sblock {
	display: block !important;
}

.more-btn {
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: 0.2rem;
}

	.more-btn a {
		display: inline-block;
		width: 98%;
		padding: 18px;
		/* border-radius */
		border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
	}

.more-btn02 {
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: 0.2rem;
}

	.more-btn02 a {
		display: inline-block;
		width: 98%;
		padding: 18px;
		line-height: 1.0;
		/* border-radius */
		border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
	}

.go-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
}

/*------------
		wrapper
--------------*/
#wrapper {
	width: 100%;
}

.wrapper {
	width: 100%;
	padding: 0 10px;
}

/*------------
		bgcolor
--------------*/
.bg-color {
	background: #e2fabf;
}

.bg-photo01 {
	background: #1B1464 url(../images/bg_section01.jpg) no-repeat 70% center; background-size: cover;
	/*background-attachment: fixed;*/
	color: #fff;
}

.bg-photo01 p, .bg-photo01 li{
	text-shadow: 1px 1px 3px #282828;
}

.bg-photo02 {
	background: #1B1464 url(../images/bg_box.gif) ;
	/*background-attachment: fixed;*/
}

/*------------
		header
--------------*/
.header {
	width: 100%;
	height: 400px;
	background: url(../images/bg_main.jpg) no-repeat center center; background-size: cover;
}

	.header h1 {
		background: #fff;
	}

	.header-logo {
		text-align: left;
	}

/*------------
		footer
--------------*/
.footer {
	width: 100%;
	background-color: #1B1464;
	padding: 15px 0;
}

	.footer small{
		font-size: 1.2rem;
		letter-spacing: 0.8;
		color: #fff;
	}

/*-------------
   global nav
---------------*/
.modal {
	position: fixed;
	top: 0;
	left: 0;
	background: #000000;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	display: none;
	z-index: 100;
}

.hamburger {
	position: absolute;
	top: 4px;;
	right: 2%;
	width: 46px;
	height: 46px;
	padding: 12px 9px;
	/*background: url(common/images/ico_gnav.png) left top no-repeat;
	background-size: 46px;*/
	z-index: 0;
}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}

	.menu-trigger {
		position: relative;
		width: 30px;
		height: 24px;
	}

	.menu-trigger span {
		position: absolute;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 4px;
		background-color: #323548;
		border-radius: 2px;
	}

		.menu-trigger span:nth-of-type(1) {
			top: 0;
		}

		.menu-trigger span:nth-of-type(2) {
			top: 10px;
		}

		.menu-trigger span:nth-of-type(3) {
			bottom: 0;
		}

		.menu-trigger.close span:nth-of-type(1) {
			-webkit-transform: translateY(10px) rotate(-45deg);
			-moz-transform: translateY(10px) rotate(-45deg);
			transform: translateY(10px) rotate(-45deg);
		}

		.menu-trigger.close span:nth-of-type(2) {
			opacity: 0;
		}

		.menu-trigger.close span:nth-of-type(3) {
			-webkit-transform: translateY(-10px) rotate(45deg);
			-moz-transform: translateY(-10px) rotate(45deg);
			transform: translateY(-10px) rotate(45deg);
		}

#bg_gnav {
	background: #fff;
	width: 100%;
	/*position: absolute;
	top: 45px;
	left: 0;
	z-index: 200;*/
	display: none;
}

	.gnav li > a {
		display: block;
		background: #1B1464;
		color: #fff !important;
		font-size: 1.3rem;
		font-weight: bold;
		border-bottom: solid 1px #fff;
		padding: 18px 5px 18px 10px;
		position: relative;
		text-align: center;
	}

	.gnav li > a span::after {
		border-right: 2px solid #323548;
		border-top: 2px solid #323548;
		content: "";
		width: 10px;
		height: 10px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 20px;
		top: 20px;
		border-radius: 1px;
	}

/*---------------
		navigation
-----------------*/
.gnav {
	background: #fff;
	width: 100%;
}

	.gnav ul li {
		width: 100%;
		text-align: center;
		font-size: 1.3rem;
		font-weight: bold;
	}

	.gnav ul li a {
		display: block;
		padding: 20px 2px;
	}

/*-----------------
		main visual
-------------------*/
.main-visual ul li {
	display: none;
}

/*----------
		news
------------*/
.news {
	margin-top: 10px;
}

.news-h2 {
	width: 5em;
	border: solid 2px #1B1464;
	background-color: #fff;
	padding: 8px 2px;
	display: inline-block;
	float: left;

}

	.news-h2 h2 {
		font-size: 1.4rem;
		font-weight: bold;
	}

	.news-h2 h2::before {
		content: "!";
		margin: 0 4px;
	}

	.news p {
		font-size: 1.4rem;
		margin: 2px 0 0 5px;
		letter-spacing: 3px;
		float: left;
		width: 78%;
		line-height: 1.2em;
	}

		.news p time {
			font-weight: bold;
		}

/*-------------
		section
---------------*/
.section {
	width: 100%;
	margin: 0 auto;
	padding: 50px 5px;
	font-size: 1.5rem;
}

/*----------
		info
------------*/
.section01 {
	margin-top: 44px;
}

.section01-ttl {
	font-size: 2.0rem;
	letter-spacing: 4px;
}

/*slide*/
#slide > ul {
	width: 100%;
	height: 230px;
	position: relative;
}

	#slide > ul li {
		position: absolute;
		left: 0;
		bottom: 0;
		overflow: hidden;
	}

	/*slide image*/
	#slide > ul li:nth-child(1) {
		background: url(../images/img_course04.jpg) no-repeat center center; background-size: cover;
	}

	#slide > ul li:nth-child(2) {
		background: url(../images/img_course03.jpg) no-repeat center center; background-size: cover;
	}

	#slide > ul li:nth-child(3) {
		background: url(../images/img_course05.jpg) no-repeat center center; background-size: cover;
	}

	#slide > ul li:nth-child(4) {
		background: url(../images/img_course06.jpg) no-repeat center center; background-size: cover;
	}
	
	.event-ttl01 {
		background: rgba( 0, 0, 0, .4);
		width: 100%;
		color: #fff;
		letter-spacing: 2px;
		line-height: 1.2;
		position: absolute;
		bottom: 0;
		padding: 5px;
	}

		.event-ttl01 h3 {
			font-size: 1.5rem;
			letter-spacing: 4px;
			margin-bottom: 10px;
		}

.event-txt01 {
	background: url(../images/bg_box.gif) repeat;
	width: 100%;
	padding: 10px 10px 40px 10px;
}

	.event-txt01 div {
		line-height: 1.4;
	}


/*----------
		basic
------------*/
.basic-section {
	width: 100%;
}

	.basic-section-ttl {
		font-size: 2.0rem;
		letter-spacing: 4px;
	}

	.basic-section p {
		line-height: 1.8;
	}

	.basic-section ul {
		padding-left: 2em;
	}

	.basic-section ul li {
		list-style-type: disc;
		font-size: 1.5rem;
		line-height: 1.8;
	}

/*----------
		about
------------*/
	.about {
		float: left;
	}

	.about-img {
		text-align: center;
	}

	.about-box01 {
		margin-top: 20px;
	}


/*----------
		contact
------------*/
.contact-box01 {
}

.contact-box02 {
}

.contact-box03 {
	float: left;
	width: 45%;
}

.contact-box04 {
	float: left;
	width: 55%;
	padding: 65px 0 0 0;
}

/*---------
		img
-----------*/
img[src$="logo.png"] {
	width: 300px;
	height: 53px;
}

.qr {
	width: 150px;
	height: 150px;
}

.go-top img {
	width: 60px;
}

}