@charset "UTF-8";
body {color: #000;font-family: 'yu-gothic-pr6n', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size:60%;font-weight:300;-webkit-text-size-adjust: 60%;width:100%;margin:0 auto;}



a img.blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img.blight{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
a{text-decoration:none;color:#000;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{text-decoration:none;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}

button{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
button:hover{text-decoration:none;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}

input[type="submit"]{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
input[type="submit"]:hover{text-decoration:none;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
img{max-width:100%;vertical-align:middle;}
.pcnone{display:none!important;}
.spnone{display:block!important;}

img[src$=".svg"] {max-width: 100%;}
/*
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
*/


header {background:#DBDBDB;}
header .kv h1{max-width:123px;margin:0 0 0 100px;}
header .kv h1 span{font-size:27px;font-weight:400;}
header .dtl_btn{width:205px;}


.kv_out{position:relative;z-index:2;margin-bottom:-14%;}
.kv{background: url("../img/kv.png") center bottom no-repeat;background-size:cover;width:100%;height:1200px;}
.kv_in{position:relative;max-width:1255px;width:100%;margin:0 auto;padding:15px 20px;}
.kv_in_in {position:absolute;top:140px;left:20px;}
.kv_in_in ul {padding:20px 0 0 100px;}
.kv_in_in ul li {padding:15px 0 0 0;line-height:1.4;}
.kv_in_in ul li span{font-size:15px;display:block;}
.kv_in_in ul li a{color:#fff;transition:color 0.2s linear;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;font-family: 'spectral', sans-serif;font-size:40px;font-weight:500;}
.kv_in_in ul li a:hover{color:#f19661;opacity: 1;}

.tistyle1{font-family: 'spectral', sans-serif;font-size:40px;text-align:center;font-weight:500;}
.tistyle1 span{font-family: 'yu-gothic-pr6n', sans-serif;text-align:center;font-weight:300;display:block;font-size:18px;}



.business{background:#DBDBDB url(../img/bg1.png) left bottom no-repeat;background-size:140px;}
.business_in{background:#DBDBDB;max-width:1050px;width:100%;margin:0 auto;padding:150px 20px 160px 20px;color:#1D1D1D;}

.business_box h4{font-size:28px;text-align:center;padding:40px 0 0 0;font-weight:500;}
.business_box ul{font-size:20px;display:table;margin:60px auto 0 auto;}
.business_box ul li{padding:15px 0 0 0;font-size:24px;display:flex;}
.business_box ul li .li_no{font-family: 'spectral', sans-serif;font-style: italic;padding:0 5px 0 0;}
.business_box p{max-width:610px;width:100%;margin:10px auto 20px auto;line-height:2;font-size:16px;}


.asset{background: rgb(239,239,239);background: linear-gradient(90deg, rgba(239,239,239,1) 49%, rgba(213,144,100,1) 50%, rgba(213,144,100,1) 100%);}
.asset_in{max-width:1170px;width:100%;margin:0 auto;position:relative;}
.asset_in_in{background:#efefef;max-width:1050px;width:100%;margin:0 auto;padding:50px 20px;}

.asset_box {position:relative;z-index:2;}
.asset_box ul{font-size:28px;display:table;margin:15px auto 0 auto;}

.dtl_btn2{max-width:290px;width:100%;margin:60px auto 80px auto;}

.asset_txt{text-align:center;font-size:20px;line-height:1.8;}

.hatena{position:absolute;top:120px;left:0;width:1170px;margin:0 auto;z-index:1;}



.contact{background: url(../img/bg2.png) right bottom no-repeat, url(../img/bg3.png) left bottom no-repeat;background-color:#EDEDED;background-size:140px;}
.contact_in{background:#EDEDED;max-width:1050px;width:100%;margin:0 auto;padding:100px 160px 140px 0;}

.contact_txt{padding:15px 0 0 0;font-size:12px;}
.contact_box dl{display:flex;max-width:720px;width:100%;margin:60px auto 0 auto;}
.contact_box dl dt{width:160px;font-size:14px;flex:none;}
.contact_box dl dd{width:100%;font-size:18px;}
.contact_box dl dd input[type="text"]{width:100%;border:1px solid #E2E2E2;background:#fff;padding:20px;font-family: 'yu-gothic-pr6n', sans-serif;}
.contact_box dl dd input[type="tel"]{width:100%;border:1px solid #E2E2E2;background:#fff;padding:20px;font-family: 'yu-gothic-pr6n', sans-serif;}
.contact_box dl dd input[type="email"]{width:100%;border:1px solid #E2E2E2;background:#fff;padding:20px;font-family: 'yu-gothic-pr6n', sans-serif;}
.contact_box dl dd textarea{width:100%;height:250px;border:1px solid #E2E2E2;background:#fff;padding:20px;font-family: 'yu-gothic-pr6n', sans-serif;}

.contact_box .send{margin:40px auto 0 auto;text-align:center;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
.contact_box .send input{width:125px;background:url(../img/send.svg) center center no-repeat;background-size:125px;text-indent:-99999px;cursor: pointer;}
.contact_box .send:hover{text-decoration:none;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}



.contact_box .wpcf7 form .wpcf7-response-output{max-width: 1010px;width: 100%;margin: 50px 0 0 100px;text-align:center;}
.contact_box .wpcf7 form.invalid .wpcf7-respsonse-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #24b7d6;padding:15px;font-size:13px;}

.contact_box .contact_txt{font-size:16px;display:table;margin:0 auto;padding:10px 0 20px 0;}




.about{background: url(../img/bg4.png) right top no-repeat, url(../img/bg5.png) left top no-repeat;background-color:#F0F0F0;background-size:140px;}
.about_in{background:#F0F0F0;max-width:1050px;width:100%;margin:0 auto;padding:0 20px 80px 20px;}
.about_in_in{padding:100px 0 80px 0;}

.about_box {margin-top:60px;line-height:2;}
.about_box_in {display:table;margin:0 auto;}
.about_box_in dl {display:flex;padding:10px 0 0 0;font-size:16px;}
.about_box_in dl dt{text-align:right;width:200px;}
.about_box_in dl dd{padding:0 0 0 20px;}
.about_box .privacy_txt{font-size: 12px;text-align: center;padding-top:100px;}

.about_box2{margin:0 auto;text-align:center;width:610px;}
.about_box2 p{font-size:16px;margin:0 0 15px 0;}

.f_logobox{display:flex;align-items: center;justify-content: space-between;}

.f_pt{width:50px;}
.f_logo{width:90px;}
.f_fb{width:50px;}


footer{background: rgb(239,239,239);background: linear-gradient(90deg, rgba(239,239,239,1) 49%, rgba(84,169,197,1) 50%, rgba(84,169,197,1) 100%);}
footer .f_in{background:#efefef;max-width:1050px;width:100%;margin:0 auto;padding:120px 20px 30px 20px;}

footer .f_in small{font-size:12px;text-align:center;display:block;}

.inv1{opacity:0;}
.inv2{opacity:0;}
.inv3{opacity:0;}


#contact_form .contact{background:#EDEDED;}

#contact_form #formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
}
#contact_form table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
#contact_form table.formTable td,#contact_form table.formTable th{
	border:1px solid #ccc;
	padding:15px;
}
#contact_form table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
#contact_form p.error_messe{
	margin:5px 0;
	color:red;
}
#contact_form .cnfm_txt{font-size:18px;text-align:center;padding:60px 0 30px 0;}
#contact_form .btnbox{display:flex;margin:40px auto;justify-content: center;}
#contact_form .submit{margin:0 10px 0 0;}
#contact_form .submit input{color:#fff!important;display:block;background:#000;padding:10px 20px;cursor: pointer;}
#contact_form .back{margin:0 0 0 10px;}
#contact_form .back input{background:#ccc;color:#000;padding:10px 20px;display:block;cursor: pointer;}
#contact_form .back a{background:#ccc;color:#000;padding:10px 20px;display:block;cursor: pointer;}


/* privacy_policy */
.privacy_policy{background:#ffffff url(../img/bg1.png) left bottom no-repeat;background-size:140px;}
.privacy_policy_in{background:#ffffff;max-width:1050px;width:100%;margin:0 auto;padding:150px 20px 80px 20px;color:#1D1D1D;}
.privacy_policy_box h4{font-size:28px;text-align:center;padding:40px 0 0 0;font-weight:500;}
.privacy_policy_box ul{font-size:20px;display:table;margin:60px auto 100px auto;}
.privacy_policy_box ul li{padding:15px 0 0 0;font-size:24px;display:flex;}
.privacy_policy_box ul li .li_no{font-family: 'spectral', sans-serif;font-style: italic;padding:0 40px 0 0;}
.privacy_policy_box p{max-width:610px;width:100%;margin:10px auto 20px auto;line-height:2;font-size:16px;}


@media screen and (max-width:767px) {
	#contact_form #formWrap {
		width:95%;
		margin:0 auto;
	}
	#contact_form table.formTable th, #contact_form table.formTable td {
		width:auto;
		display:block;
	}
	#contact_form table.formTable th {
		margin-top:5px;
		border-bottom:0;
	}
	#contact_form form input[type="submit"], #contact_form form input[type="reset"], #contact_form form input[type="button"] {
		display:block;
		width:100%;
		height:40px;
	}
}
@media screen and (max-width:480px) {
	#contact_form .cnfm_txt{font-size:3.5vw;}

}


@media only screen and (max-width:767px){
	body {font-size:0.8rem;}

	.pcnone{display:block!important;}
	.spnone{display:none!important;}

	header .h_in{padding:25px 20px;}
	header .h_in h1{font-size:16px;}
	header .h_in h1 span{font-size:24px;}
	header .dtl_btn{width:185px;}

	.kv_out{position:relative;z-index:2;margin-bottom:0;}

	.kv{height:450px;}
	.kv_in{padding:1px 20px;}
	header .kv h1{max-width:70px;margin:0;}
	.kv_in_in {position:absolute;top:40px;left:20px;}
	.kv_in_in ul {padding:20px 0 0 0;}
	.kv_in_in ul li {padding:10px 0 0 0;}
	.kv_in_in ul li a{font-size:26px;}


	.tistyle1{font-size:36px;}
	.tistyle1 span{font-size:16px;}


	.business_in{padding:40px 20px 80px 20px;}

	.business_box h4{font-size:22px;}

	.business_box ul {margin: 30px auto 0 auto;}
	.business_box ul li{font-size:18px;}
	.business_box ul li .li_no{padding:0 15px 0 0;}
	.business_box p{margin:10px auto 0 auto;font-size:16px;}



	.asset_in_in{padding:40px 20px;}
	.asset_box ul{font-size:25px;}
	.dtl_btn2{max-width:260px;margin:50px auto 50px auto;}
	.asset_txt{font-size:18px;}
	.hatena{width:100%;}

	.contact_in{padding:20px 20px 80px 20px;}
	.contact_box {margin:0;}
	.contact_box dl {margin: 20px auto 0 auto;display:block;}
	.contact_box dl dt{font-size:16px;padding:0 0 10px 0;}
	.contact_box dl dd{font-size:16px;}
	.contact_box dl dd input[type="text"]{padding:10px;}
	.contact_box dl dd input[type="tel"]{padding:10px;}
	.contact_box dl dd input[type="email"]{padding:10px;}
	.contact_box dl dd textarea{height:150px;padding:10px;}

	.contact_box .send {margin:30px auto 0 auto;}
	.contact_box .send input{width:100px;background-size:100px;}

	.contact_box .contact_txt {font-size: 18px;}


	.contact_box .wpcf7 form .wpcf7-response-output{margin: 40px auto 0 auto;}

	.about_in_in{padding:50px 0 40px 0;}
	.about_box {margin:20px 0 0 0;}
	.about_box_in dl {font-size:18px;}
	.about_box .privacy_txt{padding:60px auto 40px auto;font-size:16px;}


	.f_pt{width:27px;}
	.f_logo{width:60px;text-align:center;}
	.f_fb{width:27px;}




	footer .f_in{padding:20px 20px;}

}




/*　SmartPhone　*/
@media only screen and (max-width:480px){
	body{font-size:3.5vw;}


/*
	13px　→　3vw
	14px　→　3.5vw
	16px　→　3.7vw
	18px　→　4vw
	20px　→　4.1vw
	22px　→　4.2vw
	23px　→　4.3vw
	24px　→　4.5vw
	26px　→　4.7vw
	28px　→　5vw
	30px　→　5.2vw
	34px　→　5.8vw
	36px　→　6vw
	40px　→　7vw
*/


	header .h_in{display:block;padding:15px 20px;}
	header .h_in h1{font-size:3.5vw;padding:0 0 10px 0;}
	header .h_in h1 span{font-size:4.5vw;}
	header .dtl_btn{width:143px;margin:0 auto;}

	.kv_in_in ul li {padding:10px 0 0 0;}
	.kv_in_in ul li span{font-size:3.5vw;}
	.kv_in_in ul li a{font-size:5.5vw;}
	.kv_in_in ul li a:hover{color:#fff;opacity: 1;}


	.tistyle1{font-size:7vw;line-height:1.2;position:relative;z-index:2;}
	.tistyle1 span{font-size:3.8vw;padding:10px 0 0 0;}



	.business_box h4{font-size:4.7vw;text-align:center;padding:30px 0 0 0;font-weight:500;}
	.business_box ul{font-size:4vw;margin:15px auto 0 auto;}


	.asset_box ul{font-size:4.7vw;}
	.dtl_btn2{max-width:170px;margin:50px auto;}
	.asset_txt{font-size:4.1vw;}
	.hatena{top:50%;overflow:hidden;transform: translateY(-50%); -webkit- transform: translateY(-50%);}



	.contact_box dl{display:block;}
	.contact_box dl dt{font-size:4vw;}
	.contact_box dl dd{font-size:4vw;}
	.contact_box .contact_txt {font-size: 4vw;}

	.contact_box .send input{width:80px;height: 20px;background-size:80px;}

	.about_box_in {display:block;width:280px;}
	.about_box_in dl {padding:15px 0 0 0;}
	.about_box_in dl dt{text-align:left;width:auto;font-size:4vw;}
	.about_box_in dl dd{padding:0;font-size:4vw;}

	.about_box2 {margin:10px 0 0 0;}
	.about_box2{margin:0 auto;text-align:center;width:320px;}
	.about_box2 p{font-size:16px;}

/* privacy_policy */
	.privacy_policy_in{padding:40px 20px 80px 20px;}
	.privacy_policy_box h4{font-size:4.7vw;text-align:center;padding:30px 0 0 0;font-weight:500;}
	.bprivacy_policy_box ul{font-size:4vw;margin:15px auto 0 auto;}

	.f_logobox{padding:0;}
	.f_pt{width:21px;}
	.f_logo{width:50px;}
	.f_fb{width:21px;}


	footer .f_in small{font-size:2.5vw;}


}
