@charset "utf-8";


/*---------------------------------------------------------------------
content
---------------------------------------------------------------------*/
/* content */
#content{
	position:relative;
	margin:0 auto;
	padding-bottom:10px;
	width: 100%;
	/*border:1px solid #f00;*/
}

@media screen and (min-width:481px) and (max-width:768px) {
/* タブレット */
	#content { width: 100%; }
}
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#content { width: 100%; background-color: #fff; position: relative; }
#content_wrap { }
#navibtn_wrap { top: 5px; }
}


/*---------------------------------------------------------------------
section common
---------------------------------------------------------------------*/
.section { width: 1100px; text-align: center; }
.section h2 { padding-bottom: 17px; }
.section h3 { padding-bottom: 40px; }

a.opa:hover { 
text-decoration: underline;
}
.opa:hover { 
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.fs16 { font-size: 15px; }
.purple { color: #9d0094; }
.italicm { font-weight: normal; font-style: italic; font-size: 30px; }
.italicl { font-weight: normal; font-style: italic; font-size: 47px; line-height: 1.5em; }
.fs18 { font-size: 16px; line-height: 2em; }
.wiki_link { color: #0044CC; text-decoration: underline; }
.wiki_link img { width: 12px; }
.wiki_link_wrap { font-size: 17px; }
.u-line {
    text-decoration: none;
    background: linear-gradient(transparent 70%, rgba(67,191,160,.4) 50%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 1.0s;
}
.bg-bottom,.img-100 { width: 100%; vertical-align: bottom; }

@media screen and (min-width:481px) and (max-width:768px) {
/* タブレット */
.section { width: 100%; }
.italicm { font-weight: normal; font-style: italic; font-size: 18px; }
.italicl { font-weight: normal; font-style: italic; font-size: 28px; line-height: 1.8em; }
.fs18 { font-size: 14px; line-height: 1.8em; }

}

@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
.section { width: 100%; }
.insta-link { position: relative; padding-top: 8px; line-height: 1.5em; }
.insta-link img { width: 18px; position: relative; top: 4px;}
.insta-link a { color: #7ebbad; }
} 

@media screen and (min-width:481px) {
/* PC */
.insta-link { position: relative; top: -71px; line-height: 1.5em; text-align: left; padding-left: 30px; z-index: 10; }
.insta-link img { width: 18px; position: relative; top: 4px;}
.insta-link a { color: #fff; }

}

/*---------------------------------------------------------------------
feture
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#feature { width: 100%; background-color: #f2f6f4; margin-top: 50px; padding-bottom: 13px; }
#feature .ca-title{ width: 160px; top: -20px; position: relative; }
#feature h2 { width: 100%; margin: 0 auto 20px auto; }
#feature h2 img { width: 100%; }
.fs20b { font-size: 20px; font-weight: bold; }
#feature .ca-text { width: 100%; padding: 0 30px; }
#feature .fs20b { padding-left: 20px; }
#feature .ca-text .ca-text-inner { width: 100%; text-align: left; border-bottom: 1px solid #333; margin-bottom: 30px; padding-bottom: 13px; }
#feature .ca-text .ca-text-inner .n-img { width: 20px; }
#feature .ca-text .ca-text-inner .u-line { font-size: 18px; position: relative; left: 5px; }
#feature .ca-text .ca-text-inner .fs16 { margin: 10px 0 20px 0; }
.title-sub { font-size: 15px; margin-top: 10px; }
}

@media screen and (min-width:481px) {
/* PC */
#feature { max-width: 1024px; margin: 0 auto; padding-top: 60px; text-align: left; position: relative; }
#feature .ca-title{ width: 198px; margin-left: 30px; }
#feature .title-sub { margin-left: 30px; }
#feature h2 { width: 80.5%; position: absolute; right: 0; }
#feature h2 img { width: 100%; }
#feature .ca-text { width: 35%; float: left; padding-top: 135px; padding-left: 10px; }
#feature .ca-text .ca-text-inner { width: 100%; text-align: left;  font-size: 13px; border-bottom: 1px solid #333; margin-bottom: 30px; padding-bottom: 13px; }
#feature .ca-text .ca-text-inner .fs20b { font-size: 16px;
font-weight: bold;
padding-left: 10px; }
#feature .ca-text .ca-text-inner .u-line { font-size: 15px; }
#feature .ca-text .ca-text-inner .n-img { width: 20px; }
.title-sub { font-size: 12px; margin-top: 10px; }

}

/*---------------------------------------------------------------------
foryou
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#foryou { width: 100%; padding-top: 40px; }
#foryou .title-sub { font-size: 15px; margin-top: 10px; width: 100%; text-align: center; font-weight: normal; padding-bottom: 0; }
#foryou .ca-title{ width: 126px; }
#foryou .move-img { width: 100%; height: 280px; margin: 20px auto 0 auto; overflow: hidden; padding: 0 30px; text-align: left; }
#foryou .move-img .ca-img { width: 223px; padding: 0; position: relative; z-index: 100; top: 64px; }
#foryou .rellax img { width: 100%; }
#foryou .rellax { position: relative; top: -130px; }
#foryou .ca-text { width: 100%; padding: 20px 30px 0 30px; background-color: #ecf8ed; }
#foryou .ca-text .ca-text-inner { text-align: left; }
#foryou .ca-text .ca-text-inner .p-first { margin-bottom: 20px; }
#foryou .ca-text .ca-text-inner .p-first span { line-height: 1.8em; }
.foryou-ex { width: 100%; }
.foryou-ex .ex-inner { clear: both; }
.foryou-ex .ex-inner p { text-align: left; }
.foryou-ex #ex1 { background: url("../images/top/bg2-1.png") no-repeat; background-size: 100%; }
.foryou-ex #ex1 p { padding: 20px 0 40px 30px; }
.foryou-ex #ex2 { background: url("../images/top/bg2-2.png") no-repeat; background-size: 100%; }
.foryou-ex #ex2 p { padding: 13px 0 40px 86px; }
.foryou-ex #ex3 { background: url("../images/top/bg2-3.png") no-repeat; background-size: 100%; }
.foryou-ex #ex3 p { padding: 24px 0 40px 39px; }
.foryou-ex #ex4 { background: url("../images/top/bg2-4.png") no-repeat; background-size: 100%; }
.foryou-ex #ex4 p { padding: 10px 0 40px 158px }
#foryou .img-box { padding: 30px 30px 20px 30px; }
#foryou .img-box img { width: 100%;}
#foryou .foryou-ex2 { padding: 0 30px; }
#foryou .foryou-ex2 .title-center { font-size: 20px; }
#foryou .foryou-ex2 .title-center img { width: 29px; position: relative; top: 5px; right: -4px; }
#foryou .foryou-ex2 .border-box { width: 100%; margin-top: 15px; text-align: left; border: 1px solid #333; padding: 15px; margin-bottom: 20px; }
#foryou .foryou-ex2 .border-box h3 { height: auto; margin: 0; width: 100%; text-align: center; }
#foryou .foryou-ex2 .border-box p { font-size: 15px; margin-top: 10px; text-align: center; }
#foryou .foryou-ex2 .p-first { margin-bottom: 20px; text-align: left; }
#foryou .foryou-ex2 .p-first span { line-height: 1.8em; }
#foryou .foryou-ex2 .border-box h3 { padding-bottom: 0; }
}
@media screen and (min-width:481px) {
/* PC */
#foryou { max-width: 1024px; padding-top: 100px; margin: 0 auto; text-align: left; }
#foryou .title-sub { font-size: 12px; margin-top: 10px; width: 100%; text-align: left; font-weight: normal; padding-bottom: 0; margin-left: 30px; }
#foryou .ca-title{ width: 189px; margin-left: 30px; }
#foryou .move-img { width: 60%; float: left; height: 435px; margin: 30px auto 0 auto; overflow: hidden; padding-right: 30px; text-align: left; }
#foryou .move-img .ca-img { width: 100%; padding: 0; position: relative; z-index: 100; top: 64px; }
#foryou .rellax img { width: 100%; }
#foryou .rellax { position: relative; top: -567px; }
#foryou .ca-text { width: 100%; height: 435px; padding: 30px 30px 0 30px; margin-top: 30px; background-color: #ecf8ed; }
#foryou .ca-text .ca-text-inner { text-align: left; }
#foryou .ca-text .ca-text-inner .p-first { margin-bottom: 20px; }
#foryou .ca-text .ca-text-inner .p-first span { line-height: 1.8em; }
.foryou-ex { width: 40%; float: left; }
.foryou-ex .ex-inner { clear: both; }
.foryou-ex .ex-inner p { text-align: left; }
.foryou-ex #ex1 { background: url("../images/top/bg2-1.png") no-repeat; background-size: 100%; width: 430px; }
.foryou-ex #ex1 p { padding: 20px 0 40px 30px; }
.foryou-ex #ex2 { background: url("../images/top/bg2-2.png") no-repeat; background-size: 100%; width: 430px; }
.foryou-ex #ex2 p { padding: 13px 0 40px 86px; }
.foryou-ex #ex3 { background: url("../images/top/bg2-3.png") no-repeat; background-size: 100%; width: 430px; }
.foryou-ex #ex3 p { padding: 24px 0 40px 39px; }
.foryou-ex #ex4 { background: url("../images/top/bg2-4.png") no-repeat; background-size: 100%; width: 430px; }
.foryou-ex #ex4 p { padding: 10px 0 40px 158px }
#foryou .img-box { padding: 30px 30px 20px 30px; width: 60%; float: left; }
#foryou .img-box img { width: 100%;}
#foryou .foryou-ex2 { padding: 30px 0; clear: both; text-align: center; }
#foryou .foryou-ex2 .title-center { font-size: 18px; }
#foryou .foryou-ex2 .title-center img { width: 29px; position: relative; top: 5px; right: -4px; }
#foryou .foryou-ex2 .border-box { width: 50%; margin: 20px auto 0 auto; text-align: left; border: 1px solid #333; padding: 15px; margin-bottom: 20px; }
#foryou .foryou-ex2 .border-box h3 { height: auto; margin: 0; width: 100%; text-align: center; }
#foryou .foryou-ex2 .border-box p { margin-top: 10px; }
#foryou .foryou-ex2 .border-box p.fs16 { text-align: center; }
#foryou .foryou-ex2 .p-first { margin: 30px auto 20px auto;; text-align: center; }
#foryou .foryou-ex2 .p-first span { line-height: 1.8em; }
#foryou .foryou-ex2 .border-box h3 { padding-bottom: 0; }
}
/*---------------------------------------------------------------------
trainer
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#trainer { width: 100%; padding-top: 40px; margin-top: 40px; background-color: #f8fff0; }
#trainer .ca-title{ width: 132px; }
#trainer .profile { clear: both; width: 100%; margin-top: 25px; margin-bottom: 30px; position: relative; }
#trainer .profile.karin { margin-bottom: 0; }
#trainer .profile .img-left { width: 186px; position: absolute; top: 0; left: 0; }
#trainer .profile .img-right { width: 186px; position: absolute; top: 0; right: 0; }
#trainer .profile .text-right { padding: 10px 15px 0 150px; width: 100%; text-align: left; z-index: 10; position: relative; }
#trainer .profile .text-left { padding: 10px 15px 0 15px; width: 100%; text-align: left; z-index: 10; position: relative; }
#trainer .karin .img-name { width: 178px; }
#trainer .karin span { font-size: 11px; }
#trainer .karin p { padding-top: 10px; }
#trainer .profile .p-bottom { padding: 15px 15px; text-align: left; }
#trainer .ayaka .img-name { width: 84px; }
#trainer .ayaka span { font-size: 11px; }
#trainer .ayaka p { padding-top: 10px; }
#trainer .ayana .img-name { width: 86px; }
#trainer .ayana span { font-size: 11px; }
#trainer .ayana p { padding-top: 10px; }
#trainer .misuzu .img-name { width: 93px; }
#trainer .misuzu span { font-size: 11px; }
#trainer .misuzu p { padding-top: 10px; }
.trainer-ex { padding: 0 30px; }
.trainer-ex .title-center { font-size: 18px; margin-bottom: 20px; }
.trainer-ex .title-center img { width: 29px; position: relative; top: 5px; right: -4px; }
.trainer-ex .p-first { margin-bottom: 20px; text-align: left; font-size: 16px; }
.trainer-ex .p-first span { line-height: 1.8em; }
}
@media screen and (min-width:481px) {
/* PC */
#trainer { max-width: 1024px; padding-top: 50px; margin: 0 auto; background-color: #f8fff0; text-align: left; }
#trainer .ca-title{ width: 186px; margin-left: 30px; }
#trainer .title-sub { margin-left: 30px; }
#trainer .profile { width: 100%; margin-top: 25px; margin-bottom: 30px; position: relative; }
#trainer .profile.misuzu { margin-bottom: 0; }
#trainer .profile .img-left { width: 300px; position: absolute; top: 0; left: 0; }
#trainer .profile .img-right { width: 300px; position: absolute; top: 0; left: 0; }
#trainer .profile .text-right { padding: 10px 15px 0 320px; width: 100%; text-align: left; z-index: 10; position: relative; }
#trainer .profile .text-left { padding: 10px 15px 0 320px; width: 100%; text-align: left; z-index: 10; position: relative; }
#trainer .karin .img-name { width: 178px; }
#trainer .karin span { font-size: 11px; }
#trainer .karin p { padding-top: 10px; }
#trainer .profile .p-bottom { padding: 15px 15px 15px 320px; text-align: left; }
#trainer .ayaka .img-name { width: 84px; }
#trainer .ayaka span { font-size: 11px; }
#trainer .ayaka p { padding-top: 10px; }
#trainer .ayana .img-name { width: 86px; }
#trainer .ayana span { font-size: 11px; }
#trainer .ayana p { padding-top: 10px; }
#trainer .misuzu .img-name { width: 93px; }
#trainer .misuzu span { font-size: 11px; }
#trainer .misuzu p { padding-top: 10px; }
.bg-bottom { max-width: 1024px; margin: 0 auto; }
.trainer-ex { padding: 0 30px; width: 530px; margin: 0 auto; }
.trainer-ex .title-center { font-size: 16px; margin-bottom: 20px; }
.trainer-ex .title-center img { width: 29px; position: relative; top: 5px; right: -4px; }
.trainer-ex .p-first { margin-bottom: 20px; text-align: left; }
.trainer-ex .p-first span { line-height: 1.8em; }

}

/*---------------------------------------------------------------------
facility
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#facility { width: 100%; padding-top: 40px; margin-top: 40px; background-color: #fef8f9; }
#facility .ca-title{ width: 120px; }
#facility .title-sub { margin-bottom: 20px; }
#facility .ca-text { width: 100%; padding: 20px 30px 10px 30px; text-align: left; }
#facility .ca-text .n-img { width: 20px; }
#facility .ca-text p { margin: 5px 0 15px 0; font-size: 16px; }
}
@media screen and (min-width:481px) {
/* PC */
#facility { max-width: 1024px; padding-top: 50px; margin: 0 auto; margin-top: 50px; background-color: #fef8f9; text-align: left; padding-bottom: 20px; }
#facility .ca-title{ width: 180px; margin-left: 30px; }
#facility .title-sub { margin-left: 30px; margin-bottom: 20px; }
#facility .ca-text { width: 50%; float: left; padding: 20px 30px 30px 30px; text-align: left; }
#facility .ca-text .n-img { width: 20px; }
#facility .ca-text p { margin: 5px 0 15px 0; }
#facility .ca-text.ca-text-pos { position: relative; top: 126px; }
}

