@charset "utf-8";
/* CSS Document */
*{margin:0;	padding: 0;	box-sizing: border-box;	font-size: 14px;	line-height: 1.6em;	font-weight: 100;}
body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	overflow-x: hidden;
}
a{text-decoration: none;color:#000;}
a[href^="tel:"] {
    pointer-events: none;
}
.pc-none{	display: none!important;}
.sp-none{	display: inherit!important;}
.Wrp{	width: 1200px;margin: 0 auto;padding: 2% 0 0;}
.Wrp2{	width: 1000px;margin: 0 auto;padding: 1% 0;}
.IMG100{	width:100%;	display: block;}
.IMG50{	width:50%;	display: block;}
.Link{margin-top: -100px;padding-top: 100px;}
main p{font-size: 20px;}
/*nav*/
.luxbar-brand img{ height: 58%;display: block;margin-left: 30px;margin-top: 22px;}
.luxbar-item{font-style: italic;text-align: center;}
.luxbar-item span{font-size: 25px;font-weight: bold;}
.luxbar-item a{line-height: 0.1em;}
.luxbar-fixed{box-shadow:none!important;}
/*mainvixual*/
.visual-inner{padding-top: 160px;}
.visual-inner h1{color:#fff;font-size: 45px;text-align: center}
.visual-inner p{color:#fff;font-size: 18px;text-align: center}
/*title*/
.title h2{font-size: 87px;text-align: center;color: #1853de;font-style: italic;font-weight: bold;}
.title h2 span{font-size: 40px; display: block;line-height: 0em;}
.title p{text-align: center;margin-top: 50px;}
/*service*/
.service{background-color: #f4f4f4;padding-bottom: 80px;}
.service-Wrp{display: flex;margin-top: 50px;flex-wrap:wrap;width: 1000px;margin: 50px auto 0;}
.serviceBox{width: 46%;margin: 0 2%; background-color: #fff;}
.serviceBox img{display: block;width: 100%;}
.serviceBox h3{font-size: 30px; margin: 5% 5%;color: #1853de;font-style: italic;font-weight: 500;border-bottom: 2px solid #1853de;}
.serviceBox p{margin: 3% 5% 5%;font-size: 16px;text-align: justify;}
/*mission*/
.mission h3{font-size: 30px;text-align: center;margin-top: 50px;font-weight: 500;}
/*company*/
.company .title h2{color: #fff;}
.companyWrp{margin-top: 50px;padding-bottom: 50px;}
.companyBox{display: flex;margin-bottom: 10px;flex-wrap:wrap; margin: 0 auto 10px;}
.companyBox dt{width:20%; background-color: #fff;margin-right: 10px;font-size: 20px;text-align: center; padding: 1% 2%;}
.companyBox dd{width: 78%; background-color: #fff;font-size: 20px;  padding: 1% 2%}
/*ACCESS*/
.access{padding-bottom: 50px;}
.access iframe{margin-top: 50px;}
/*footer*/
footer{background-color: #434343;overflow: hidden;    margin-bottom: -1.3%; padding: 30px 20px;}
.footer-inner { overflow: hidden;clear: both}
.footer-inner img{ display: block;width: 15%;float: left;}
.footerBox{float:right; text-align: right;width: 50%; }
.footerBox ul li{display: inline-block;    margin: 2% 3% 1%; white-space: nowrap;}
.footerBox ul li a{display: block; width: 100%; padding: 2%;color: #fff;}
footer>p{text-align: center;color: #fff;}

.contactBox{display: flex;margin-bottom: 10px;flex-wrap:wrap; margin: 0 auto 22px;}
.contactBox dt{width:22%; background-color: #fff;margin-right: 10px;font-size: 20px;text-align: center; padding: 1% 2%;}
.contactBox dd{width: 76%; background-color: #fff;font-size: 20px;  }
.contactBox input{width: 100%;height: 100%;padding: 0 1em;}
.contactBox textarea{width: 100%;height: 100%;padding: 1em;}
.wpcf7-submit {display: block; width: 30%; margin: 0 auto; padding: 1%;}
span.wpcf7-not-valid-tip {
	color: #ffbe00!important;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    color: #fff;
	text-align: center;}
div.wpcf7-mail-sent-ok {
    border: 2px solid #e7ff00;
    color: #fff;
    text-align: center;
}
@media only screen and (max-width:1024px){
.Wrp,.Wrp2,.footer-inner{width: 100%;}
.visual-inner { margin-left: 38px;}
}

@media only screen and (max-width:768px){
	.Inner{ width: 90%; margin: 10% auto;font-weight: 100;}
.visual-inner{width: 90%; margin: 0 auto; padding-top: 140px;}
	a[href^="tel:"] {
    pointer-events:inherit;
}
	.service-Wrp{width: 100%; }
	.title h2 {font-size: 55px;}
	.title h2 span {font-size: 25px;}
	.visual-inner h1 {color: #fff; font-size: 30px;}
	.mission h3 {
    font-size: 26px;
    width: 90%;
		margin: 50px auto 0;}
	.companyWrp {
    width: 90%;
		margin: 50px auto 0;}
	.access { width: 90%;
		margin: 0 auto;}
	input, button, select, textarea {
    -webkit-appearance: none;border: none;}
	.wpcf7-submit{
		width:50%;background-color: #fff;color:#1853de;
	}
	
}
@media only screen and (max-width:640px){
	*{ font-size: 16px;	}
.pc-none{	display: inherit!important;}
.sp-none{	display: none!important;}
.IMG50{	width:100%;	display: block;}
	.Link{margin-top: -58px;padding-top: 58px;}
	.luxbar-brand img{margin-left:0;    margin-top: 13px;}
	.mainvisual { height: 500px;}
	.visual-inner {	padding-top: 80px;}
	.luxbar-navigation .luxbar-header{height: 58px;}
	.luxbar-navigation .luxbar-item{height: inherit;}
	.luxbar-navigation .luxbar-item a {	padding: 2%;}
	.luxbar-navigation .luxbar-item a{line-height: inherit}
	.luxbar-header .luxbar-brand{height: 58px;margin-left: 3%;}
	.luxbar-menu{min-height: 58px!important;}
	.mainvisual,.mainvisual2{margin-top: 58px;}
	.visual-inner h1{font-size: 20px;}
	.title h2 {font-size: 50px;}
	.title h2 span {font-size: 20px;}
	.Wrp { padding: 7% 0 0;}
	main p{font-size: 18px;}
	.title p {margin-top: 23px;padding: 0 5%}
	.service-Wrp{width: 100%; flex-direction:column;}
	.serviceBox {width: 90%;margin: 0 5% 10%;}
.serviceBox h3{font-size: 20px; margin: 5% 8%;}
.serviceBox p{margin: 5% 8%;font-size: 18px;}
.service { padding-bottom: 30px;}

.mission h3 {font-size: 20px; text-align: justify; margin: 5%;font-weight: 500;}
.companyBox dt {width: 100%;margin-right: 0;border-bottom: 1px dotted #1853de;font-size: 18px;}
	.companyBox dd {width: 100%;margin-right: 0;text-align: center;font-size: 18px;}
	.companyWrp {width: 90%;margin: 50px auto 0;}
	.access { margin: 0 5%;}
	.access iframe{height: 300px!important;}
	.access p { font-size: 18px;}
	footer{    margin-bottom: -6.3%;}
	.footer-inner img { width: 50%;float: none; margin: 4% auto;}
.footerBox {float: none;text-align: center;width: 94%; margin: 0 auto;}
		.footerBox ul {border-top: 1px dotted #fff;}
	.footerBox ul li {display: block; margin: 2% 3% 1%;border-bottom: 1px dotted #fff;}
	
	.contactBox dt{width:100%;margin: 0; font-size: 18px;}
.contactBox dd{width: 100%;}
	input, button, select, textarea {
    border: none;}
	
}

@media only screen and (max-width:320px){
}