/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;margin:0;padding:0}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clearfix{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/*end reset*/
body{
	
	background: #fff;
}
body a{
	transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
}
.container{
	padding:0;
}
.breadcrumb > .active {
  font-weight:600;
  color:#333;
}
.breadcrumb{
	margin-top:2em;
}
/*==============================================
                 etc
 ===============================================*/
.p14 {font-size:14px;}
.normal {font-weight:normal;}

/*==============================================
                 start-wrap
 ===============================================*/
body {
	margin: 0;
	padding: 0;
	font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif;

}
 
 .wrap{
	width:80%;
	margin:0 auto;
}
/*==============================================
                 start-top-header
 ===============================================*/

 
 .grid_12 img {
  width: 100%;
  height: 3px;
  display: inherit;
}

.top-header-left{
	float:left;
	padding-top: 13px;
}
.top-header-right{
	float:right;
	width: 38%;
}
.top-header-left p{
	font-family: 'Raleway', sans-serif;
	font-size: 0.875em;
	color: #FFF;
	text-transform: uppercase;
	line-height: 1.5em;
}
.top-header-contact-info{
	float:left;
	width: 53%;
	text-align: center;
}
.top-header-contact-info span:before{
	content:url(../images/phone.png);
}
.top-header-contact-account{
	float:right;
	width: 37%;
}
.sub-about-grid-social ul li{
	display:inline-block;
}
.sub-about-grid-social {
	padding: 0.7em 0 0;
}
.social {
  margin-top: 30px;
}
.social i {
  width: 27px;
  height: 27px;
  background: url('../images/social-icons.png') no-repeat 0px 0px;
  display: inline-block;
  margin: 0 4px;
}
.social ul li{
	display:inline-block;
}
a i.facebook {
  background-position: -3px -2px;
}
a i.facebook:hover {
  background-position: -3px -36px;
}
a i.twitter {
  background-position: -43px -3px;
}
a i.twitter:hover {
  background-position: -43px -36px;
}
a i.dribble {
  background-position: -83px -3px;
}
a i.dribble:hover {
  background-position: -83px -36px;
}
a i.google {
  background-position: -126px -2px;
}
a i.google:hover {
  background-position: -126px -36px;
}
.top-header-contact-info p{
	color:#fff;
	padding-bottom: 5px;
}
.top-header-contact-info span{
	font-size:2em;
	color:#fff;
}

#page1 ul li#nav1 a,
#page2 ul li#nav2 a,
#page3 ul li#nav3 a,
#page4 ul li#nav4 a,
#page5 ul li#nav5 a,
#page6 ul li#nav6 a,
#page7 ul li#nav7 a,
#page8 ul li#nav8 a
{
    background:#f3abca;
}

.fb-container {
		width: 100%;
		max-width:500px;
		margin:auto
	}
	
.slider{
    margin:0 auto;
}
.slider img{
    height:auto;
    width:100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color:#000;
}
.slide-dots {text-align: center;}
	

.topbox1{
	clear:both;
	padding-top:20px;
}

.topbox1 h2{
	font-family: "Mplus 1p";
	width:97%;
	margin: 0 auto 40px;
	font-size: 22px;
	font-weight:normal;
	text-align: center;
	background: url(../images/borderBlack.png) repeat-x 0 50%;
	background-size: 1px 1px;
}

.topbox1 h2 span {
	background: #fff;
	padding: 0 80px;
}

.innerS{
	width:100%;
	margin: 0 auto;
	padding-bottom: 80px;
}

.innerS p{
	margin-bottom:30px;
	display:block;
}
#overview_top li{
	float: left;
	width: calc(100%/2);
	line-height: 0;
}

#overview_top img{
	width: 100%;
	height: auto;
	margin-bottom:20px
}
.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  background: #ee8db4;
  border: 2px solid #ee8db4;
  color: #fff;
  line-height: 50px;
}
.button a{
	color:#fff;
	display:block
}
.button a:hover{
	color:#ee8db4;
	display:block
	
}
.button:hover {
  background: #fff;
  border-color: #ee8db4;
  color: #ee8db4;
}
.center {text-align:center}
.mb20 {margin-bottom:20px}
.mb40 {margin-bottom:40px}

/*==============================================
                 start-main-header
 ===============================================*/
.sm {display:none;}
.md {display:block;}
.sp-slide img {width:100%;}
.slider2 {margin:0;padding:0;}
.center {text-align:center}
 
.logo{
	float: left;
	background: #FFF;
	margin-bottom:15px;
}
.top-nav ul li,
.top-nav2 ul li{
	display:inline-block;
	float:left;
}

.top-nav ul li a{
	background:#fff;
	float: none;
	display: inline-block;
	padding:30px 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	color: #000;
	font-size: 0.8em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	margin: 0 -1px;
	border-left: 1px solid #fff;
	text-decoration:none;
}