/*---------------------------------------------------------------------
method
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#method { width: 100%; margin-top: 40px; }
#method .ca-title{ width: 130px; }
#method .title-sub { margin-bottom: 20px; }
#method .ca-text { width: 100%; padding: 20px 30px 10px 30px; text-align: left; }
#method .ca-text p { margin: 5px 0 15px 0; font-size: 16px; }
}
@media screen and (min-width:481px) {
/* PC */
#method { max-width: 1024px; padding-top: 100px; margin: 0 auto; text-align: left; padding-bottom: 20px; }
#method .ca-title{ width: 195px; margin-left: 30px; }
#method .title-sub { margin-left: 30px; margin-bottom: 20px; }
#method .img-100 { width: 50%; float: left; }
#method .ca-text { width: 50%; float: left; padding: 0 0 0 20px; text-align: left; }
#method .ca-text p { margin: 5px 0 15px 0; }
}

/*---------------------------------------------------------------------
courses
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#courses { width: 100%; margin-top: 30px; }
#courses .ca-title{ width: 133px; }
#courses .title-sub { margin-bottom: 20px; }
#courses .course-wrap { width: 100%; padding: 0 25px; }
#courses .course-wrap.wh { padding-bottom: 0; }
#courses .course-wrap.on-bg { background-color: #ecf8ed; }
#courses .course-wrap .title-center { font-size: 18px; font-weight: bold; color: #156a53; padding-top: 20px; }
#courses .course-wrap .title-center img { width: 29px; position: relative; top: 5px; right: -4px; }
#courses .course-wrap .disc-box-w { width: 100%; padding: 15px; background-color: #fff; font-size: 16px; text-align: left; margin-top: 15px; box-shadow: 0 0 8px rgba(0,0,0,0.2); }
#courses .course-wrap .disc-box-w.green { background-color: #ecf8ed; }
#courses .course-wrap .price { width: 100%; margin-top: 15px; font-size: 15px; }
#courses .course-wrap .price th,#courses .course-wrap .price td { text-align: left; color: #156a53; }
#courses .course-wrap .price td { padding-left: 5px; }
#courses .course-wrap .notice { margin-top: 10px; font-size: 13px; text-align: left; }
#courses .course-wrap .notice span { font-size: 13px; }
#courses .course-wrap .border-box { width: 100%; margin-top: 25px; font-size: 15px; text-align: left; border: 1px solid #333; padding: 15px; }
#courses .course-wrap .price.yoga .td-title { padding-left: 0; font-weight: bold; }
#courses .course-wrap .price.yoga .td-price { width: 25%; }
#courses .course-wrap .w100 { margin-top: 20px; }
}
@media screen and (min-width:481px) {
/* PC */
#courses { clear: both; max-width: 1024px; padding-top: 100px; margin: 0 auto; text-align: left; padding-bottom: 20px; }
#courses .ca-title{ width: 200px; margin-left: 30px; }
#courses .title-sub { margin-left: 30px; margin-bottom: 20px; }
#courses .course-wrap { width: 100%; padding: 0 25px; }
#courses .course-wrap.wh { padding-bottom: 0; }
#courses .course-wrap.on-bg { background-color: #ecf8ed; }
#courses .course-wrap .title-center { font-size: 16px; font-weight: bold; color: #156a53; padding-top: 20px; width: 600px; margin: 0 auto; }
#courses .course-wrap .title-center img { width: 29px; position: relative; top: 5px; right: -4px; }
#courses .course-wrap .disc-box-w { width: 100%; padding: 15px; background-color: #fff; text-align: left; width: 600px; margin: 0 auto; margin-top: 15px; box-shadow: 0 0 8px rgba(0,0,0,0.2); }
#courses .course-wrap .disc-box-w.green { background-color: #ecf8ed; }
#courses .course-wrap .price { width: 600px; margin: 0 auto; margin-top: 15px; }
#courses .course-wrap .price th,#courses .course-wrap .price td { text-align: left; color: #156a53; }
#courses .course-wrap .price td { padding-left: 5px; }
#courses .course-wrap .notice { width: 600px; margin: 0 auto; margin-top: 10px; text-align: left; }
#courses .course-wrap .notice span { font-size: 13px; }
#courses .course-wrap .border-box { width: 600px; margin: 0 auto; margin-top: 25px; text-align: left; border: 1px solid #333; padding: 15px; }
#courses .course-wrap .price.yoga .td-title { padding-left: 0; font-weight: bold; }
#courses .course-wrap .price.yoga .td-price { width: 25%; }
#courses .course-wrap .w100 { width: 600px; margin-left: 187px; margin-top: 20px; }

}

