@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* CSS　Document */

@font-face {
?font-family: "NotoSansCJKjp";
?font-style: normal;
?font-weight: 900;
?src: url('./fonts/notosans-bold.eot');
?src: local('Noto Sans CJK JP Bold'),
?url('./fonts/notosans-bold.eot?#iefix') format('embedded-opentype'),
?url('./fonts/notosans-bold.woff') format('woff'),
?url('./fonts/notosans-bold.otf') format('opentype')
}

html {
  font-size: 62.5%;
  margin: 0 ;
}
body {
	color: #000000;
	font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-size: 1.5em;
  line-height: 1.5;
  margin: 0 auto;
}

#wrapper {
	margin: 0 auto;
	background: #fff;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, ul, li, dl, dd {
  margin: 0;
  padding: 0;
}
h1 {
	position: absolute;
	bottom: 5%;
	right: 0%;
	text-align: right;
	line-height: 2;
}
h1 span {
	background: #fff;
	padding: 3px 10px;
}
h2 {
	text-align: center;
  font-size: 170%;
	line-height: 0.8;
	letter-spacing: 0.1em;
	display: inline-block;
}
p {
  margin: 0 0 1em 0;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul, ol {
  list-style-type: none;
}

.clear { clear:both;}

img {
	vertical-align: bottom;
}

.text_b {
	font-weight: bold;
}
.textarea {
	line-height: 2.2;
	text-align: left;
}
.mb0 {
	margin-bottom: 0;
}
.mb50 {
	margin-bottom: 50px;
}

span.underline {
	background: linear-gradient(transparent 10%, #f5d768 10%);
	font-weight: bold;
	padding: 3px 8px;
	color: #000;
	margin-right: 10px;
	font-size: 90%;
}

.event_close {
	margin-top: 30px;
	font-weight: bold;
	color: #DF0000;
	font-size: 160%;
	line-height: 1.8;
}
.schedule .event_close span {
	font-size: 100%;
}
.schedule .event_close a:hover,
.e_schedule .event_close a:hover {
	text-decoration: underline;
	transform: none;
}
.schedule .event_close a {
	font-size: 100%;
	background: none;
	padding: 0;
	color: #333;
	box-shadow: none;
	margin: 20px auto 0;
	font-weight: bold;
}
.e_schedule .event_close {
	margin: 40px auto 0;
	text-align: center;
	width: 90%;
}
.today_text {
	font-weight: bold; 
	margin: 30px 0 0 0;
}

.balloon {
	background: url(../images/balloon_l.png) left 50% no-repeat,url(../images/balloon_r.png) right 50% no-repeat;
	padding: 0 50px;
	margin: 0 auto 30px;
	font-size: 140%;
	font-weight: bold;
	background-size: contain;
	width: 50%;
}

.alpha img,
.beta img {
	width: 100%;
}

i {
	margin-right: 3%;
}


/* clearfix */
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}

.event_every {
	width: 100%;
	background: #fff;
}
.event_every .inner {
	max-width: 1000px;
	padding: 70px 0;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
}
.event_every .inner p {
	font-size: 160%;
	background: #eee;
	margin: 0 auto;
}
.event_every .inner p a{
	width: 100%;
	display: block;
	padding: 50px 20px;
  box-sizing: border-box;
}
.event_every .inner br {
	display: none;
}
.event_every.bottom .inner {
	padding-bottom: 0;
}


/* main */
#main {
	width: 100%;
	background: url(../images/main.jpg) center center no-repeat;
	text-align: center;
	position: relative;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#main .mainimg {
	overflow: hidden;
	position: relative;
	height: 550px;
	max-width: 1000px;
	margin: 0 auto;
}
#main .logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 13%;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	max-width: 267px;
}
#main h1 span.ctext {
	color: #0075bb;
	background: none;
	padding: 0;
}


