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

/* form-----------------------------------------------------------------------------*/

.button{
	background-color: #2159a5;
	color: #fff;
}


#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;

}
table.formTable{
	width:100%;
	margin:0 auto;
	
}
table.formTable td,table.formTable th{
	border:1px solid #FFF;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#2159a5;
	text-align:center;
	border-radius: 30px 0 0 30px;
	color: #fff;
}

form input[type="submit"], form input[type="reset"], form input[type="button"] {
	margin-top: 5rem;
}





/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:768px) {

#formWrap {
	width:100%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
form input[type="text"], form textarea {
	width:100%;
	padding:5px;
	font-size:110%;
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}

}

.FormContent{
	background-color: #fff;
	border: 1.5px solid #2159a5;
	box-shadow: 5px 5px 0px 0px rgba(144, 144, 144, 0.4);
	padding: 2rem;
	border-radius: 30px;
	width: 1000px;
	margin: 0 auto;
}

#contact h3{
	font-weight:bold;
	font-family: "ZenKakuGothicNew";
	letter-spacing: 2px;
	font-size: 3rem;
	color: #fff;
	background-color: #2159a5;
	text-align: center;
	width: 500px;
	padding: 1rem;
	margin: 5rem auto;
	border-radius: 30px 5px 30px 5px;
	
}



/* home ------------------------------------------------------------------------------*/

.logoImage{
	padding:1rem 5rem;
}
.logoImage img{
	width: 350px;
}
.TopImage{
position: relative;
	
}
.TtleImage{

	position:inherit;
}
.TopImage img{
position: absolute;
	width: 800px;
	bottom: 65%;
    left: 50%;
    transform: translate(-50%, -65%);
    
}
.TopImage .pc{
	display: block;
}
.TopImage .sp{
	display: none;
}
.bg01{
	background-image: url("../images/home/bg01.jpg");
	background-position: center;
	background-repeat: repeat;
	background-size: contain;
	padding-block:10rem;
}
.bg02{
	background-image: url("../images/home/bg04.svg");
	background-position: center;
	background-repeat: repeat;
	background-size:cover;
	padding-block:10rem;
}
.bg03{
	background-color: #ece9b5;
	padding-block:10rem;	
}
.bg04{
	background-image: url("../images/home/bg03.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	padding-block:10rem;
}


.greetingBox{
	position: relative;
	background-color: #fff;
	padding: 3.5rem;
	border-radius: 30px;
	opacity: 0.8;
	box-shadow: 5px 5px 0px 0px rgba(144, 144, 144, 0.4);
}
.greetingBox img{
	position: absolute;
	right: 3rem;
	top: 10rem;
}
#greeting h2{
	font-weight:700;
	font-family: "Zen Kaku Gothic New";
	letter-spacing: 2px;
	font-size: 3rem;
	text-align: center;
	padding-blok:3rem;	
}
#greeting p{
	font-size: 1.9rem;
	color: #4a648c;
	padding:3rem;
	letter-spacing: 2px;
	line-height: 2;
	font-weight:500;
}
.ProfileBox{
	display: flex;
	justify-content:center;
}
#inoue p{
	color: #2159a5;
	font-family: "Zen Kaku Gothic New";
	font-weight: 500;
	padding-inline-end:10rem;
}
.profile{
	border: 1.5px solid #4a648c;
	padding: 2rem 3rem;
}
#greeting .profile p{
	padding: 0;
}
.b{
	font-size: 3rem;	
}
.about{
	background-color: #4d7ab7;
	color: #fff;
	font-family: "Zen Kaku Gothic New";
	font-weight: 500;
	padding: 3rem;
}
.AboutBox{
	padding: 3rem;
	margin-block:3rem;
	border: 1px solid #fff;
}
.about h3{
	font-family: "Zen Kaku Gothic New";
	font-weight: 500;
	font-size: 2.7rem;
	padding-block-end:2rem;
}

.about p{
	font-family: "Zen Kaku Gothic New";
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 1.8rem;
}
.works h2{
	font-family: "Zen Kaku Gothic New";
	font-weight: 700;
	font-size: 2.7rem;
	text-align: center;
	letter-spacing: 2px;
	padding: 2rem 3rem;
	border: 1px solid #4d7ab7;
	background-color: #fff;
	color: #4d7ab7;
	border-radius: 20px;
}
.WorksContentBOX{
	background-color: #fff;
	padding: 3rem;
	border-radius: 30px;
	margin-block:5rem;
}
.WorksContent{
	display: flex;
	
}
.WorksImageBox{
	width: 30%;
}
.WorksTextBox{
	font-family: "Zen Kaku Gothic New";
	font-weight: 500;
	width: 65%;
	padding: 3rem;
	font-size: 1.7rem;
	line-height: 2;
}
.WorksTextBox h3{
	font-family: "Zen Kaku Gothic New";
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 3rem;
}

#tochisouzoku h3{
	font-family:  "Zen Kaku Gothic New";
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 3rem;
	text-align: center;
}

#tochisouzoku .WorksImageBox img{
	position: absolute;
	bottom: 0;
	width: 330px;	
}
.akiya .WorksContentBOX h3{
	font-family:  "Zen Kaku Gothic New";
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 3rem;
	text-align: center;
}
.akiya .WorksContentBOX img{
	float: left;
	padding: 3rem;
	width: 45%;
}
.akiya .WorksContentBOX p{
	padding: 3rem;
	font-size: 1.7rem;
	line-height: 2;
}