/*---------------------------------------------------------------------
voices
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#voices { width: 100%; margin-top: 40px; }
#voices .ca-title{ width: 111px; }
#voices .title-sub { margin-bottom: 20px; }
#voices .voice-wrap { padding: 0 30px; width: 100%; }
#voices .voice-wrap .voice-inner { clear: both; width: 100%; text-align: left; font-size: 15px; }
#voices .voice-wrap .voice-inner .voice-img1 { width: 135px; float: left; margin: 0 10px 0 0; }
#voices .voice-wrap .voice-inner .voice-img1 img { vertical-align: bottom; }
#voices .voice-wrap .voice-inner .voice-title { padding-left: 145px; font-weight: bold; color: #156a53; }
#voices .voice-wrap .voice-inner .voice-age { font-weight: bold; line-height: 2em; }
#voices .voice-wrap .leaf-center { padding: 20px 0 15px 0; }
#voices .voice-wrap .leaf-center img { width: 28px; }
#voices .voice-wrap .ba { padding-top: 20px; }
#voices .voice-wrap .ba p { color: #156a53; font-weight: bold; font-size: 16px; }
#voices .voice-wrap .ba .vo-ar { width: 95px; }
#voices .voice-wrap .ba .ba-img { max-width: 304px; padding-top: 5px; }
}

#voices .voice-wrap .voice-inner .voice-age.woman {
    text-decoration: none;
    background: linear-gradient(transparent 70%, rgba(242, 167, 181,.4) 50%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: background-size 1.0s;
}

@media screen and (min-width:481px) {
/* PC */
#voices { clear: both; max-width: 1024px; padding-top: 100px; margin: 0 auto; text-align: left; padding-bottom: 20px; }
#voices .ca-title{ width: 167px; margin-left: 30px; }
#voices .title-sub { margin-left: 30px; margin-bottom: 20px; }
#voices .vo-woman,#voices .vo-man { width: 100%; float: left; }
#voices .voice-wrap { padding: 0; width: 100%; margin: 0 auto; }
#voices .voice-wrap .voice-inner { clear: both; width: 100%; text-align: left; min-height: 200px; margin-bottom: 30px; }
#voices .voice-wrap .vo-woman .voice-inner { padding-right: 20px; }
#voices .voice-wrap .voice-inner .voice-img1 { width: 200px; float: left; margin: 0 10px 0 0; }
#voices .voice-wrap .voice-inner .voice-img1 img { vertical-align: bottom; width: 100%; }
#voices .voice-wrap .voice-inner .voice-title { padding-left: 145px; font-weight: bold; color: #156a53; }
#voices .voice-wrap .voice-inner .voice-age { font-weight: bold; line-height: 2em; }
#voices .voice-wrap .leaf-center { padding: 20px 0 15px 0; text-align: center; }
#voices .voice-wrap .leaf-center img { width: 28px; }
#voices .voice-wrap .ba { width: 100%; margin: 0 auto; padding: 20px; text-align: center; }
#voices .voice-wrap .vo-woman .ba { padding: 20px 30px 20px 10px; }
#voices .voice-wrap .ba p { color: #156a53; font-weight: bold;}
#voices .voice-wrap .ba .vo-ar { width: 95px; text-align: center; }
#voices .voice-wrap .ba .ba-img { width: 100%; padding-top: 5px; }
#voices .voice-wrap .ba .ba-img img { width: 100%; }
}

