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

.top-mv{
	width:100%;box-sizing: border-box;margin:30px auto;max-width:1150px;
}
.top-mv:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.top-mv-l{float:left;width:48%;margin:0 2% 0 0;}
.top-mv-r{float:left;width:48%;margin:0 0 0 2%;}
.top-mv-c{width:50%;margin:0 auto;}
.top-mv-click{text-align: right;}
.top-mv-click2{text-align: center;}

.top-mv-l img{width:100%;height:auto;}

@media (max-width: 767px) { /* forSMP */
.top-mv h2 img{width:100%;height:auto;}
.top-mv-c{width:90%;margin:0 auto;}
}


.btn:hover{opacity:0.7;transition:0.5s}

.header-btn,.header-btn-n{float:right;}
.header-btn ul,.header-btn-n ul{list-style:none;display:inline-block;}
.header-btn ul li{float:left;padding:20px 10px 0 10px;}
.header-btn-n ul li{float:left;padding:10px 10px 0 10px;}

.ft-c{
float:none !important;
margin-right:auto;
margin-left:auto;
}

body{font-family: "Noto Sans Japanese";}
.wf-sawarabimincho { 
	font-family: "Sawarabi Mincho";
}

/* template custom */
.w-dropdown-toggle a {
	text-decoration:none;
	color:#FFF;
	display:block;
}

.w-dropdown-toggle a:hover {
	text-decoration:underline;
	color:#FFF;
}

@media screen and (max-width: 991px) {
	.w-dropdown-toggle a:hover {
	color:#666;
	}
}




.hero-section.seminar {
    height: 250px;
    padding-top: 0px;
    padding-bottom: 100px;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .32), rgba(0, 0, 0, .32)), url('/img/bg-seminar.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .32), rgba(0, 0, 0, .32)), url('/img/bg-seminar.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}


@media screen and (max-width: 1280px) {	
	.hero-section.seminar {
    height: 300px;
	}
}




#sub .hero-section h1 {
	text-align:center;
	color:#fff;
	text-shadow: 0px 0px 3px #999, 0px 0px 10px #fff, 0px 0px 20px #fff, 0px 0px 30px #666;
	padding: 28px 0 0 0;
	font-size:32px;
	letter-spacing: 8px;
	font-weight: normal;
}







.hero-heading.in.white.center.all-caps {
    font-family: "Sawarabi Gothic";
}


.blockWhite {
    border-radius: 0px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
	background-color: #fff;
	padding: 20px;
}

.hC {
	width: 90%;
	margin: 0 auto;
	padding: 8px 0;
	font-family: sans-serif;
	font-size: 14px;
	color: #993300;
}
.heading {
  margin: 10px 0
}
.hCompany .heading {
  padding: 15px 5px;
  margin: 10px -20px;
  border: solid 3px #993300;
  position:relative;
  text-align: center;
  border-radius: 3px;
  background: #fff;
}
.hCompany .heading:after,
.hCompany .heading:before {
  content: '';
  position: absolute;
  bottom: -7px;
  background: #3cb3e4;
  border: solid 2px #993300;
  width: 25px;
  height: 20px;
  z-index: -1;
}
.hCompany .heading:after {
     left: 2px;
     transform: rotate(120deg);
}
.hCompany .heading:before {
    right: 2px;
    transform: rotate(60deg);
}

.learn-more-link.space.beige.full-orange {
    background-color: #996633;
    color: #fff;
	font-size:14px;
}

.learn-more-link.space.beige.full-orange:hover {
	border-color: #F90;
	background-color: #F90;
}

.bg-green {
    background-color: #00CC00 !important;
}







a{
	color: #4F3209;
}
a:hover{
	color: #CC6600;
}


.h2{
	color: #714E04;
	padding: 40px 0;
	font-size: 30px;
}

#sub .h2 {
	padding: 30px 0;
}

.h2 span{
	font-size: 60%;
	color: #302F2F;
}


.h2seminar p{
	text-align:center;
	font-size:20px;
	line-height:180%;
}

.h2seminar p strong{
	color:#930;
}


