@charset "UTF-8" ;

html{
	font-size: 140%;
}
body{
	font-family: "Yu Gothick Medium", "游ゴシック　Medium", "YuGothick", "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height: 1.7;
	color: #000;
	}
a{
	text-decoration: none;
	color: inherit;
	}
img {
	max-width: 100%
}






.wrapper {
	display: flex;
	flex-direction: column;
}
.upper-header {
	display: flex;
	border-bottom: 2px solid black;
	margin-bottom: 50px
	color:#000000;
	font-weight: normal;
}
.logo {
	margin-top: -3vw;
	margin-right: 20vw;
	width: 50vw;
	margin-bottom: -30px;
}
.time {
	margin-bottom: 1vw;
	display: flex;
	flex-direction: column;
	list-style: none;
	font-size: 1.5vw;
	border-top: 2px solid black;
}
.time li{
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	padding-left: 5vw;
	padding-right: 5vw;
}

.lower-header {
	display: flex;
	border-bottom: 2px solid black;
	color:#000000;
	font-weight: bold;
	background-color: lightgreen;
}
.g-nav {
	display: flex;
	list-style: none;
	font-size: 2.25vw;

}
.g-nav :hover{
	background-color: lightblue;
}
.g-nav li {
	margin-left: 3.4vw;
	margin-right: 3.4vw;
}
.Top {
}
.Service {
	border-left: 3px solid black;
}
.Office {
	border-left: 3px solid black;
}
.News {
	border-left: 3px solid black;
}
.Contact{
	border-left: 3px solid black;
}
.mail{
	
}
.Links{
	border-left: 3px solid black;
}









.Home-content{
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	border: 2px solid black;
	font-size: 100%;
}
.greeting{
	padding-left: 5px;
}
.greeting h2{
	font-size: 100%;
	font-weight: normal;
	margin-top: 10px;
}
.red{
	color: red;
}
.ind{
	margin-left:20px;
	color: black;
}
.copy{
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 5px;
}
.self{
	text-align: right;
	padding-right: 10px;
}


.service-content{
	margin-top: 20px;
}
.service-content li{
	list-style: none;
}
.service-content table{
	width: 95%;
	border-collapse: collapse;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: 0px;

}
.service-content td{
	border: 1.5px solid black;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
.bot {
	display: flex;
	justify-content: center;
}
.services{
	width: 80vw;
	margin-left: 30px;
	border: 3px solid black;
	margin-top: 5px;
	margin-bottom: 30px;
}
.service-box{
	width: 100%;
	margin-left: auto;
	margin-right: 0px;
	padding-left: auto;
	padding-right: 0px;
}
.rosya{
	margin: 10px;
	padding: 1px;
	border-radius: 7px;
	border: 2px solid black;
	background-color: orange;
}
.spot{
	margin: 10px;
	padding: 1px;
	border-radius: 7px;
	border: 2px solid black;
	background-color: #00bfff;
}
.kyuyo{
	margin: 10px;
	padding: 1px;
	border-radius: 7px;
	border: 2px solid black;
	background-color: green;
}
.service-region{
	width: 50%;
	margin-top: 40pxpx;
	margin-bottom: 20px;
}





.office-content{
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 30vw;
}
.office-list{
}
.office-list td{
	border: 1.5px solid black;
	padding-left: 15px;
	padding-right: 15px;
}
.office-table{
	border-collapse: collapse;
	border: 3px solid black;
}
.office-top{
	border-top: 5px solid black;
}
.office-bottom{
	border-bottom: 3px solid black;
}





.links-content{
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
}
.links-content h3{
	font-weight: normal;
	margin-bottom: 20px;
} 
.links-content a{
	padding-top: 5px;
}
.lin:hover{
	opacity: 0.6;
	border-bottom: 1.5px solid gray;
}



.News-title {
	background-color: #FFF;

}
.News-title-a {
	text-align: center;
	font-size: 140%;
	font-weight: normal;
	padding-top: 20px;

}
.news-block {
	margin-bottom: 5vw;
	width: 60vw;
	margin-right: 20vw;
	margin-left: 20vw;
}
.news-block a {
	text-align: center;
	font-size: 1.6vw;
}
.news-block div {
	border-bottom: 2px solid black;
	padding: 1vw 0;
	margin: 0 0 1vw 0; 
}
.news-block2 {
	margin-bottom: 5vw;
	width: 60vw;
	margin-right: 20vw;
	margin-left: 20vw;
}
.news-block2 h3 {
	font-size: 1.9vw;
}
.single-title {
	margin-top: 7vw;
	margin-bottom:1vw; 
}
.news-block2 p {
	font-size: 1.6vw;
}





.contact-content{

}
.contact-top{
	display: flex;
	flex-direction: column;
	width: 60%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20%;
	margin-right: 20%;
}
.contact-top h3{
	margin-bottom: 15px;
	text-align: center;
}

label {
	font-size: 1.7vw;
	margin-left: 20vw;
	display: block;
}

input[type="text"],input[type="email"],textarea {
	background: rgba(255,255,255,.5);
	border: 1px #000 solid;
	border-radius: 3px;
	
}
input[type="text"],input[type="email"] {

	width: 35vw;
	min-width: 30vh;
	height: 40px;
}
textarea {
	width: 40vw;
	min-width: 35vh;
	height: 200px;
	vertical-align: top;
}

.btn {
	margin: 0 0 4vw 45vw;
	width: 10vw;
	background-color: #00FF6C;
	border: 2px solid #717673;

}
.btn :hover{
	background-color: lightblue;
}
.btn-send {
	font-size: 2vw;
	text-align: center;
}
.btn-send :hover{
	background-color: lightblue;
}
.confirm {
	margin-left: 23vw;
	font-size: 1.5vw;
}







.footer-wrapper {
	background-color: black;
	color: white;
	margin-top: auto;
}
.footer {
	display: flex;
	font-size: 2.0vw;
	justify-content: space-between;
	padding: 0 2vw;
	margin-top: auto;
}

.g-nav-footer {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-top: 1.5vw;

}
.g-nav-footer li {
	margin-right: 3vw;
}
.footer-data {
	display: flex;
	list-style: none;
}
.right {
	text-align: center;
	font-size: 1.6vw;
	margin-top: 30px;
	}
.foot-nav:hover{
	opacity: 0.6;
}