/*---------------------------------------------------------------------
qa
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#qa { width: 100%; padding-top: 30px; background-color: #f9fff1; margin-top: 30px; }
#qa .ca-title{ width: 73px; }
#qa .title-sub { margin-bottom: 20px; }
#qa .qa-wrap { padding: 0 20px; width: 100%; padding-bottom: 15px; }
#qa .qa-wrap .qa-inner { width: 100%; background-color: #fff; padding: 15px 10px; text-align: left; border-radius: 10px; margin-bottom: 15px; font-size: 16px; }
#qa .qa-wrap .qa-inner .q { font-weight: bold; }
#qa .qa-wrap .qa-inner .q img { width: 14px; position: relative; top: 2px; margin-right: 5px; }
#qa .qa-wrap .qa-inner .ans { width: 100%; margin-top: 10px; }
#qa .qa-wrap .qa-inner .ans table .td-img { width: 14px; padding-right: 5px; }
#qa .qa-wrap .qa-inner .ans table .td-img img { position: relative; top: 2px; }
#qa .qa-wrap .qa-inner .qa-img { padding: 15px 18px 0 18px; }
}
@media screen and (min-width:481px) {
/* PC */
#qa { clear: both; max-width: 1024px; padding-top: 50px; background-color: #f9fff1; margin: 0 auto; text-align: left; padding-bottom: 20px; }
#qa .ca-title{ width: 110px; margin-left: 30px; }
#qa .title-sub { margin-left: 30px; margin-bottom: 20px; }
#qa .qa-wrap { padding: 0 20px; width: 600px; margin: 0 auto; padding-bottom: 15px; }
#qa .qa-wrap .qa-inner { width: 100%; background-color: #fff; padding: 15px 10px; text-align: left; border-radius: 10px; margin-bottom: 15px; }
#qa .qa-wrap .qa-inner .q { font-weight: bold; }
#qa .qa-wrap .qa-inner .q img { width: 14px; position: relative; top: 2px; margin-right: 5px; }
#qa .qa-wrap .qa-inner .ans { width: 100%; margin-top: 10px; }
#qa .qa-wrap .qa-inner .ans table .td-img { width: 14px; padding-right: 5px; }
#qa .qa-wrap .qa-inner .ans table .td-img img { position: relative; top: 2px; }
#qa .qa-wrap .qa-inner .qa-img { padding: 15px 18px 0 18px; }
.w100 { width: 100%; }
}