.top-nav2 ul li a{
	background:#fff;
	float: none;
	
	display: inline-block;
	padding:35px 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	color: #000;
	font-size: 0.9em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	margin: 0 -1px;
	border-left: 1px solid #fff;
	text-decoration:none;
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.top-nav2 ul li a:before{
	content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #ccc;
  border-right: solid 2px #ccc;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

.top-nav li.active> a,
.top-nav li> a:hover,
.top-nav2 li.active> a,
.top-nav2 li> a:hover {
	color: #FFF;
	background:#f3abca;
}
.top-nav,
.top-nav2{
	float:right;
	background: #fff;
}
.main-header {
	margin-top: 16px;
	  background:#fff;
}
/*==============================================
                 start-main-content
 ===============================================*/
.content-grids h2{
	font-weight:600;
	font-size:2em;
	margin:0 auto;
	color: #504847;
	text-align:center;
	width: 67%;
	  padding-top: 2em;
}
.contnt-grids {

  position: relative;
}
.top_info {
	line-height:140%;
	
}

.chrt_grid {
  padding-left: 0;
}
.project1.fetur {
  padding-left: 0;
}
.contnt-grids img{
	position:relative;
	width: 100%;
	margin-bottom:20px;
}
.caption2{
	position: absolute;
	top: 0;
	right: 0;
	left:0;
	bottom:0;
	margin: auto;
	text-align:center;
	padding-top:10%;
}
.caption2 span{
	font-size:13px;
	font-weight:normal;
	display:block;
	
}
.caption2 h3 a{
	color:#fff;
	font-size:1.2em;
	font-weight:600;
	border: 2px solid #fff;
	padding:15px;
	display:inline-block;
	width:150px;

}
.caption2 h3 a:hover{
	background:#02be9d;
	text-decoration:none;
}
.welcome-info h3{
	 font-size:1.3em;
	 font-weight:500;
	 margin-bottom:0.5em;
	 color: #606061;
}
.welcome-info p{
	 color: #848484;
  font-size: 0.875em;
  line-height: 1.7em;
}
.recent {
	margin-top:0;
	border-bottom:1px solid #e6e6e6;
	padding-bottom:50px;
}
.recent-head{
	text-align:center;
}
.recent-head h3,.who_we-head h3{
	font-size:1.7em;
	font-weight:600;
	margin-bottom:0.5em;
	color: #504847;
}
.recent-head p,.who_we-head p{
	 color: #848484;
  font-size: 0.875em;
  line-height: 1.7em;
  width:70%;
  margin:0 auto;
}
.charitys{
	margin-top:3em;
}
.chrty {
  border: 1px solid #E2E2E2;
  padding:1em; 
}
.chrty h3{
	color: #504847;
	font-weight:600;
	margin-bottom:1em;
	font-size:1em;
}
.chrty p {
  color: #848484;
  font-size: 0.875em;
  line-height: 1.8em;
}

.recent-grids{
	margin-top:2em;
}
.grid1 h4{
	color:#7f181b;
	margin:0.5em 0;
	font-size:1.25em;
}
.grid1 p{
	 color: #848484;
  font-size: 0.85em;
  line-height: 1.7em;
}
.grid1 a{
	color:#7f181b;
	font-size:1em;
	margin-top:1em;
	display:inline-block;
	text-decoration:none;
}
.grid1 img{
	border-radius:25px;
}
.charity{
	margin-top:2em;
}
.contnt-grids {
	display:inline-block;
	width:25%;
	vertical-align:top;
}
.contnt-grids:last-child{
	margin-right:0;
}
.contnt-grids p{
	font-size:13px;
	color:#333;
}

.cntr{
	margin:3em 20px 0 20px;
}
.charity {
	margin-top:2em;
}
.charity h4 {
  color: #7f181b;
	margin-bottom:0.7em;
  font-size: 1.4em;
  text-align:center;
}
.news  h6 a{
	font-size:0.9em;
}
.news  h6 a:hover{
	color:#7f181b;
	text-decoration:none;
}
.news  p {
  line-height: 1.8em;
  font-weight: 400;
  color: #999999;
  margin-bottom: 3em;
  font-size:0.85em;
}
.news span {
  font-size: 0.8em;
}


.join h3{
	margin:20px 0;padding:0;
	
}

.join  p {
  line-height: 1.8em;
  font-weight: 400;
  color: #fff;
  font-size:0.85em;
  display:inline-block;
}
.join a{
	font-size:1.3em;
	font-weight:600;
	color:#02be9d;
	padding:0.5em 1.8em;
	background:#fff;
	border-radius:15px;
	border:2px solid #fff;
	display: inline-block;
  text-decoration: none;
}
.join a:hover{
	background:#02be9d;
	color:#fff;
}
.featured{
	margin:3em 0;
	
}
.project_grids h3{
	font-size:1.5em;
	font-weight:600;
	margin-bottom:1.3em;
}
.project1 p {
  color: #848484;
  font-size: 0.85em;
  line-height: 1.8em;
  margin-top:1em;
}
.event{
	margin-bottom:1.5em;
}
.event:last-child {
  margin-bottom: 0;
}
.event h5 a{
	text-decoration:none;
	color:#333;
	margin-bottom:0.6em;
	display:inline-block;
}
.event h5 a:hover{
	color:#02be9d;
}
.event p{
	color: #848484;
  font-size: 0.8em;
  line-height: 1.8em;
}
.project3 ul {
  list-style: none;
  width:100%;
}
.project3 ul li{
	padding-bottom:1em;
}
.project3 ul li a {
  display: block;
  text-decoration: none;
  color: #777;
  padding: 0px 0px 12px 0px;
  transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  font-size: 0.86em;
  border-bottom: 1px dashed #989898;
}
.project3 ul li a:hover{
	color:#02be9d;
}
.project3 ul li.last a{
	border-bottom: 0;
}
.sakura {
	position: absolute;
	background: #FCC;
	-webkit-border-radius: 3px 0 3px 0;
	-moz-border-radius: 3px 0 3px 0;
	border-radius: 3px 0 3px 0;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(255, 204, 204, 0.5);
	-moz-box-shadow: 0px 0px 5px 1px rgba(255, 204, 204, 0.5);
	box-shadow: 0px 0px 5px 1px rgba(255, 204, 204, 0.5);
}

.privacy {
	margin-top:20px;
}
.privacy li{
	list-style:decimal inside;
	padding:0 0 5px 18px;
	text-indent:-18px;
}
.mb30 {margin-bottom:30px;}
.mb60 {margin-bottom:60px;}
.mb100 {margin-bottom:100px;}

/*--facebook--*/
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100%! important;
}

/*--footer--*/
.footer{
	border-top:1.5px solid #eee;
	padding-bottom:2em;
}
.ftr_navi ul li{
	display:block;
}
.ftr_navi ul li a{
	display:block;
	padding:5px 0;
	color: #848484;
	font-size:0.85em;
}
.ftr_navi ul li a:hover,.get_in_touch a:hover,.ftr-logo p a:hover{
	text-decoration:none;
	color:#02be9d;
}
.ftr_navi:nth-child(2) ul {
	margin-top:30px;
}

.ftr-logo p{
	margin-top:1em;
	color: #848484;
	line-height:1.8em;
	  font-size: 0.85em;
}
.ftr-logo p a{
	color: #848484;
}
.copywrite{
	float:left;
}
.ftr{
	margin-top:1em;
	padding:0;
}
.get_in_touch h3,.ftr_navi h3{
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.6em;
}
.get_in_touch p {
  color: #848484;
  font-size: 0.9em;
  padding: 5px 0;
}
.get_in_touch a {
  color: #848484;
  font-size: 0.9em;
  text-decoration: none;
}
/*=== about ==*/
.about{
	padding:4em 0;
}
.about-top {
  margin: 2em 1em;
}
.about-top-left {
  padding-left: 0;
}
.about-top-left img{
	width:100%;
}
 .about-main h3,.projects-header h3,.blog-header h3,.contact-header h3{
  font-size: 2.3em;
  font-weight: 600;
  margin: 0;
  text-align: center;
  color: #02be9d;
}
.about-top-right h4,.check-column h4 {
  color: #404642;
  font-size: 1.3em;
  font-weight: 600;
  margin: 0;
  line-height: 1.35em;
}
.about-top-right h5 {
  color: #404642;
  font-size: 1.1em;
  font-weight: 600;
  margin: 0;
  line-height: 1.35em;
}

.topinfo {
	margin-bottom:60px;
 	padding:30px;
	position: relative;
	z-index: 0;
	text-align:center;
	font-size:24px;
	line-height:2.2;
	
}
.topinfo strong {
	font-size:32px;
	display:block;
	font-weight:bold;
	
}

.topinfo:before{
	background: repeating-linear-gradient(-45deg, #f5d5da, #f5d5da 5px, #fcf0f1 0, #fcf0f1 10px); /* ストライプの色 */
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -2;
}
.topinfo:after{
	background: #fff;
	content: '';
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: -1;
}


.about-top-right p,.top-txt {

  line-height: 1.8em;
  margin-top: 1em;
  margin-right:2em;
}
@media (max-width:639px){
	.top-txt {
		margin-right:0;
	 }
	}
.who_are {
  margin-top: 3em;
}
.who_are h3 {
  color: #02be9d;
  margin-bottom: 0.5em;
  font-size: 1.5em;
 font-weight:600;
}
.who_are h4 {
  color: #404642;
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom:0.7em;
}
.who_are p {
  color: #848484;
  line-height: 1.8em;
  font-size: 0.85em;
  margin-bottom: 1em;
}
.about-list {
  margin-left: 1em;
}
.feature_box ul {
	margin-top:50px;
	
}
.feature_box li h4{
	color:#ec79a0;
	padding-left:50px;
}
.feature_box .flR{
margin-left:50px;
}
.feature_box .flL{
margin-right:50px;
}
.other_box h4 {
margin-bottom:30px;
}
.class_info li{
	width:31.8%;
	border:1px solid #ccc;
	padding:15px;
	display:inline-block;
	vertical-align:top;
	border-radius:10px;
	min-height:340px;
	margin:0 20px 20px 0;
}
.class_info li:last-child{
	margin-right:0;
}
.class_info li h5{
	font-size:20px;
	color:#e61873;
}

.bold {font-weight:bold;}
.flR {float:right;margin-left:20px;}
.flL {float:left;margin-right:20px;}


.table_curriculum,.table_schedule,.table_prospectus,.table_performance{
	border:1px solid #ccc;
	border-collapse: collapse;
	width:100%;
	
}
.table_curriculum th,.table_curriculum td,.table_schedule th,.table_schedule td,.table_prospectus th,.table_prospectus td,.table_performance th,.table_performance td{
	border:1px solid #ccc;
	padding:15px;
}
.table_prospectus th,.table_prospectus td{
	text-align:center;
	
}

.table_curriculum th{
	width:30%;
	font-weight:bold;
}
.table_curriculum td{
	width:70%
}
.table_performance th{
	font-weight:bold;
	text-align: center;
	vertical-align:middle
}
.table_performance td{

	text-align: center;
}

.table_schedule thead th {
	font-weight:bold;
}
.table_prospectus thead th {
	width:25%;
	font-weight:bold;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.w40p {width:40%;}
.w60p {width:60%;}
.p16{font-size:16px;}
iframe {width:100%;margin-bottom:20px;}

.about-list li {
  list-style-image: url(../images/icon2.png);
  margin-left: 20px;
  margin-bottom: 10px;
}
.about-list ul li a {
  color: #848484;
  font-size: 0.9em;
  text-decoration: none;
}
.about-list ul li a:hover {
  color: #02be9d;
  padding-left: 1em;
}
.team-work {
  margin-top: 3em;
}
h3.team {
  color: #02be9d;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: 600;
}
.team-grid h3 a{
  font-weight: 600;
  font-size: 1.2em;
  margin: 10px 0;
  color: #4F4D5E;
  display: inline-block;
}
.team-grid {
  padding-left: 0;
}
.team-grid h3 a:hover{
	color:#02be9d;
	text-decoration:none;
}
.team-grid p {
  color: #848484;
  line-height: 1.8em;
  font-size: 0.85em;
}
/*--missions--*/
.projects{
	padding:4em 0;
}
.gallery-grid {
  padding: 0;
  width:23.8%;
  height:180px;
  margin:0 15px 15px 0;
}
.gallery-grid:nth-child(4n) {
  margin-right:0;
}
.trim img {
width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid2 {
  margin: 0 15px;
}

.last-gallery-grid{
	margin:0 0 2em 0;
}
.gallery-grid p{
	color: #848484;
  font-size: 0.85em;
  line-height: 1.8em;
  margin-top: 1em;
}
.gallery-button{
	margin-top:1em;
}
.gallery-button a{
	color: #848484;
	font-size: 0.9em;
	display: block;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	background: url(../images/list.png) no-repeat 27% 54%;
	font-weight:600;
} 
.gallery-button a:hover{
	color: #000;
	background: url(../images/list1.png) no-repeat 27% 54%;
}

/*--sitemap--*/
.sitemap ul{
	margin-bottom:30px;
	margin-left:30px;
}
.sitemap li{
	list-style:none
}

.sitemap ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: 48px;
}
 
.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
}
.sitemap li a {
	color:#000
}
.sitemap li a:hover {
	text-decoration:underline
}


.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #999;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #999;
}


/*==============================================
                projects-pagnation
 ===============================================*/
.projects-pagnation{
	margin:2em 0;
	float:right;
}
.projects-pagnation ul li{
	display:inline-block;
}
.projects-pagnation ul li a{
	font-size:0.875em;
	background:#404642;
	color:#FFF;
	padding:10px;
	display:inline-block
}
.projects-pagnation ul li a:hover{
	color:#fff;
	background:#02be9d;
	text-decoration:none;
}
/*--error--*/
.error-page {
  padding: 125px 0px 0 0;
  min-height: 600px;
  text-align:center;
}
.error-page p {
  font-size: 3em;
  color: #404642;
}
.error-page h3 {
  font-size: 12em;
  color: #02be9d;
}
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	padding: 0.4em 1.5em;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius:0px !important;
	text-decoration: none;
	font-size: 1.5em;
	border: 2px solid #404642;
	font-weight: 600;
	color: #d80112;
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Button 1c */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background:#D43E2A;
}