/* schedule */
.schedule {
	width: 100%;
	background: #fff;
}
.schedule .inner {
	width: 100%;
	max-width: 1000px;
	padding: 70px 0 100px;
	text-align: center;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	font-weight: bold;
}
.schedule .ttl {
	padding: 0 10px;
	font-size: 220%;
	line-height: 2.3;
	margin-bottom: 20px;
}
.schedule .ttl span {
	border-bottom: 1px solid #000;
	padding: 0 20px 20px;
}
.schedule .ttl br {
	display: none;
}
.schedule .ttl span.underline {
	border: none;
	padding: 3px 12px 2px;
}
.schedule .date {
	font-weight: bold;
	margin: 0;
	font-size: 140%;
}
.schedule .time,
.schedule .place {
	text-align: left;
	font-size: 150%;
	line-height: 1.3;
	margin: 0;
	display: inline-block;
}
.schedule .time {
	margin-right: 30px;
}
.schedule .time span,
.schedule .place span {
	font-size: 70%;
	margin-right: 15px;
}
.schedule .date .bigtext {
	font-size: 400%;
	margin-left: 10px;
}
.schedule .date .smalltext {
	font-size: 80%;
	margin-right: 10px;
}
.schedule a.mail_btn {
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0;
	font-size: 150%;
	text-align: center;
	background: #f08c1e;
	color: #fff;
	display: block;
	margin: 50px auto 0 ;
	font-weight: bold;
}
.schedule a.mail_btn:hover {
	box-shadow: none;
	transform: translate3d(0, 5px, 0);
}


/* block */

.block {
	width: 100%;
	text-align: center;
	padding: 0 0 140px;
}
.block .inner {
	width: 1000px;
	margin: 0 auto;
}
.block h2 {
	padding: 0 20px 40px;
	margin: 0 0 70px 0;
	font-size: 220%;
	display: inline-block;
	border-bottom: 5px solid #000;
}


/* concept */

.concept {
	background: #e9f0f5;
	padding: 100px 0;
}
.concept .imgarea {
	float: right;
	background: #fff;
	width: 45%;
	height: auto;
	box-sizing: border-box;
	padding: 120px 50px;
	text-align: center;
}
.concept .imgarea img {
	width: 100%;
}
.concept .textbox {
	float: left;
	margin: 0 2% 0 0;
	font-size: 120%;
	width: 50%;
}
.concept .box {
	border: 1px solid #0075bb;
	padding: 70px 50px 50px;
	margin: 0 0 70px 0;
	background: #fff url(../images/arrow_bg.png) center top no-repeat;
	background-size: 3%;
	font-size: 120%;
}
.concept .box.end {
	margin-bottom: 0;
}
.concept .box img {
	width: 100%;
	margin-bottom: 40px;
}
.concept h3 {
	padding: 25px 20px;
	margin: 50px 0 0 0;
	color: #fff;
	font-size: 170%;
	background: #0075bb;
	clear: both;
}
.concept #box03 .img_r {
	float: right;
	width: 45%;
	margin: 0 0 2% 5%;
}
.concept #box03 img {
	margin: 0;
}


/* orangezeh */

.orangezeh {
	background: #fff;
	padding: 100px 0;
}
.orangezeh h2 span {
	color: #0075bb;
}
.orangezeh p {
	font-size: 120%;
}
.orangezeh img {
	width: 100%;
	margin-bottom: 50px;
}
.orangezeh h3 {
	background: #e9f0f5;
	padding: 20px 20px;
	margin: 50px 0 40px;
	text-align: left;
	font-size: 120%;
}
.orangezeh a.mail_btn {
	box-sizing: border-box;
	padding: 30px 20px;
	font-size: 120%;
	text-align: center;
	background: #fcf5d9;
	display: block;
	margin: 50px auto 0 ;
	font-weight: bold;
}
.orangezeh a.mail_btn:hover {
	box-shadow: none;
	transform: translate3d(0, 5px, 0);
}
.orangezeh .link {
	margin-bottom: 100px;
}


/* check */

.check h2 {
	margin-bottom: 40px;
	border-bottom: none;
	padding: 0 20px 20px;	
	font-size: 180%;
}
.check .balloon {
	width: 48%;
}
.check ul li {
	float: left;
	width: 48%;
	margin: 0 1% 2%;
	padding: 20px 40px;
	border: 1px dotted #000;
	background: #fff;
	box-sizing: border-box;
	text-align: left;
	font-size: 130%;
}


/* e_schedule */

