@charset "utf-8";
a {
	text-decoration: none;
}
.flexcont {
	display: flex;
	isplay: -webkit-flex;

	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
}
/*
.grid {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}
*/
.grid-cell {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  line-height: 1;
  color: #333;
  box-shadow: 0 2px 5px #ccc;
  
  flex: 1;
}
.grid-cell p, h3 {
	display: block;
	margin: 0;
	padding: 20px;
	color: #333;
	text-decoration: none;
	line-height: 160%;
}
.gridcellAnchar {
	display:block;
	height: 100%;
	
}
.grid-cell:hover {
	background-color: #F7E9DD;
}
.mbbtn {
	color:#FFFFFF;
	width: 110px;
	height: 70px;
	border-radius: 5px;
	box-shadow: 3px 3px 5px #333;
	display: flex;
	justify-content: center;
	align-items: center;
	border: thin solid rgba(153,153,153,1);
	margin: 10px;
	background-color: rgba(30,30,40,0.7);
	font-size: 0.8em;
	
	
}
.mblink {
	display: block;
}
.mainarticle {
	flex: 3;
	margin: 0px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	
}
.sideaside {
	flex: 1;
	margin: 0px;


	//background-color: rgba(102,153,255,1);
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	font-size: 0.8em;
}
.supressor {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

.wow {
	width: 100%;
	height: 100VH;
	
	z-index: -30;
	position: relative;
	
	display: flex;
	justify-content: center;
	align-items: center;

}
.pagetitle{
	display:block;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: absolute;
	top: 48VH;
}
/* 以下のsolbackは、mobile対応の新式 beforeがポイント */
.aboutback {
	width: 100%;
	height: 100VH;
	background: none;	
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.aboutback::before {
  
  
  background:url('../about/mg/top.jpg') no-repeat center center;
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100VH;

  content: "";
  z-index: -7;
  }
.solback {
	width: 100%;
	height: 100VH;
	background: none;	
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.solback::before {
  
  background:url('../sol/mg/top0.jpg') no-repeat center center;
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100VH;

  content: "";
  z-index: -7;
}
.contactbtn {
	//font-family: Montserrat;
	font-family: Cinzel;
	color:#144A58;
	width: 140px;
	height: 120px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 5px 10px rgba(181,198,208,1);
	width: 100%;
	height: 60px;
	border-radius: 5px;
	
	background: rgba(242,246,248,1);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-shadow: 1px 1px 1px #FFFFFF;
	
		transition: .3s;
		
}
.contactbtn:hover {

	box-shadow: 0 3px 3px rgba(181,198,208,1);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.contactback {
	width: 100%;
	height: 100VH;
	background: none;	
	display: flex;
	justify-content: center;
	align-items: center;
}
.contactback::before {  
  background:url('../contact/mg/top.jpg') no-repeat center center;
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100VH;
  content: "";
  z-index: -7;
}
.wholewidth {
	width: 100%;
	background-color:rgba(255,255,255,1);
	z-index: -10;
}
.solhead {
	width: 100%;
	height: 0VH;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #909090;
	//background-color: #95ACB7;
}
.asidebtn2 {
	background-color: #dfdfdf;




	//background-color: #beccd3;
	display: block;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.asidebtn2:link {
	color:#000000;
}
.asidebtn2:visited {
	color:#000000;
}
@media screen and (min-width:1100px) {
	.solhead {
	width: 100%;
	height: 15VH;
	}
	.grid {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		list-style: none;
	}
	.flexbox {
		display: -webkit-flex;
		display: flex;
	}
	.supressor {
		width: 80%;
		max-width: 1400px;
	}
}