.btn-1c:hover,
.btn-1c:active {
	color: #fff;
}

.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}
/*----*/
a.btn1 {
	background: #404642;
	color: #fff;
	z-index: 1;
	padding: 0.5em 1.5em;
	font-size: 1.1em;
	display:inline-block;
	margin-top:2em;
}
.btn-1d:after {
	border:1px solid #404642;
	background: #fff ;
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
}
.btn-1d:hover,
.btn-1d:active {
	color: #404642;
}
/*==============================================
                 start-news-page
 ===============================================*/
.newstitle {
	font-size:24px;
	font-weight:600;
	padding:5px 0 30px 0;
}

.topnews {
    margin:30px auto;
}

.topnews p{
    padding:10px 50px 10px 100px;
    position: relative;
    border: 1px solid #ee8db4;
    overflow: hidden;
    z-index: 0;
	font-size:14px
	
}
.topnews p::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 1px;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    border: 1px solid #fff;
    transform: translateY(-50%);
    z-index: -1;
}
.topnews p span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 50%;
    width: 80px;
    height: 100%;
    transform: translateY(-50%);
    background: #ee8db4;
    font-size: 14px;
    z-index: -2;
	font-size:12px;
	color:#fff
}
.color-pink {
	color:#ee8db4;
	
}

/*==============================================
                 start-about-page
 ===============================================*/