.h2seminar p b{
	background: linear-gradient(transparent 60%, #F5DEB3 40%);
}


.h2testimonials{
	font-family: "Sawarabi Mincho";
	margin: 0 0 30px 0;
	font-size: 180%;
	line-height: 180%;
	color: #1B1B1B;
}


.h2testimonials span{
	font-size: 120%;
	color: #0B620B;
}

.h3testimonials{
	font-family: "Sawarabi Mincho";
	margin: 0 0 30px 0;
	font-size: 140%;
	line-height: 180%;
	color: #4A1B03;
}


@media screen and (max-width: 640px) {
	.h2{
	padding: 20px 0;
	font-size: 20px;
	}
	
	#sub .h2 {
	padding: 20px 0;
	}

	.h2seminar{
		font-size: 20px;
		    margin: 0 0 20px 0;
	}

	.h2seminar p{
		font-size:13px;
	}
	
	
	.h2testimonials{
	font-size: 110%;
	margin: 0 0 20px 0;
	}
	
	.h3testimonials{
	font-size: 92%;
	margin: 0 0 20px 0;
	}
}



.h3{
	color: #714E04;/*文字色*/
	padding: 0.6em 0;/*上下の余白*/
	border-top: solid 3px #D2B48C;/*上線*/
	border-bottom: solid 3px #D2B48C;/*下線*/
	margin:0 0 25px 0;
}

.h3 span{
	display: block;
	font-size: small;
	color: #5C5C5C;
}


.h3b {
	border-bottom: solid 3px #D2B48C;
	position: relative;
	text-align:left;
	font-size: 20px;
    padding: 0 0 10px 0;
	color:#D2B48C;
	margin:0 0 10px 0;
}
.h3b:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #3c2606;
	bottom: -3px;
	width: 20%;
}




.h4{
	color: #714E04;/*文字色*/
	text-align:left;
}



@media screen and (max-width: 640px) {
	/*#sub .h2 {
		padding: 0 0 15px 0;
	}*/
	
	.h2 p{
		font-size:14px;
	}
	
	.h3{
		font-size:16px;
	}
}





@media screen and (max-width: 640px) {
/*
	.container-full.slider {
    padding-top: 130px;
	}
*/	
	
	
	#sub .hero-section h1 {
	font-size:24px;
	padding: 8px 0 0 0;
	}

	.hero-section.seminar {
    height: 180px;
	}

	#sub .hero-section.seminar.new {
		height: 180px;
	}
}


#sub .section-top {
    padding: 0;
}

#sub .inner {
		padding: 0 110px;
	}

@media screen and (max-width: 640px) {
#sub .section-top {
    padding: 20px 0 0 0;
}


	#sub .inner {
		padding: 0;
	}

}




@media screen and (max-width: 640px) {
	.h2{
		color: #714E04;
		padding: 20px 0 0 0;
		font-size:20px;
		margin:0 0 15px 0;
	}
	.h2 span{
		font-size: 60%;
		color: #302F2F;
	}
	
	.h2.pt{
		padding: 10px 0 0 0;
	}


	.w-dropdown-toggle a {
		text-decoration:none;
		color:#666;
		display:block;
	}
}











#topTestimonials {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background-color: #F5F0EB;
    text-align: center;
}

#topTestimonials .h2testimonials {
	text-align: left !important;
}

.bg-takahashi{
	background-image: url(/img/bg-takahashi.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}



@media screen and (max-width: 640px) {

#topTestimonials .h2testimonials {
	font-size: 80%;
}

#topTestimonials .h2testimonials span {
	font-size: 130%;
}

#topTestimonials .pNor {
	font-size: 90%;
	margin: 0;
}


.bg-takahashi{
		background-image: none;
	}
}



/* topSeminar */
.bg-seminar{
	background-image: url(/img/bg-seminar.jpg);
	background-attachment: fixed;
}

.bg-seminar h2,
.bg-seminar h2 span,
.bg-seminar p
{
	color: #fff;
}


.bg-seminar strong
{
	color: #FEFFDF;
}

@media screen and (max-width: 479px) {
	.bg-seminar h2
	{
		font-size:20px;
		margin:0 0 20px 0;
	}
	
	.bg-seminar .pNor b {
    background: none;
	}
	
	.bg-seminar img.img-right  {
    width: 40%;
	}
}


#topBlog {
	background-image:url(/img/bg-blog3.jpg);
	background-position:top center;
	color:#3c2606;
	padding:60px;
}

#topBlog section {
	width:800px;
	padding:20px 0 0 0;
	margin:0 auto;
}

#topBlog h2 {
	font-size:30px;
	text-align: center;
	padding:0 0 20px 0;
	margin:0 0 15px 0;
	text-shadow: 0px 0px 1px #fff, 0px 0px 10px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-image: url(/_share/logo-heart.png) !important;
	background-size: 36px auto;
	background-position: 110px -2px;
	background-repeat:no-repeat;
}



#topBlog time {
	margin: 0 0 10px 0;
	display: block;
	color: #794C0C;
}