/*---------------------------------------------------------------------
lets try
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#try { width: 100%; padding-top: 40px; background-color: #f1fbe3; }
#try .ca-title{ width: 159px; }
#try .try-wrap { width: 100%; text-align: left; }
#try .try-wrap .title-center { font-size: 18px; font-weight: bold; color: #156a53; padding-top: 20px; width: 100%; text-align: center; }
#try .try-wrap .title-center img { width: 29px; position: relative; top: 5px; right: -4px; }
#try .try-wrap .try-inner { width: 100%; clear: both; margin-top: 20px; font-size: 16px; }
#try .try-wrap .try-inner .disp_sp { display: inline-block; }
#try .try-wrap .try-inner .box-left { width: 38%; float: right; }
#try .try-wrap .try-inner .box-left img { width: 100%; }
#try .try-wrap .try-inner .box-right { width: 62%; float: right; padding: 0 5px 0 20px; }
#try .try-wrap .try-inner.training .box-right { width: 62%; float: right; padding: 0 10px; }
#try .try-wrap .try-inner .box-right p { margin-bottom: 15px; }
#try .try-wrap .try-inner .no-g { width: 16px; }
#try .try-wrap .try-inner.wide { padding: 5px 20px 20px 20px; margin-top: 0; }
#try .try-wrap .try-inner.wide p { margin-bottom: 15px; }
#try .try-wrap .btn-wrap { width: 100%; clear: both; padding-top: 10px; }
#try .try-wrap .btn-wrap img { width: 100%; }
.w100.zindex { z-index: 100; position: relative; }
.w100.zindex.gr { top: -100px; }
#try-ex { width: 100%; text-align: left; padding: 50px 0; background: url("../images/top/bg-w2.jpg") no-repeat; background-size: cover; position: relative; top: -44px; }
#try-ex .ex-inner { padding: 0 20px; font-size: 16px; }
}
@media screen and (min-width:481px) {
/* PC */
#try { clear: both; max-width: 1024px; padding-top: 50px; background-color: #f1fbe3; margin: 0 auto; text-align: left; padding-bottom: 20px; }
#try .ca-title{ width: 239px; margin-left: 30px; }
#try .title-sub { margin-left: 30px; margin-bottom: 20px; }
#try .try-wrap { width: 600px; margin: 0 auto; text-align: left; }
#try .try-wrap .title-center { font-size: 16px; font-weight: bold; color: #156a53; padding-top: 20px; width: 100%; text-align: center; }
#try .try-wrap .title-center img { width: 29px; position: relative; top: 5px; right: -4px; }
#try .try-wrap .title-center.taiken { margin-top: 20px; }
#try .try-wrap .try-inner { width: 100%; clear: both; margin-top: 20px; }
#try .try-wrap .try-inner .box-left { width: 38%; float: right; }
#try .try-wrap .try-inner .box-left img { width: 100%; }
#try .try-wrap .try-inner .box-right { width: 62%; float: right; padding: 0 5px 0 20px; }
#try .try-wrap .try-inner.training .box-right { width: 62%; float: right; padding: 0 10px; }
#try .try-wrap .try-inner .box-right p { margin-bottom: 15px; }
#try .try-wrap .try-inner .no-g { width: 16px; }
#try .try-wrap .try-inner.wide { padding: 5px 20px 20px 20px; }
#try .try-wrap .try-inner.wide p { margin-bottom: 15px; }
#try .try-wrap .btn-wrap { width: 100%; clear: both; padding-top: 10px; text-align: center; }
#try .try-wrap .btn-wrap img { width: 70%; }
.w100.zindex { z-index: 100; position: relative; max-width: 1024px; }
.w100.zindex.gr { top: -100px; }
#try-ex { max-width: 1024px; margin: 0 auto; text-align: left; padding: 50px 0; background: url("../images/top/bg-w2.jpg") no-repeat; background-size: cover; position: relative; top: -44px; }
#try-ex .ex-inner { padding: 0 212px; }

}
/*---------------------------------------------------------------------
entry
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#tag-entry { position: relative; top: -170px; }
#entry { width: 100%; padding-top: 0; background-color: #f1fbe3; position: relative; top: -110px; z-index: 101; padding-bottom: 30px; }
#entry .ca-title{ width: 87px; }
#entry .title-sub { margin-bottom: 20px; }
 form table { width: 100%; margin: 30px 0 10px 0; }
 form table,
 form table tbody,
 form table tr,
 form table th,
 form table tr,
 form table td { display: block; }
 form table th { width: 90%; text-align: left; vertical-align: top; padding: 0 5%; font-weight: bold; font-size: 15px; }
 form table td { width: 90%; text-align: left; vertical-align: top; padding: 2% 5% 20px 5%; font-size: 15px; }
 form table th.mast { background: url("../images/info/icon_mast.png") no-repeat right 8% top; }
 form table th.mast { background-position: { right: 5% !important; } }
 form table td label { margin-right: 0; }
 form table td select,
 form table td option { font-size: 16px; }
 form table td input { font-size: 16px; margin-right: 0; margin-bottom: 10px; }
 form table td input.radio { margin-right: 5px; }
 form table td input.text { width: 90%; height: 20px; padding: 3% 5%; }
 form table td textarea { width: 90%; height: 100px; padding: 3% 5%; font-size: 16px; }
 form .btn_input { width: 100%; }
.sample input{
	display: none;
}
.sample label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 10px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 16px;
	text-align: center;
	line-height: 1;
}
.sample label::before {
    position: absolute;
    content: "";
    top: 50%;
    left: -16px;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    background: #bdc3c7;
    border-radius: 50%;
}
.sample input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -12px;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-radius: 50%;
	background: #f9cd10;
}

.sample label { font-size: 16px; padding: 7px 10px; }
.sample #label1 { margin-top: 5px; }
#btn-bottom { width: 100%; z-index: 999; position: fixed; bottom: 0; opacity: 0; padding: 5px 0 12px 0; }
#btn-bottom img { width: 100%; vertical-align: bottom; }
#bottom-bg { width: 100%; height: 60px; background-color: #d9f4e8; position: absolute; bottom: 0; }
#error_msg span { color: #ee8787; }
.entry-policy { padding: 0 30px 20px 30px; }
.entry-policy .p-1 { width: 100%; text-align: center; color: #156a53; margin-bottom: 5px; }
.entry-policy .p-2 { width: 100%; text-align: left; }
}
@media screen and (min-width:481px) {
/* PC */
#entry { max-width: 1024px; margin: 0 auto; padding-top: 0; background-color: #f1fbe3; position: relative; top: -110px; z-index: 101; padding-bottom: 60px; }
#entry .ca-title{ width: 131px; margin-left: 30px; }
#entry .title-sub { margin-bottom: 20px; margin-left: 30px; }
 