.about-header h3{
	font-size: 1.5em;
	color: #FFF;
	text-transform: uppercase;
	padding: 0 0 0.5em 0;
}
.about-content h3,.about-sidebar h3{
	color:#FFF;
	text-transform:uppercase;
	font-size:2em;
	padding:0.5em 0;
}
.about-content p{
	color: #4E451E;
	font-size: 0.875em;
	padding: 0.5em 0;
	line-height: 1.5em;
}
.about-content h4{
	color:#FFF;
	font-size:0.875em;
	line-height:1.5em;
}
.about-content img{
	background:#fff;
	padding:5px;
	float:left;
	width:40%;
	float:left;
	margin:0 1em 0.3em 0;
	display:block;
}
.about-sidebar-grid-img{
	float: left;
	width: 35%;
	padding-top: 6px;
}
.about-sidebar-grid-img img{
	background:#FFF;
	padding:5px;
	display:block;
}
.about-sidebar-grid-info {
	float: right;
	width: 64%;
}
.about-sidebar-grid-info p{
	color:#FFF;
	font-size:0.875em;
	line-height:1.5em;
}
.about-sidebar-grid-info span{
	color:#4E451E;
	font-size:0.875em;
	line-height:1.5em;
}
.about-sidebar{
	width:28%;
	float:right;
}
.about-sidebar-grid {
	border-bottom: 1px dashed #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/*==============================================
                 start-about-member
 ===============================================*/
.about-team h3{
	color:#FFF;
	text-transform:uppercase;
	font-size:2em;
	padding:0.5em 0;
}
.about-team-member{
	float: left;
	width: 17.4%;
	margin-right: 3%;
}
.last-member{
	margin:0;
}
.about-team-member img{
	background:#fff;
	padding:5px;
	display:block;
	width:100%;
}
.about-team-member h4 a{
	color:#FFF;
	text-transform:uppercase;
	padding:0.5em 0;
	display:block;
}
.about-team-member p{
	color:#4E451E;
	font-size:0.875em;
	line-height:1.5em;
}

/*== start-blog ==*/
.blog{
	padding:4em 0;
}
.image {
	clear: both;
	padding: 0px;
	margin: 0px;
	padding: 1.5% 0;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}

.images_3_of_1 {
	width:40%;
	position:relative;
	float: left;
}
.images_3_of_1 p{
	background:url(../images/lbl.png) no-repeat 0px 0px;
	display:block;
	width: 50px;
  height: 67px;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:1em;
	position: absolute;
	top: 0px;
	left: 0px;
}
.images_3_of_1 p span{
	display:block;
	font-size:1em;
}
.span_2_of_3{
	width: 58%;
	float: right;
}
.span_2_of_3  h3 a{	
	color:#404642;
	text-align: left;
	font-size:1em;
	font-weight:600;
	margin-bottom:0.5em;
	display:inline-block;
}
.span_2_of_3  p  {
	color: #848484;
  font-size: 0.875em;
  line-height: 1.8em;
}
.span_2_of_3  span a{
		color: #848484;
		font-size: 0.85em;
		display:block;
		font-weight:600;
		background: url(../images/list.png) no-repeat 13% 51%;
		  margin-top: 11px;
}
.span_2_of_3 span a:hover{
	  color: #000;
	  background: url(../images/list1.png) no-repeat 13% 51%;
}
/*----artical-links---*/
.artical-links{
	padding: 10px 0px;
	border:1px dashed rgba(0, 0, 0, 0.61);
	border-left: none;
	margin-top: 15px;
	border-right: none;
}
.artical-links ul li{
	display:inline-block;
}
.artical-links ul li:last-child{
	float:right;
}
.artical-links ul li img{
	vertical-align:middle;
	padding-right:10px;
}
.artical-links ul li{
	font-size:0.8em;
}
.artical-links ul li a{
	color: #848484;
	padding-left: 20px;
}
.artical-links ul li a:hover{
	text-decoration:underline;
}
/*==============================================
               start-blog-single-page
 ===============================================*/
.artical-content h3{
	font-weight:600;
	font-size:1.35em;
	color: #404642;
	text-align: left;
	text-transform: uppercase;
	padding: 15px 0px;
}
.artical-content p{
	  color: #848484;
  font-size: 0.875em;
  line-height: 1.8em;
  margin-top:1em;
}
/*---comment-box----*/
.table-form{
	width:100%;
}
.table-form form input[type="text"]{
	border: 1px solid rgba(192, 192, 192, 0.22);
	outline: none;
	padding: 8px;
	margin-top: 23px;
	color: #000;
	overflow: hidden;
	width: 40%;
	display: block;
	font-family:'Raleway', sans-serif;
}
.table-form textarea{
	font-family:'Raleway', sans-serif;
	padding: 8px;
	margin-top: 25px;
	outline:none;
	color:#000;
	border: 1px solid rgba(192, 192, 192, 0.22);
	width:70%;
	height:100px;
	resize: none;
}
.table-form a{
	margin-top:10px;
	color: #404642;
	font-size: 1em;
	font-weight:600;
	text-transform: uppercase;
	display:inline-block;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;	
}
.table-form a:hover{
	color: #02be9d;	
}
.artical-commentbox h3{
	font-weight:600;
	font-size:1.5em;
	color: #404642;
	text-align: left;
	text-transform: none;
	padding-top: 14px;
	margin-top: 15px;
}

.privacyR {
	text-align:right;
	line-height:200%;
	font-size:14px;
	margin-bottom:60px;
}
.privacyList {
	margin:30px 0;
}
.privacyList li{
	margin-bottom:20px;
	padding-left:15px;
	text-indent:-15px;
}
.privacyList li span{
	font-weight:bold;
	font-size:16px;
	padding-bottom:10px;
	display:block;
}





/*==============================================
               start-Contact-page
 ===============================================*/
.contact{
	padding: 4em 0;
}
.contact_head p {
  color: #9A9598;
  line-height: 1.8em;
  font-size: 0.95em;
  margin-bottom: 1em;
}
.contact_left {
  padding-left: 0;
}
.contact_left h3, .contact_right h3 {
  color: #404642;
  font-weight:600;
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
.form_details input[type="text"], .form_details textarea {
  padding: 10px;
  width: 100%;
  font-size: 1em;
  margin: 10px 0px;
  border: 1px solid #9A9598;
  color: #9A9598;
  font-family: 'Lato', sans-serif;
  background: none;
  -webkit-appearance: none;
  float: left;
  outline: none;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.form_details textarea {
  height: 150px;
  resize: none;
  width: 100%;
}
.form_details input[type="submit"] {
  background:#02be9d;
  padding: 9px 1.2em;
  border: none;
  font-size: 1em;
  margin: 1em 0;
  color: #fff;
  outline: none;
  font-weight: 400;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
.address ul li {
  text-decoration: none;
  padding: 2px 0;
  color: #9A9598;
  line-height: 1.8em;
  font-size: 0.95em;
}
.address ul li a {
  color: #02be9d;
  margin-right: 1em;
}
.map {
	margin-top:2em;
}
.map iframe {
  min-height: 285px;
  width: 100%;
  border: none;
}


/*---responsive---*/

@media print, screen and (min-width: 992px){
	.over-display-none{display:none;}
}

@media print, screen and (max-width: 991px){
	.display-none{display:none;}
}


@media print, screen and (max-width: 1200px) and (min-width: 640px) {

    .swiper-container {
        height: 240px;
     }
.logo {margin-bottom:0;}
.top-nav,
.top-nav2 {
  float:none;
  text-align:center;
  display:block;
  margin:0 auto;
}
.container {
  width:94%;
}

.logo {
	text-align:center;
  float:none;
}
.fb-container {margin-bottom:30px}
.content-grids h2 {
  font-size: 1.6em;
  width: 80%;
}
.caption2 h3 a {
  font-size: 1em;

}
.recent-head p, .who_we-head p {
  font-size: 0.86em;
  width: 82%;
}
.recent-head h3, .who_we-head h3 {
  font-size: 1.4em;
}


.project_grids h3 {
  font-size: 1.1em;
}
.featured {
  margin: 3em 0;
}
.about,.projects,.blog,.contact {
  padding: 3em 0;
}
.about-main h3, .projects-header h3, .blog-header h3, .contact-header h3 {
  font-size: 2em;
}
.breadcrumb > li {
  font-size:0.85em;
}
.about-top-left h4 {
  font-size: 1.1em;
}
.who_are h3 {
  font-size: 1.3em;
}
.who_are h4 {
  font-size: 1em;
}
h3.team {
  font-size: 1.3em;
}
.team-grid h3 a {
  font-size: 1em;
}
.error-page p {
  font-size: 2.5em;
}
.error-page h3 {
  font-size: 10em;
}
a.btn1 {
  font-size: 0.85em;
}
.images_3_of_1 {
  width: 39.2%;
}
.span_2_of_3 {
  width: 57.1%;
}
.gallery-button a:hover {
  background: url(../images/list1.png) no-repeat 33% 54%;
}
.gallery-button a {
  background: url(../images/list.png) no-repeat 33% 54%;
}
.span_2_of_3 span a:hover {
  background: url(../images/list1.png) no-repeat 17% 61%;
}
.span_2_of_3 span a {
  background: url(../images/list.png) no-repeat 17% 51%;
}
.contact_left h3, .contact_right h3 {
  font-size: 1.3em;
}

.contnt-grids {
  width:49.5%;
  }
.contnt-grids:nth-child(2n) {
	margin-right:0;
}


.caption2 h3 a {
	padding:0.5em;
}
.top-nav ul li a,
.top-nav2 ul li a {
	
	width: 100%;
	display:block;
	margin:0;
	padding:14px 0.7em;
	color:#666;
}
.top-nav ul li:first-child a,
.top-nav2 ul li:first-child a {
	padding-left:0;
}
.project1.fetur {padding:0 15px;}
.project1,.project2
 {margin-bottom:30px;}

 .about-top-right p {
  
 
  margin-right:0;
} 
 
}



@media (max-width:639px){
    .swiper-container {
        height: 240px;
     }
.logo {
	width:40%;
	padding:0;
	margin:10px;
}
.container {width:92%;}
.sp_container {width:100%;}

.breadcrumb {
  margin: 1em 0 0 0;
}
.top-header {
  margin-bottom: 1em;
}
.join .container {
	width:100%;
}
.join .container img{
	width:90%;
	margin:0 auto;
	text-align:center;
}

.top-header-left p {
  font-size: 0.7em;
}
.top-header-contact-info p {
  font-size: 0.7em;
}
.top-header-right {
  width:60%;
}
.featured {
	margin-top:1.5em;
}
.social {
  margin: 20px 0 0 0px;
}
.top-header-contact-info span {
  font-size: 1em;
}
span.menu:before {
	content: url(../images/nav.png);
	cursor: pointer;	
	height:32px;
}
.top-nav,.top-nav2 {
  width:10%;
  float: right;
  margin:22px 15px 0 0;
}
.top-nav ul,.top-nav2 ul{
	display:none;
}
.top-nav  ul li,
.top-nav2  ul li {
	display:inline-block;
	width: 100%;
	border-bottom:1px solid #ededed;
	
}
.top-nav ul li a,
.top-nav2 ul li a {
	width: 100%;
	display:block;
	margin:0;
	padding:14px 0;
	color:#666;
	background:#f6f6f6;
}
.top-nav ul li a:hover,
.top-nav ul li.active a,
.top-nav2 ul li a:hover,
.top-nav2 ul li.active a{
	color:#fff;
	background:#02be9d;
}
.menu{
	display:block;
	float:right;
	margin-top:3px;
}
.top-nav2  ul,
.top-nav  ul{
	margin: 0;
  z-index: 999;
  position: absolute;
  width:100%;
  text-align: center;
  top:9.0%;
  left:0;
  
}
.main-header {
  margin-top: 0px;
}
.top-header-left {
  padding-top: 0;
}
.social {
  margin: 0px 0 0 0px;
}
.contnt-grids {
  width:100%;
  display:inline-block;
  vertical-align:top;
  float:none;
padding:0;
  margin-top:0;
  margin-bottom:1em;
}
.contnt-grids:nth-child(2n) {
	margin-right:0;
}
.contnt-grids p {
	margin:0;padding:0;
}
.contnt-grids img {
	margin-bottom:0;
}

.caption2 h3 a {
  
  width:100%;
  padding:1em;
}

.caption2 {
	width:100px;
	padding-top:15%;
	min-width:50%
}
.content-grids h2 {
  padding-top: 1em;
}
.content-grids h2 {
  font-size: 0.9em;
  width: 93%;
}

.recent {
  margin-top: 1em;
  padding-bottom:25px;
}
.recent-head h3, .who_we-head h3 {
  font-size: 1em;
}
.recent-head p, .who_we-head p {
  font-size: 13px;
  width: 100%;
}
.charitys {
  margin-top: 1em;
}
.chrt_grid {
  margin-bottom: 1em;
}
.chrty p {
  font-size: 13px;
}
.chrty h3 {
  font-size: 0.85em;
}


.project_grids h3 {
  font-size: 1em;
}
.project1 p {
  font-size: 13px;
}
.about-top-left {
	padding:0;
	width: 100%;
}
.about-top-right {
  float: left;
  width:100%;
  padding:0;
  margin-top:0.5em;
}
.about-top-right p {
  font-size:13px;
}
.who_are {
  margin-top: 1em;
}

.artical-links ul li:nth-child(3){
	display:none;
}
.map iframe {
  min-height: 150px;
}
.address ul li {
  padding: 0px 0;
  font-size: 0.8em;
}
.map {
  margin-top: 1em;
}
.form_details input[type="submit"] {
  font-size: 0.8em;
}
.project1 {
	margin-bottom:2em;
	padding-right:0;
}
.project2 {
	padding-right:0;
	padding-left:0;
	margin-bottom:2em;
}
.project3 {
	padding-right:0;
	padding-left:0;
	width:100%;
}
.ftr {
margin-top:0;
}
.footer {
	padding-top:1em;
}
.ftr_navi:nth-child(2) ul {
	margin-top:0;
}
.sp_hide {display:none;}
.sp_copy {margin-top:30px;text-align:center;display:block;}
.about {padding-bottom:0;}

.feature_box img {
	float:right;width:20%;
	margin-right:0;
	margin-left:20px;
}
.feature_box .flL {margin-right:0;}
.feature_box li h4 {padding-left:0;}
.sp_feature {
	width:100%!important;
}
.class_info li{
	width:100%;
	min-height:auto;
}

.ftr_navi h3{
	width:100%;
	border-bottom:1px solid #ededed;
	padding-bottom:10px;
	margin-bottom:10px;
}
.ftr_navi h3 a{
	font-weight:normal;
	font-size:14px;
	display:block;
	color:#666;
}
.ftr_navi li{
	border-bottom:1px solid #ededed;
	padding-bottom:10px;
	margin-bottom:10px;
}
.about-list {
	margin-left:0;
}
.who_are .container {
	width:100%;
}
.mt30 {margin-top:30px;}
.project1 {margin-bottom:30px;}
.project2 .event {
	border-bottom:1px solid #ededed;
	padding-bottom:10px;
	margin-bottom:10px;
}
.md {display:none;}
.sm {display:block;}
.about  {padding:2em 0;}
.about-main h3 {font-size:28px;}
.about-top {margin:2em 0;}
.txtR {text-align:right}

}

#table_check,#table_check th,#table_check td {
	border-collapse: collapse;
    border:1px solid #333;
}
#table_check td,#table_check th {padding:15px}
#table_check th:first-child {width:20%}

/**評価・点検**/

.custom_tbl h4{
	margin-bottom:30px
}
.custom_tbl h5{
	font-weight:bold;
	font-size:18px;
}


.table_check_column {
	width:48%;	
}
.table_check_column th{
	font-weight:bold;
	padding-bottom:5px;
	width:45%;
}
.table_check_column span {font-size:12px}

.table_check_column td{
	width:55%;
	padding-bottom:5px
}
.tb_detailA {width:100%;margin-bottom:30px}

.tb_detailA thead th{
	background:#f5f5f5;
	font-weight:bold;
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
	
}
.tb_detailA thead td{
	background:#f5f5f5;
	text-align: center;
	border:1px solid #ccc;
	font-weight:bold;
	padding:10px;
	width:20%;
	vertical-align:middle;
}

.tb_detailA tbody th{
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
}
.tb_detailA tbody td{
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
	text-align: center;
	vertical-align:middle;
}

/*tableB*/

.tb_detailB {width:100%;margin-bottom:30px}

.tb_detailB thead th{
	background:#f5f5f5;
	font-weight:bold;
	border:1px solid #ccc;
	padding:10px;
	width:10%;
	vertical-align:middle;
	
}
.tb_detailB thead td{
	background:#f5f5f5;
	text-align: center;
	border:1px solid #ccc;
	font-weight:bold;
	padding:10px;
	vertical-align:middle;
	width:10%;
	vertical-align:middle;
}

.tb_detailB tbody th{
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
}
.tb_detailB tbody td{
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
	text-align: center;
	vertical-align:middle;
}

/*tableC*/

.tb_detailC {width:100%;margin-bottom:30px}

.tb_detailC thead th{
	background:#f5f5f5;
	font-weight:bold;
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
	
}
.tb_detailC thead td{
	background:#f5f5f5;
	text-align: center;
	border:1px solid #ccc;
	font-weight:bold;
	padding:10px;
	vertical-align:middle;
}

.tb_detailC tbody th{
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
}
.tb_detailC tbody td{
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
	text-align: center;
	vertical-align:middle;
}
.tb_detailC span{font-weight:normal;font-size:13px;}

/*tableD*/

.tb_detailD {width:100%;margin-bottom:30px}

.tb_detailD th{
	background:#f5f5f5;
	font-weight:bold;
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
}
.tb_detailD td{
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
	text-align: center;
	vertical-align:middle;
}

/*tableE*/

.tb_detailE {width:100%;margin-bottom:10px}
.tb_detailE th h5{font-weight:bold;font-size:18px}
.tb_detailE thead th{font-weight:bold;font-size:18px}

.tb_detailE th{
	border:1px solid #999;
	padding:10px;
	vertical-align:middle;
	font-weight:normal
}
.tb_detailE td{
	border:1px solid #999;
	padding:10px;
	text-align: center;
	vertical-align:middle;
	width:10%
}
.tb_detailE_txt {
	border:1px solid #999;
	padding:15px;
	margin-bottom:40px;
	display:block;
}

.txtR {text-align:right}
.mb30 {margin-bottom:30px}
.maru {
	display:inline-block;
	height:30px;
	width:30px;
	border-radius:50%;
	line-height:30px;
	text-align:center;
	border:1px solid #999;
	margin:10px 50px 10px 0;
}
.nomaru {
	display:inline-block;
	margin-right:50px;
}
.bgfff {background:#fff}
.uline{text-decoration:underline}