#topBlog h3 {
	font-size: 18px;
	text-align: left;
	line-height:130%;
}

#topBlog h3 a {
	color:#3c2606;
	text-shadow: 0px 0px 1px #fff, 0px 0px 10px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;
}


@media screen and (max-width: 991px) {
	
	#topBlog {
	padding:15px 20px 20px;
	background-size:cover;
	}

	#topBlog h2 {
	font-size: 17px;
	line-height: 30px;
	padding:0 0 7px 15px;
	margin:0 0 10px 0;
	background-size: 30px auto;
	background-position: 0 1px;
	}


	#topBlog section {
		width:100%;
		padding:5px 0;
	}
	
	#topBlog time {
		margin:0 0 5px 0;
	}
	
	
	#topBlog h3 {
		font-weight:normal;
		margin:0 0 15px 0;
		font-size: 16px;
	}

	#topBlog p {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	padding: 0 0 15px 0;
	}

	#topBlog .photo {
		display:none;
	}
		
	#topBlog .center-div {
		left: 5%;
		top: 5%;
		right: 5%;
		bottom: auto;
	}
}


/* topline */
#lineat{
	background-color: #d2b48ca8;
	color: #222;
}


#lineat ul{
	width:1170px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	zoom: 1;
}

#lineat ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#lineat ul li{
	float:left;
	list-style:none;
	padding:40px 0;
	margin:0;
	display: table-cell;
}



#lineat ul li.title{
	font-family: "Sawarabi Gothic";
	text-align:right;
	font-size:30px;
	color:#fff;
	width:34%;
	line-height:110%;
	padding: 66px 0 0 0;
}




#lineat ul li.title span{
	font-size:66%;
	color:#714E04;
	vertical-align:middle;
}


#lineat ul li.logo{
	width:13%;
	text-align:center;
	opacity: 1 !important;
	padding: 54px 0 0 0;
}

#lineat ul li.logo2{
	width:13%;
	text-align:center;
	opacity: 1 !important;
	padding: 54px 0 0 0;
}

#lineat ul li.logo img{
	width:100px;
	height:auto;
	-webkit-transform: scale(1);
  	transform: scale(1);
  	-webkit-transition: .3s ease-in-out;
  	transition: .3s ease-in-out;
}

#lineat ul li.logo a img {
	
}

#lineat ul li.logo:hover img{
	-webkit-transform: scale(1.1);
  transform: scale(1.1);
}


#lineat ul li.copy{
	width:40%;
	line-height:200%;
}

#lineat ul li.copy b {
	background: linear-gradient(transparent 60%, #F5DEB3 40%);
	color: #F66;
	font-size:110%;
}


    



@media screen and (max-width: 640px) {
#lineat,#lineat ul{
display:none;
}
.lineat {
	margin: 0;
	padding: 15px 20px;
	background-color: #59380A;
	color: #fff;
	text-align: center;
	}
	
	.lineat p.img img {
		width:100%;
		height:auto;
	}
	
	
	.lineat p {
		padding: 10px 0 0 0;
		color:#fff;
		font-size:85%;
	}
}













/* aboutus */
#aboutus {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background-color: #f5f5f5;
    text-align: center;
}

.boxTel{
	padding: 0.2em 0.5em;
	margin: 2em 1em;
	background-color: #F7F3B5;
	box-shadow: 0px 0px 0px 10px #F7F3B5;
	border: dashed 2px white;
}
.boxTel section {
    margin: 0; 
    padding: 0 0 1em 0;
}





.boxTel h4 {
	color:#3c2606;
	font-size:16px;
}
.boxTel address {
	font-style:normal;
	font-size:24px;
}










.boxMessage {
  margin:0 0 30px 0;
  background-color:#FFE4E1;
  padding:20px;
}




.profile h4{
	text-align:center;
	margin:0 0 10px 0;
}

.profile h4 span{
	font-size:80%;
}

.profile .img{
	text-align:center;
	padding:10px 0;
}

.profile .pNor{
	font-size:90%;
}





/* sub-faq */
#faq ul {
    padding: 0 0 0 10px;
	color: #2D2D2D;
}

#faq h3 {
	color: #714E04;
}

#faq h4 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 12px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #3c2606;
  box-sizing: border-box;
  text-align:left;
  border-radius: 10px;
}

#faq h4:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

#faq h4:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #3c2606;
  z-index: 1;
}

#faq h4 p {
	margin: 0;
	padding: 0;
}


#faq .ans {
	background: #f5f5f5;
	margin:0 0 30px 0;
	padding:15px;
	text-align:left;
	line-height:200%;
}