#entry form { width: 600px; margin: 0 auto; }
 form table { width: 100%; margin: 30px 0 10px 0; }
 form table,
 form table tbody,
 form table tr,
 form table th,
 form table tr,
 form table td { display: block; }
 form table th { width: 90%; text-align: left; vertical-align: top; padding: 0 5%; font-weight: bold; font-size: 15px; }
 form table td { width: 90%; text-align: left; vertical-align: top; padding: 2% 5% 20px 5%; font-size: 15px; }
 form table th.mast { background: url("../images/info/icon_mast.png") no-repeat right 20px top; }
 form table th.mast { background-position: { right: 5% !important; } }
 form table td label { margin-right: 0; }
 form table td select,
 form table td option { font-size: 16px; }
 form table td input { font-size: 16px; margin-right: 0; margin-bottom: 10px; }
 form table td input.radio { margin-right: 5px; }
 form table td input.text { width: 100%; height: 20px; padding: 8px; }
 form table td textarea { width: 100%; height: 100px; padding: 8px; font-size: 16px; }
 form .btn_input { width: 100%; }
.sample input{
	display: none;
}
.sample label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 10px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 16px;
	text-align: center;
	line-height: 1;
}
.sample label::before {
    position: absolute;
    content: "";
    top: 50%;
    left: -16px;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    background: #bdc3c7;
    border-radius: 50%;
}
.sample input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -12px;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-radius: 50%;
	background: #f9cd10;
}