.gaikokujinn .WorksContentBOX h3{
	font-family:  "Zen Kaku Gothic New";
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 3rem;
	text-align: center;
}

.gaikokujinn .WorksContentBOX p{
	padding: 3rem;
	font-size: 1.7rem;
	line-height: 2;
}
.flow h2{
	font-family:  "Zen Kaku Gothic New";
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 3rem;
	text-align: center;
	margin-block:2rem;
}
.flowBox{
	text-align: center;
}
.step{
	display: flex;
	justify-content:center;	
	
}

.step p{
	background-color: #fff;
	border-radius:0 20px 20px 0 ;
	color: #4a648c;
	font-size: 2.3rem;
	letter-spacing: 2px;
	margin-block:2rem;
	padding:2rem 23rem 2rem 0;
	width: 90rem;
	
}
.StepTitle{
	background-color: #7a9bc9;
	border-radius: 20px 0 0 20px;
	color: #4a648c;
	font-size: 2.3rem;
	margin-block:2rem;
	padding:2rem;
	width: 25rem;
}
.AccessBox h2{
	font-family:  "Zen Kaku Gothic New";
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 3rem;
	text-align: center;
	margin-block:2rem;
}
#flow .bgbl{
	background-color: #2159a5;
	color: #fff;
}


#access .MapArea{
	display: flex;
	justify-content: space-around;
	background-color: #fff;
	border-radius: 30px;
	padding: 2rem;
}
#access .MapArea p{
	padding: 2rem;
	font-family:  "Zen Kaku Gothic New";
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 2rem;
}

.TelBox{
	text-align: right;
	margin-top: 2rem;
}
.TelBox a{
	font-size: 2.5rem;
	color: #fff;
	text-align: right;
}
.flogo a{
	color: #fff;
}



/*　Media Queries　-------------------------------------------------------*/
@media (max-width:1280px) {}
@media (max-width:1120px) {}
@media (max-width:1024px) {}

@media (max-width:768px) {
	/*	header#globalHeader　----------------------------------------------------*/
.bg03{
	padding-block:4rem;	
}
.bg04{
	padding-block:4rem;
}

.logoImage{
	padding:1rem 2rem;
}
.logoImage img{
	width: 350px;
}
.step p{
	font-size: 2rem;
	padding:2rem;	
}
.TopImage .pc{
	display: none;
}
.TopImage .sp{
	display: block;
}
.TopImage img{
position: absolute;
	width: 220px;
	bottom: 10%;
    left: 50%;
    transform: translate(-50%, -10%);
	z-index: 0;
}
.ProfileBox{
		display: block;
	}
.bg01{
		padding-block:3rem;
	}
#greeting p{
		padding: 0.5rem;
	}
	
#greeting h2{
		font-size: 2.2rem;
	}	
	
#greeting p{
		font-size: 1.8rem;
		line-height: 1.8;
	}
#inoue p{
		line-height: 1.5;
		padding-block:2rem;
	}	
.b{
	font-size: 2.7rem;	
}	
.WorksContent{
	display: block;
	
}
.WorksImageBox{
	width: 100%;
}
.WorksTextBox{
	width: 100%;
	padding: 1.5rem;
	font-size: 1.7rem;
	line-height: 2;
}
.WorksContentBOX{
	background-color: #fff;
	padding: 1.5rem;
	border-radius: 30px;
	margin-block:5rem;
}
.works h2{
	font-size: 2.3rem;
	text-align: left;
	}
#tochisouzoku h3{
	font-size: 2.6rem;
}
#tochisouzoku .WorksImageBox img{
	position: inherit;
	width: 100%;	
}

.WorksTextBox h3{
	font-size: 2.6rem;
	line-height: 1.5;
}
.gaikokujinn .WorksContentBOX h3{
	font-size: 2.8rem;
}
.akiya .WorksContentBOX img{
	clear: left;
	width: 100%;
}
.akiya .WorksContentBOX p{
	padding: 1.5rem;
	font-size: 1.7rem;
	line-height: 2;
}
	
#access .MapArea{
	display: block;
	padding: 1.6rem;
}
#access .MapArea p{
	font-size: 1.6rem;
}
	
#access .map iframe{
		width: 100%;
	}	
.FormContent{
       width: 100%;
	}
#contact h3{
		width: 100%;
	}	
.TelBox{
		text-align: center;
	}	
.TelBox a{
		text-align: center;
	}
	
	
.gaikokujinn .WorksContentBOX p{
	padding: 1.5rem;
	font-size: 1.7rem;
	line-height: 2;
}	
	
}
@media (max-width:576px) {}
@media (max-width:414px) {
	

}
@media (max-width:390px) {
		.collapse .navbar-nav{
	position: absolute;
	top: 6rem;
	left: 28%;
	display:inline-grid;
	width: 100%;
	color: #fff;
	z-index: 9999;
}
}
@media (max-width:320px) {
		.collapse .navbar-nav{
	position: absolute;
	top: 6rem;
	left: 28%;
	display:inline-grid;
	width: 100%;
	color: #fff;
	z-index: 9999;
}
}