@media screen and (max-width: 640px) {
    #faq h3 {
		margin:0;
		padding:0;
		font-size:20px;
	}
	
	#faq h4 {
	  margin: 1.0em 0;
	  font-size:14px;
	}
	
}






/* sub-blog */
#blog {
	text-align:left;
}

#blog time {
	color:#59380A;
	margin: 0 0 5px 0;
    display: block;
	font-size:14px;
}

/*#blog h2 {
	font-size:24px;
	padding: 0 0 20px 0 !important;
}*/

#blog h3 a {
	font-size:16px;
	padding: 0 0 20px 0 !important;
}



#blog h2 {
	position: relative;
	font-size:24px;
	padding: 0 0 20px 0 !important;
	margin:0 0 20px 0;
	font-family: "Sawarabi Gothic";
}

#blog h2 a {
	text-decoration: none;
}


#blog h2:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #EEE8AA, #EEE8AA 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #EEE8AA, #EEE8AA 2px, #fff 2px, #fff 4px);
}


@media screen and (max-width: 640px) {
	#blog h2 {
	font-size:20px;
	 padding: 0 0 20px 0 !important;
	}
}


#blog .widget-title {
	font-size:16px;
	background-color: #EEE8AA;
	color: #3c2606;
	padding:5px 10px;
	border-radius: 10px;
}


#blog .widget-area ul {
	margin: 0 0 30px 0;
}
#blog .widget-area ul li {
	margin: 0 0 7px 0;
}


#blog article p {
	font-size: 115%;
    line-height: 200%;
    margin: 0 0 30px 0;
}


#blog article p strong {
	background: linear-gradient(transparent 60%, #F5DEB3 40%);
}
    


#blog article {
    margin: 0 0 50px 0;
}


#blog .post-navigation {
	display: none;
}












/* スマホnaviのボタン */

.naviContact {
	text-align:center;
	padding:20px 0 10px 0;
}

.naviContact h3 {
	font-size:16px;
	margin:0;
	padding:0;
}


.naviContact .learn-more-link.space.beige.full-orange {
	display:block;
	margin:5px;
}

a.icon-tel {
	background-image: url(/_share/icon-smp.png) !important;
	padding-left: 40px !important;
	background-size: 30px 30px;
	background-position:10px 5px ;
	background-repeat:no-repeat;
}

a.icon-mail {
	background-image: url(/_share/icon-mail.png) !important;
	padding-left: 40px !important;
	background-size: 30px 30px;
	background-position:10px 5px ;
	background-repeat:no-repeat;
}

a.icon-line {
	background-image: url(/_share/icon-line.png) !important;
	padding-left: 40px !important;
	background-size: 30px 30px;
	background-position:10px 5px ;
	background-repeat:no-repeat;
}

a.icon-insta {
	background-image: url(/img/icon_insta.png) !important;
	padding-left: 40px !important;
	background-size: 30px 30px;
	background-position:10px 5px ;
	background-repeat:no-repeat;
}

a.icon-youtube {
	background-image: url(/img/icon_youtube.png) !important;
	padding-left: 40px !important;
	background-size: 30px 30px;
	background-position:10px 5px ;
	background-repeat:no-repeat;
}

a.icon-jissenkai {
	background-image: url(/img/icon_jissenkai.gif) !important;
	padding-left: 40px !important;
	background-size: 30px 30px;
	background-position:10px 5px ;
	background-repeat:no-repeat;
}

.bg-insta{background-color:#525252 !important;}
.bg-youtube{background-color:#f00000 !important;}
.bg-jissenkai{background-color:#001446 !important;}




/* footer */
#footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 1000000000;
	-webkit-overflow-scrolling: touch;
	background-color: #281804;
	/*border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #59380A;*/
	opacity: 0.7;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:50%;
}

#footer ul li a {
	display: block;
	color: #000;
	padding: 12px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:11px;
}



#footer ul li.tel a {
	background-image: url(/_share/icon-smp.png) !important;
	padding-left: 40px !important;
	background-size: 20px 20px;
	background-position:12px;
	background-repeat:no-repeat;
}

#footer ul li.mail a {
	background-image: url(/_share/icon-mail.png) !important;
	padding-left: 40px !important;
	background-size: 20px 20px;
	background-position:12px;
	background-repeat:no-repeat;
}

.footer-section .logo {
	text-align:center;
	padding:30px 0 50px 0;
}





@media screen and (max-width: 479px) {
		.footer-section .logo {
		text-align:center;
		padding:30px 0 70px 0;
		}
/*
		.slider.vr1.new {
			height: 300px;
		}
*/
}
