.sample label { font-size: 14px; padding: 7px 10px; }
.sample #label1 { margin-top: 5px; }
#btn-bottom { width: 400px; z-index: 999; position: fixed; bottom: 0; right: 20px; opacity: 0; padding: 5px 0 12px 0; }
#btn-bottom img { width: 100%; vertical-align: bottom; }
#bottom-bg { width: 100%; height: 60px; background-color: #d9f4e8; position: absolute; bottom: 0; }
#error_msg span { color: #ee8787; }
.entry-policy { padding: 0 30px 20px 30px; }
.entry-policy .p-1 { width: 100%; text-align: center; color: #156a53; margin-bottom: 5px; }
.entry-policy .p-2 { width: 100%; text-align: left; }



}

/*---------------------------------------------------------------------
lnk
---------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width: 480px) {
.link { width: 100%; text-align: center; position: relative; top: -60px; }
.link .linkp1 { font-weight: bold; font-size: 20px; margin-bottom: 15px; color: #333; }
.link .linkp2 a { font-weight: bold; font-size: 20px; color: #333; }
.link .linkp2 img { width: 20px; position: relative; top: 3px; margin-right: 5px; }
.link span { font-size: 15px; }
.link .linkp3 { margin-top: 20px; }
.link .linkp3 a { color: #8aa99e; }
.link .linkp3 img { width: 20px; position: relative; top: 3px; margin-right: 5px; }
.link .btn-line { width: 100%; text-align: center; margin-top: 40px; }
.link .btn-line img { width: 60%; }
#navi_inner .btn-line { clear: both; width: 100%; text-align: center; padding-top: 20px; }
#navi_inner .btn-line img { width: 70%; }
.link.link1 { top: 0; margin-top: 30px; }
.link.link1 .linkp2 { margin-top: 20px; margin-bottom: 15px; }
}
@media screen and (min-width:481px) {
/* PC */
.link { width: 100%; text-align: center; position: relative; padding-top: 60px; }
.link .linkp1 { font-weight: bold; font-size: 15px; margin-bottom: 15px; color: #333; }
.link .linkp2 a { font-weight: bold; font-size: 15px; color: #333; }
.link .linkp2 img { width: 20px; position: relative; top: 3px; margin-right: 5px; }
.link span { font-size: 11px; }
.link .linkp3 { margin-top: 20px; }
.link .linkp3 a { color: #8aa99e; }
.link .linkp3 img { width: 20px; position: relative; top: 3px; margin-right: 5px; }
.link .btn-line { width: 400px; margin: 0 auto; text-align: center; margin-top: 40px; }
.link .btn-line img { width: 60%; }
#navi_inner .btn-line { clear: both; width: 100%; text-align: center; padding-top: 20px; }
#navi_inner .btn-line img { width: 70%; }

}


/* ポップアップ */
.layer {
    display: none;  /* 初期表示は非表示 */
    position: absolute; 
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.7;
    z-index: 99999;
}
.popup {
    display: none;  /* 初期表示は非表示 */
    position: absolute; 
    top: 50px;
	left: 0;
	right: 0;
	margin: auto;
    width: 80%;
    height: auto;
    background-color: white;
    border-radius: 5px;
    text-align: left;
    z-index: 100000;
    padding: 15px 20px;
}


/*---------------------------------------------------------------------
section_map
---------------------------------------------------------------------*/
.gold { color: #b07e2f; font-weight: bold; }
#map_p { text-align: center; font-weight: bold; padding-left: 40px; }
#map_p img { width: 100%; }
#section_map{
	margin-top:60px;
	width:100%;
	line-height:1.5;
}
	#map_custmomize{
		max-width:1200px;
		height:400px;
		margin:30px auto 10px auto;
	}
    #map_custmomize_tenjin{
		max-width:1200px;
		height:400px;
		margin:30px auto 10px auto;
	}
    #map_custmomize_kitamikata{
		max-width:1200px;
		height:400px;
		margin:30px auto 10px auto;
	}

	#googleLink{
		text-align:right;
		margin-right:5px; position: relative; top: -20px;
	}



table#address { margin: 0 auto; text-align: left; line-height: 2em; letter-spacing: 1px; }
table#address a { text-decoration: underline; }
table#address #right { padding-left: 60px; }
table#address #address_inner { margin-top: 1em; }
table#address #address_inner td { width: 120px; margin-top: text-align: left; }

@media screen and (min-width:481px) and (max-width:768px) {
/* タブレット */
	#map_custmomize{
		width:100%;
		height:400px;
		margin:30px auto 10px auto;
	}
}
@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
#map_custmomize{
		width:100%;
		height:300px;
		margin:30px auto 10px auto;
	}
.sp_map { width: 100%; }
.sp_map img { width: 100%; }
.sp_map p { font-size: 14px; width: 97%; margin: 5px auto 8px auto; text-align: right; padding-right: 3%; text-decoration: underline; }

}