.e_schedule {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 80px;
  background: #ebebeb;
}
.e_schedule h2 {
	background: #005090;
	padding: 80px 0;
	width: 100%;
	margin: 0 0 50px 0;
	color: #fff;
	font-size: 240%;
	border: none;
}
.e_schedule .detail {
	padding: 60px;
	margin: 0 auto 50px;
	position: relative;
	background: #fff;
	box-sizing: border-box;
}
.e_schedule .event_ttl {
	font-weight: bold;
	font-size: 180%;
	border-bottom: 1px solid #000;
	display: inline-block;
	padding: 5px 20px 20px;
	margin-bottom: 40px;
}
.e_schedule .event_ttl span br {
	display: none;
}
.e_schedule .text_s {
	font-size: 80%;
	text-align: right;
	line-height: 2;
}
.e_schedule .detail .diff {
	margin-bottom: 50px;
}
.e_schedule .detail .diff span {
	border-bottom: 5px solid #9BC3D9;
	padding: 0 10px 10px 10px;
	font-weight: bold;
	font-size: 150%;
}
.e_schedule .staff_commnet .alpha {
	width: 18%;
	margin-right: 2%;
	margin-bottom: 0;
	text-align: left;
	font-size: 90%;
	float: left;
	max-width: 137px;
}
.e_schedule .detail dl {
	margin-bottom: 30px;
}
.e_schedule .detail dl dt{
	float: left;
	width: 20%;
	padding-top: 25px;
	color: #5B6669;
	font-size: 120%;
	font-weight: bold;
}	
.e_schedule .detail dl dd{
	padding-left: 140px;
	border-bottom: 2px dotted #1A1A1A;
	padding-bottom: 25px;
	padding-top: 25px;
	font-size: 140%;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-align: left;
}	
.e_schedule .detail dl dd span {
	font-size: 80%;
	margin-left: 20px;
}
.e_schedule .detail dl dd br {
	display: none;
}
.e_schedule .detail .mail_btn {
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0;
	font-size: 150%;
	text-align: center;
	background: #f08c1e;
	color: #fff;
	display: block;
	margin: 30px 0 0 0 ;
}
.e_schedule .detail .mail_btn:hover {
	box-shadow: none;
	transform: translate3d(0, 5px, 0);
}
.e_schedule .detail .point {
	text-align: left;
	font-size: 110%;
	line-height: 2.2;
}
.e_schedule .detail .point img {
	width: 100%;
	margin-bottom: 30px;
}
.e_schedule .detail .point .ttl {
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	border-top: 2px dotted #1A1A1A;
	padding: 40px 0;
	margin: 0;
}
.e_schedule .detail .point .ttl span {
	font-weight: bold;
	background: linear-gradient(transparent 0%, #C9D3BF 0%);
	padding: 5px 10px;
}
.e_schedule .detail .staff_commnet {
	border: 2px solid #8D8D8D;
	padding: 20px 30px;
	line-height: 2;
	margin: 50px 0 ;
}
.e_schedule .detail .staff_commnet .beta {
	width: 80%;
	float: right;
	text-align: left;
	padding-top: 10px;
}
.e_schedule .detail .staff_commnet .alpha {
	width: 100%;
}
.e_schedule .detail .staff_commnet .ttl span {
	font-weight: bold;
	background: linear-gradient(transparent 0%, #426C18 0%);
	padding: 5px 10px;
	color: #fff;
}
.e_schedule .detail dl dd br {
	display: none;
}
.e_schedule .present {
	padding: 40px 0 0 0 ;
}
.e_schedule .present .ttl,
.e_schedule .s-point .ttl,
.e_schedule .s-point02 .ttl {
	font-weight: bold;
	font-size: 130%;
	line-height: 1.5;
}
.e_schedule .s-point .ttl {
	color: #D88001;
}
.e_schedule .s-point02 .ttl {
	color: #658100;
}
.e_schedule .present .ttl {
	color: #A46F36;
}
.e_schedule .present .alpha,
.e_schedule .present .beta {
	width: 49%;
	text-align: left;
	border: 4px solid #CBCBCB;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 30px;
	font-size: 90%;
}
.e_schedule .present .alpha img,
.e_schedule .present .beta img {
	float: right;
	margin: 0 0 0 10px;
}
.e_schedule .present .alpha img,
.e_schedule .present .beta img {
	width: 40%;
}
.e_schedule .present p {
	margin: 0;
}
.e_schedule .present .alpha span.ttl,
.e_schedule .present .beta span.ttl {
	font-size: 110%;
	color: #A46F36;
}
.e_schedule .s-point {
	background: #F4EFE5;
	padding: 30px 20px;
	margin-bottom: 20px;
}
.e_schedule .s-point02 {
	background: #F6F6E9;
	padding: 30px 20px;
	margin-bottom: 20px;
}
.e_schedule .s-point ul,
.e_schedule .s-point02 ul {
	text-align: left;
	margin: 0 auto;
	width: 90%;
	line-height: 1.8;
	font-size: 110%;
}
.e_schedule .mention {
	margin-bottom: 30px;
}
.e_schedule .mention li {
	float: left;
	margin-right: 2%;
	background: #fff;
	padding: 20px 10px;
	width: 32%;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	font-size: 100%;
	color: #222;
	border: 1px solid #222;
}
.e_schedule .mention li:last-child {
	margin-right: 0;
}
.e_schedule .zeh_all {
	background: #e9f0f5;
	padding: 30px 100px;
	margin: 30px 0 50px;
}
.e_schedule .zeh_all p {
	margin-bottom: 20px;
	border-bottom: 1px dotted #000;
	padding-bottom: 15px;
	font-weight: bold;
	color: #0075bb;
	font-size: 110%;
}
.e_schedule .zeh_all ul {
	float: left;
	text-align: left;
	margin: 0 7%;
}
.e_schedule .zeh_all ul:first-child {
	margin-left: 0;
}
.e_schedule .zeh_all ul li {
	padding-bottom: 5px;
}
.e_schedule .catlog {
	padding: 60px;
	margin: 0 auto 20px;
	position: relative;
	background: #fff;
	box-sizing: border-box;
}
.e_schedule .catlog a.mail_btn {
	box-sizing: border-box;
	padding: 30px 0;
	font-size: 120%;
	text-align: center;
	background: #fcf5d9;
	display: block;
	margin: 30px auto 0 ;
	font-weight: bold;
}
.e_schedule .catlog a.mail_btn:hover {
	box-shadow: none;
	transform: translate3d(0, 5px, 0);
}
.e_schedule .catlog .underline {
	font-size: 100%;
}


/* inquiry */
.inquiry {
	border: 10px solid #ccc;
	background: #fff;
	width: 1000px;
	margin: 90px auto;
	padding: 40px 70px 30px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 100%;
}
.inquiry .ttl {
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
}
.inquiry .ttl span {
	background: #FBD66D;
	padding: 5px 20px;
	letter-spacing: 0;
	margin-right: 20px;
}
.inquiry .tel_btn {
	font-size: 60px;
	letter-spacing: 0;
	line-height: 0.2;
	float: left;
	width: 58%;
}
.inquiry .tel_btn span {
	font-size: 30%;
	padding-left: 65px;
}
.inquiry .mail_btn_y {
	float: left;
	width: 45%;
	border: 4px solid #000;
	box-sizing: border-box;
	padding: 20px 0;
	font-size: 160%;
	text-align: center;
	background: #FBD66D;
	color: #000;
}
.inquiry a.mail_btn_y:hover {
	background: #FDEAB1;
}
.inquiry .mail_btn_p {
	float: left;
	width: 45%;
	border: 4px solid #000;
	box-sizing: border-box;
	padding: 20px 0;
	font-size: 160%;
	text-align: center;
	background: #FFA8AD;
	color: #000;
}
.inquiry a.mail_btn_p:hover {
	background: #FFC6C9;
}
.inquiry .info {
	font-size: 18px;
	float: right;
	width: 37%;
}



/* footer */
footer {
	border-top: 2px solid #000;	
	border-bottom: 2px solid #000;	
	padding: 30px 0;
	font-weight: bold;
	text-align: left;
}
footer .inner {
	width: 1000px;
	margin: 0 auto;
}
footer ul {
	margin: 0 0 20px 0; 
}
footer ul li {
	padding-right: 20px;
	display: table-cell;
	vertical-align: middle;
}
footer ul li:last-child {
	padding-right: 0;
}
footer .alpha {
	float: left;
	background: url(../images/logo.png) left 50% no-repeat;
	background-size: 30%;
	min-height: 128px;
	padding: 30px 0 20px 158px;
}
footer .alpha span {
	font-size: 240%;
}
footer .beta {
	float: right;
	max-width: 470px;
}
footer .beta img {
	width: 100%;
}

footer copy {
	text-align: left;
	font-size: 80%;
	color: #666666;
	font-weight: normal;
}