/* tableDL */
.tableDL {
	width:100%;
	text-align:left;
}

.tableDL tr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.tableDL th {
	background:none;
	color: #714E04;
	padding: 7px;
	width:20%;
	
}

.tableDL td {
	padding: 12px;
	vertical-align: top;
	width:80%;
    font-weight: normal;
}

@media screen and (max-width: 479px) {
	.tableDL th,
	.tableDL td {
		display:block;
		width:100%;
		position: static;
	}
	
		.tableDL th {
	background: #f8f8f8;
	}
}


table.company {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background: #EEE8AA;
    vertical-align: middle;
    text-align: left;
    width: 130px;
    overflow: visible;
    position: relative;
    color: #714E04;
    font-weight: normal;
    font-size: 90%;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #EEE8AA;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
 
table.company td {
    background: #f8f8f8;
    width: 350px;
    padding-left: 20px;
	text-align:left;
    font-weight: normal;
}


@media screen and (max-width: 479px) {
	table.company tr {
	}
	
	table.company th,
	table.company td {
		display:block;
		width:100%;
		position: static;
			box-shadow: 2px 2px 5px #ccc;
	-webkit-box-shadow: 2px 2px 5px #ccc;
	}
	
	table.company th:after {
    	border: none;
	}
	
		table.company td {
			border-radius:0 0 3px 3px;
	}
}



/***** form *****/
form input[type="text"],
form textarea {
	color: #333333;
	padding: 10px;
	font-size: 100%;
	border: 1px solid #fff;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.4) inset;
	-moz-box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.4) inset;
	box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.4) inset;
	background-color: #fff;
}

form label {
	margin-right:15px;
}

input[type="text"]:focus,
textarea:focus {
	outline: 0;
	border-color: #999;
}

form .SS {
	width: 30% !important;
}

form .S {
	width: 30% !important;
}
form .M {
	width: 60% !important;
}
form .L {
	width: 100% !important;
}

@media screen and (max-width: 640px) {
	form .SS {
		width: 47% !important;
		margin:0 2px 0 0;
	}

	form .S {
		width: 48% !important;
	}
	form .M {
		width: 96.5% !important;
	}
	form .L {
		width: 96.5% !important;
	}
}



/* pagetop */
.toTop {
	position: fixed;
	bottom: 40px;
	right: 10px;
	font-size: 20px;
	opacity:0.4;
}

.toTop a {
	text-decoration: none;
	color: #FFF;
	width: 56px;
	text-align: center;
	display: block;
	border-radius: 30px;
	padding: 15px;
	background-color: #999;
}

.toTop a:hover {
opacity:0.5;
}



.pNor {
	font-size: 115%;
	line-height: 200%;
	margin:0 0 30px 0;
	overflow:hidden;
	zoom: 1;
}

.pNor:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.pNor b {
	background: linear-gradient(transparent 60%, #F5DEB3 40%);
}


.img-right {float: right;}
img.img-right.M {
width: 30%; height: auto;
margin:0 0 30px 30px;
}

img.img-right.S {
width: 23%; height: auto;
margin:0 0 15px 15px;
}

img.img-right.SS {
width: 20%; height: auto;
margin:0 0 30px 30px;
}


@media screen and (max-width: 991px) {
	img.img-right {
		width:40%;
	}
	
	.pNor {
	font-size: 110%;
	margin:0 0 15px 0;
	}
}


.txs070 {font-size: 70% !important;}
.txs080 {font-size: 80% !important;}
.txs090 {font-size: 90% !important;}
.mb00 {}
.mb05 {margin:0 0 5px 0 !important;}
.mb20 {margin:0 0 20px 0 !important;}
.mb30 {margin:0 0 30px 0 !important;}
.mb40 {margin:0 0 40px 0 !important;}

.taR{
	text-align:right;
}

.taC{
	text-align:center;
}

.taL{
	text-align:left;
}



.ulNor{
	font-size:16px;
	text-align:left;
	background:#FFEFD5;
	padding:20px 40px;
	box-shadow :0px 0px 5px silver;
	margin:0 0 30px 0;
	border-radius:10px;
	}

.ulNor li {
  margin:0 0 15px 0;
}

.ulNor li:last-child {
  margin:0 0 0 0;
}


.boxMemo{
    padding: 0.2em 0.5em;
    margin: 10px 10px 30px 10px;
    background: #F5F1E9;
    box-shadow: 0px 0px 0px 10px #F5F1E9;
    border: dashed 2px #ccc;
}
.boxMemo ul {
    margin: 0; 
    padding:20px 40px;
	font-size:16px;
	text-align:left;
}

.boxMemo ul li {
    margin: 0 0 12px 0;
	font-size:105%;
}

.boxMemo ul li b {
	color: #6A4701;
	font-size:105%;
}

.boxMemo ul li:last-child {
 margin: 0; 
}

@media screen and (max-width: 640px) {
	.boxMemo ul {
		padding:10px 20px;
		font-size:14px;
	}
}






.boxinfo{
    padding: 10px;
    margin: 0 0 30px 0;
    color: #5d627b;
    background: white;
	box-shadow: 0 0 8px #ccc;
}
.boxinfo article {
    margin: 0; 
    padding: 15px 0;
	font-size: 20px;
	line-height: 1.8em;
}

.boxinfo article b {
color: firebrick;
}


.f-bnr {
	background-color: #5E4823;
	padding: 20px 0;
	text-align: center;
}




.boxVoice{
    padding: 20px 40px;
    margin: 0 0 30px 0;
    color: #333;
    background: white;
	box-shadow: 0 0 8px #ccc;
	border-radius: 20px;
	font-size: 110%;
    line-height: 200%;
}




.txc-red{
	color: #E83437 !important;
}



.mt00 { margin-top: 0px !important; }     .mr00 { margin-right: 0px !important; }     .mb00 { margin-bottom: 0px !important; }     .ml00 { margin-left: 0px !important; }
.mt02 { margin-top: 2px !important; }     .mr02 { margin-right: 2px !important; }     .mb02 { margin-bottom: 2px !important; }     .ml02 { margin-left: 2px !important; }
.mt04 { margin-top: 4px !important; }     .mr04 { margin-right: 4px !important; }     .mb04 { margin-bottom: 4px !important; }     .ml04 { margin-left: 4px !important; }
.mt05 { margin-top: 5px !important; }     .mr05 { margin-right: 5px !important; }     .mb05 { margin-bottom: 5px !important; }     .ml05 { margin-left: 5px !important; }
.mt06 { margin-top: 6px !important; }     .mr06 { margin-right: 6px !important; }     .mb06 { margin-bottom: 6px !important; }     .ml06 { margin-left: 6px !important; }
.mt07 { margin-top: 7px !important; }     .mr07 { margin-right: 7px !important; }     .mb07 { margin-bottom: 7px !important; }     .ml07 { margin-left: 7px !important; }
.mt08 { margin-top: 8px !important; }     .mr08 { margin-right: 8px !important; }     .mb08 { margin-bottom: 8px !important; }     .ml08 { margin-left: 8px !important; }
.mt10 { margin-top: 10px !important; }    .mr10 { margin-right: 10px !important; }    .mb10 { margin-bottom: 10px !important; }    .ml10 { margin-left: 10px !important; }
.mt11 { margin-top: 11px !important; }    .mr11 { margin-right: 11px !important; }    .mb11 { margin-bottom: 11px !important; }    .ml11 { margin-left: 11px !important; }
.mt12 { margin-top: 12px !important; }    .mr12 { margin-right: 12px !important; }    .mb12 { margin-bottom: 12px !important; }    .ml12 { margin-left: 12px !important; }
.mt13 { margin-top: 13px !important; }    .mr13 { margin-right: 13px !important; }    .mb13 { margin-bottom: 13px !important; }    .ml13 { margin-left: 13px !important; }
.mt14 { margin-top: 14px !important; }    .mr14 { margin-right: 14px !important; }    .mb14 { margin-bottom: 14px !important; }    .ml14 { margin-left: 14px !important; }
.mt15 { margin-top: 15px !important; }    .mr15 { margin-right: 15px !important; }    .mb15 { margin-bottom: 15px !important; }    .ml15 { margin-left: 15px !important; }
.mt16 { margin-top: 16px !important; }    .mr16 { margin-right: 16px !important; }    .mb16 { margin-bottom: 16px !important; }    .ml16 { margin-left: 16px !important; }
.mt18 { margin-top: 18px !important; }    .mr18 { margin-right: 18px !important; }    .mb18 { margin-bottom: 18px !important; }    .ml18 { margin-left: 18px !important; }
.mt20 { margin-top: 20px !important; }    .mr20 { margin-right: 20px !important; }    .mb20 { margin-bottom: 20px !important; }    .ml20 { margin-left: 20px !important; }
.mt21 { margin-top: 21px !important; }    .mr21 { margin-right: 21px !important; }    .mb21 { margin-bottom: 21px !important; }    .ml21 { margin-left: 21px !important; }
.mt22 { margin-top: 22px !important; }    .mr22 { margin-right: 22px !important; }    .mb22 { margin-bottom: 22px !important; }    .ml22 { margin-left: 22px !important; }
.mt23 { margin-top: 23px !important; }    .mr23 { margin-right: 23px !important; }    .mb23 { margin-bottom: 23px !important; }    .ml23 { margin-left: 23px !important; }
.mt25 { margin-top: 25px !important; }    .mr25 { margin-right: 25px !important; }    .mb25 { margin-bottom: 25px !important; }    .ml25 { margin-left: 25px !important; }
.mt26 { margin-top: 26px !important; }    .mr26 { margin-right: 26px !important; }    .mb26 { margin-bottom: 26px !important; }    .ml26 { margin-left: 26px !important; }
.mt28 { margin-top: 28px !important; }    .mr28 { margin-right: 28px !important; }    .mb28 { margin-bottom: 28px !important; }    .ml28 { margin-left: 28px !important; }
.mt30 { margin-top: 30px !important; }    .mr30 { margin-right: 30px !important; }    .mb30 { margin-bottom: 30px !important; }    .ml30 { margin-left: 30px !important; }
.mt35 { margin-top: 35px !important; }    .mr35 { margin-right: 35px !important; }    .mb35 { margin-bottom: 35px !important; }    .ml35 { margin-left: 35px !important; }
.mt37 { margin-top: 37px !important; }    .mr37 { margin-right: 37px !important; }    .mb37 { margin-bottom: 37px !important; }    .ml37 { margin-left: 37px !important; }
.mt38 { margin-top: 38px !important; }    .mr38 { margin-right: 38px !important; }    .mb38 { margin-bottom: 38px !important; }    .ml38 { margin-left: 38px !important; }
.mt39 { margin-top: 39px !important; }    .mr39 { margin-right: 39px !important; }    .mb39 { margin-bottom: 39px !important; }    .ml39 { margin-left: 39px !important; }
.mt40 { margin-top: 40px !important; }    .mr40 { margin-right: 40px !important; }    .mb40 { margin-bottom: 40px !important; }    .ml40 { margin-left: 40px !important; }
.mt43 { margin-top: 43px !important; }    .mr43 { margin-right: 43px !important; }    .mb43 { margin-bottom: 43px !important; }    .ml43 { margin-left: 43px !important; }
.mt44 { margin-top: 44px !important; }    .mr44 { margin-right: 44px !important; }    .mb44 { margin-bottom: 44px !important; }    .ml44 { margin-left: 44px !important; }
.mt45 { margin-top: 45px !important; }    .mr45 { margin-right: 45px !important; }    .mb45 { margin-bottom: 45px !important; }    .ml45 { margin-left: 45px !important; }
.mt50 { margin-top: 50px !important; }    .mr50 { margin-right: 50px !important; }    .mb50 { margin-bottom: 50px !important; }    .ml50 { margin-left: 50px !important; }
.mt55 { margin-top: 55px !important; }    .mr55 { margin-right: 55px !important; }    .mb55 { margin-bottom: 55px !important; }    .ml55 { margin-left: 55px !important; }
.mt60 { margin-top: 60px !important; }    .mr60 { margin-right: 60px !important; }    .mb60 { margin-bottom: 60px !important; }    .ml60 { margin-left: 60px !important; }
.mt65 { margin-top: 65px !important; }    .mr65 { margin-right: 65px !important; }    .mb65 { margin-bottom: 65px !important; }    .ml65 { margin-left: 65px !important; }
.mt70 { margin-top: 70px !important; }    .mr70 { margin-right: 70px !important; }    .mb70 { margin-bottom: 70px !important; }    .ml70 { margin-left: 70px !important; }
.mt80 { margin-top: 80px !important; }    .mr80 { margin-right: 80px !important; }    .mb80 { margin-bottom: 80px !important; }    .ml80 { margin-left: 80px !important; }
.mt85 { margin-top: 85px !important; }    .mr85 { margin-right: 85px !important; }    .mb85 { margin-bottom: 85px !important; }    .ml85 { margin-left: 85px !important; }
.mt90 { margin-top: 90px !important; }    .mr90 { margin-right: 90px !important; }    .mb90 { margin-bottom: 90px !important; }    .ml90 { margin-left: 90px !important; }
.mt100 { margin-top: 100px !important; }    .mr100 { margin-right: 100px !important; }    .mb100 { margin-bottom: 100px !important; }    .ml100 { margin-left: 100px !important; }
.mt105 { margin-top: 105px !important; }    .mr105 { margin-right: 105px !important; }    .mb105 { margin-bottom: 105px !important; }    .ml105 { margin-left: 105px !important; }
.mt110 { margin-top: 110px !important; }    .mr110 { margin-right: 110px !important; }    .mb110 { margin-bottom: 110px !important; }    .ml110 { margin-left: 110px !important; }
.mt125 { margin-top: 125px !important; }    .mr125 { margin-right: 125px !important; }    .mb125 { margin-bottom: 125px !important; }    .ml125 { margin-left: 125px !important; }
.mt143 { margin-top: 143px !important; }    .mr143 { margin-right: 143px !important; }    .mb143 { margin-bottom: 143px !important; }    .ml143 { margin-left: 143px !important; }
.mt150 { margin-top: 150px !important; }    .mr150 { margin-right: 150px !important; }    .mb150 { margin-bottom: 150px !important; }    .ml150 { margin-left: 150px !important; }
.mt154 { margin-top: 154px !important; }    .mr154 { margin-right: 154px !important; }    .mb154 { margin-bottom: 154px !important; }    .ml154 { margin-left: 154px !important; }








/* pagetop */
#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity:0.5;
}

#pagetop a {
	text-decoration: none;
	text-align: center;
    color: #FFF;
    display: block;

}

#pagetop a:hover {
}



@media (max-width: 767px) { /* forSMP */
	#pagetop {
		position: fixed;
		bottom: 40px;
		right: 5px;
	}
	
	#pagetop a {

	}
}



/* caption */
.caption {overflow:hidden; zoom: 1;}
.caption:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

.caption figure img {
	margin:0 0 10px 0;
	width:100%;
	height:auto;
}

.caption figcaption {
	font-size:80%;
	color:#666;
}

.caption.Right figure {
	margin:0 0 20px 20px;
	width:35%;
	float:right;
}


.caption.Left figure {
	margin:0 20px 20px 0;
	width:35%;
	float:left;
}




@media screen and (max-width: 640px) {
    .brpc { display:none; }
	.spNone { display:none; }
}

@media screen and (min-width: 641px) {
    .brsp { display:none; }
	.pcNone { display:none !important;}
}


.clearfix {
	overflow:hidden;
	zoom: 1;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}



/*background-color:
#3c2606;
#59380A
*/

.youtube {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
	margin-top:30px;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtube-top {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}

.youtube-top iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* slider */
.slider {
	width: 100%;
}

.slider img {
	width: 100%;
	height: auto;
	min-widtn: 800px;
}

.slider section {
  position: absolute;
  color: white;
  bottom: 0;
  left: 0;
  padding: 20px;
  background-color: rgba(0,0,0,0.5);
  width: 100%;
}

.slider section a {
  color: #fff;
}

.slider section {
  padding: 5px;
  font-size: 16px;
  text-align: right;
}
.slider section .btn.SS {
	font-size: 14px;
	padding: 1px 5px;
}

@media (max-width: 736px) { /* forSMP */
.slider .in {/*親div*/
  position: relative;
	height:200px;
}

.slider section {
  position: absolute;
  color: white;
  bottom: 0;
  left: 0;
  padding: 20px;
  background-color: rgba(0,0,0,0.5);
  width: 100%;
}

.slider section a {
  color: #fff;
}

.slider section {
  padding: 5px;
  font-size: 11px;
  text-align: right;
}
.slider section .btn.SS {
	font-size: 10px;
	padding: 1px 5px;
}
}

.btn {
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	position: relative;
	text-decoration: none;
}
.btn span {
  position: relative;
  z-index: 100;
  font-weight: bold;
}
.btn::before,
.btn::after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn::before {
  left: 0;
}
.btn::after {
  right: 0;
}
.btn:hover:before,
.btn:hover:after {
  width: 0;
}
.btn:hover {
	color: #fff;
	z-index: 99;
}
.btn:active{
    -webkit-box-shadow:inset 0px 0px 5px #334c66;
    -moz-box-shadow:inset 0px 0px 2px #3a6da0;
    box-shadow:inset 0px 0px 2px #3a6da0;
}

.btn.orange {
	color: #fff;
	background-color: #FFDB4A;
	border: 2px solid #FFCD00;
}
.btn.orange::before,
.btn.orange::after {
  background-color: #FFCD00;/* 通常時 */
}
.btn.orange:hover:before,
.btn.orange:hover:after {
  background-color: #FFD114;/* hover */
}