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

/* 
	for PC
	
*****************************************************/
@media screen and (min-width:641px){
	
	body {min-width: 1140px;}
	.inner {width: 1100px; margin: 0 auto;}
	h2 {padding: 70px 0 40px;}
	section a:hover img,footer a:hover img {opacity: 0.7;}
	.spbr {display: none;}
	a[href^="tel:"] {pointer-events: none;}
	
	header {height: 30px;}
	header .h_logo {width: 220px; float: left; padding: 6px 0 0 0;}
	header .h_txt {font-size: 14px; font-weight: bold; float: right; padding: 6px 0 0 0;}
	
	#fv {background: url(../images/fv_pc.png) top center no-repeat, url(../images/fv_pc_repeat.png) top center repeat-x; height: 730px; position: relative;}
	#fv .point {width: 631px; position: absolute; left: 50%; top: 464px; margin-left: -80px;}
	
	#container01 h2.message {width: 446px; margin: 0 auto;}
	#container01 .message_txt {font-size: 16px; line-height: 30px;}
	#container01 .message_txt strong {font-weight: bold; color: #e41c1c;}
	#container01 .message_txt .box01 {width: 525px; float: left;}
	#container01 .message_txt .box02 {width: 525px; float: right;}
	#container01 h2.function {width: 503px; margin: 0 auto;}
	#container01 .function_txt {margin-bottom: 70px;}
	#container01 .function_txt .box01 {width: 525px; float: left;}
	#container01 .function_txt .box02 {width: 525px; float: right;}
	#container01 .function_txt h3 {font-size: 40px; color: #e41c1c; text-align: center;}
	#container01 .function_txt h3 strong {font-weight: bold; color: #000;}
	#container01 .function_txt ul li {background: url(../images/icon_check.png) left center no-repeat; font-size: 17px; line-height: 45px; font-weight: bold; padding-left: 25px; border-bottom: 2px solid #e41c1c;}
	#container01 .contact_box {width: 1100px; border: 8px solid #ffb5b5; margin-bottom: 70px;}
	#container01 .contact_box div {padding: 20px;}
	#container01 .contact_box .btn {width: 525px; float: left;}
	#container01 .contact_box .tell {width: 484px; float: right; padding-top: 7px;}
	
	#container02 {background: #db1c1c url(../images/service_bg_pc.png) top center no-repeat; color: #fff; padding-bottom: 70px;}
	#container02 .inner2 {margin-bottom: 20px;}
	#container02 h2 {width: 447px; margin: 0 auto;}
	#container02 dl.price {border-bottom: 1px solid #fff; padding: 13px 0 7px; margin-bottom: 20px;}
	#container02 dl.price dt {font-size: 15px; width: 65px; float: left; padding-top: 5px;}
	#container02 dl.price dd {font-size: 20px; font-weight: bold;}
	#container02 h4 {font-size: 27px; font-weight: bold;}
	#container02 .main_txt {font-size: 16px; line-height: 30px; margin-bottom: 30px;}
	#container02 h5 {font-size: 27px; margin-bottom: 25px; position: relative;}
	#container02 h5:after {content: ""; width: 36px; height: 2px; display: block; background: #fff; position: absolute; top: 52px;}
	#container02 dl.c_voice dt {width: 162px; float: left;}
	#container02 dl.c_voice dt figure {width: 133px; margin-bottom: 15px;}
	#container02 dl.c_voice dt p {font-size: 12px; line-height: 19px;}
	#container02 dl.c_voice dt p strong {font-size: 17px; line-height: 30px; font-weight: normal;}
	#container02 dl.c_voice dd {float: left;}
	#container02 dl.c_voice dd h6 {font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 7px; letter-spacing: 0.06em;}
	#container02 dl.c_voice dd p {font-size: 15px; line-height: 27px;}
	#container02 .plan01 {position: relative; width: 550px; margin-bottom: 75px;}
	#container02 .plan01 h3 {width: 468px;}
	#container02 .plan01 figure.plan_figure {width: 522px; position: absolute; top:68px; left:575px;}
	#container02 .plan01 dl.c_voice dd {width: 388px;}
	#container02 .plan02 {width: 525px; float: left;}
	#container02 .plan02 h3 {width: 515px;}
	#container02 .plan02 dl.c_voice dd {width: 363px;}
	#container02 .plan03 {width: 525px; float: right;}
	#container02 .plan03 h3 {width: 493px;}
	#container02 .plan03 dl.c_voice dd {width: 363px;}
	#container02 .contact_box {width: 1100px; border: 8px solid #ffb5b5;}
	#container02 .contact_box div {padding: 20px;}
	#container02 .contact_box .btn {width: 525px; float: left;}
	#container02 .contact_box .tell {width: 484px; float: right; padding-top: 7px;}
	
	#container03 {padding-bottom: 40px;}
	#container03 h2 {width: 360px; margin: 0 auto;}
	#container03 dl {width: 730px; margin: 0 auto 30px;}
	#container03 dl dt {width: 730px; border: 1px solid #db1c1c; background: url(../images/icon_q.png) left top no-repeat; font-size: 20px; font-weight: bold; color: #db1c1c; padding: 8px 0 8px 65px; margin-bottom: 15px;}
	#container03 dl dd {background: url(../images/icon_a.png) left top no-repeat; font-size: 16px; line-height: 24px; padding-left: 65px; min-height: 42px;}
	
	#container04 {background: #db1c1c; padding-bottom: 70px;}
	#container04 h2 {width: 360px; margin: 0 auto;}
	#container04 .form {width: 940px; margin: 0 auto; color: #fff;}
	#container04 .form dl {width: 940px; font-size: 18px; line-height: 30px; border-bottom: 1px solid #fff; padding-bottom: 13px; margin-bottom: 13px;}
	#container04 .form dl dt {font-weight: bold; width: 230px; float: left;}
	#container04 .form dl dd {float: left; width: 710px;}
	#container04 .form dl dd input { background-color: #fff; width: 100%; height: 30px; padding: 0 10px;}
	#container04 .form dl dd textarea { background-color: #fff; width: 100%; height: 140px; padding: 5px 10px;}
	#container04 .form .btn-send input {width: 372px; height: 90px; display: block; margin: 0 auto; border: 6px solid #fff; color: #fff; font-size: 30px; letter-spacing: 0.3em; font-weight: bold;}
	#container04 .form .btn-send input:hover {background: #fff; color: #db1c1c;}
	
	footer .inner {padding: 30px 0;}
	footer dl {width: 800px; float: left;}
	footer dl dt {width: 267px;}
	footer dl dd {font-size: 15px;}
	footer .btn_official {width: 248px; float: right; border: 1px solid #000;}
	footer .copyright {border-top: 1px solid #db1c1c; padding: 30px 0; font-size: 13px; text-align: center;}

}

@media screen and (min-width:1921px){
	#container02 {background-size: contain;}
}

/* 
	for SP
	
*****************************************************/
@media screen and (max-width:640px){
	
	.pcbr {display: none;}
	.inner {width: 93.75vw; margin: 0 auto;}
	h2 {padding: 10.15625vw 0 7.8125vw;}
	section a:active img,footer a:active img {opacity: 0.7;}
	
	header {height: 8.59375vw; padding: 1.5625vw;}
	header .h_logo {width: 34.375vw; margin-bottom: 0.46875vw;}
	header .h_txt {font-size: 2.1875vw; line-height: 1; font-weight: bold;}
	
	#fv {background: url(../images/fv_sp.png) top center no-repeat; background-size: 100% auto; height: 114.0625vw;}
	#fv .point {width: 98.59375vw; margin: 0 auto; padding-top: 78.125vw;}
	
	#container01 h2.message {width: 69.6875vw; margin: 0 auto;}
	#container01 .message_txt {font-size: 4.0625vw; line-height: 6.25vw;}
	#container01 .message_txt strong {font-weight: bold; color: #e41c1c;}
	#container01 h2.function {width: 78.59375vw; margin: 0 auto;}
	#container01 .function_txt {margin-bottom:7.8125vw;}
	#container01 .function_txt h3 {font-size: 6.25vw; color: #e41c1c; text-align: center;}
	#container01 .function_txt h3 strong {font-weight: bold; color: #000;}
	#container01 .function_txt ul li {background: url(../images/icon_check.png) left top no-repeat; background-size: 3.75vw auto; font-size: 4.0625vw; line-height: 4.6875vw; font-weight: bold; padding:0 0 2.1875vw 5vw; margin-bottom: 2.1875vw; border-bottom: 1px solid #e41c1c;}
	#container01 .contact_box {width: 93.75vw; margin: 0 auto; border: 1.25vw solid #ffb5b5; margin-bottom: 10.15625vw;}
	#container01 .contact_box div {padding: 4.6875vw;}
	#container01 .contact_box .btn {width: 82.03125vw; margin: 0 auto;}
	#container01 .contact_box .tell {width: 75.625vw; margin: 0 auto; padding-top: 4.6875vw;}
	
	#container02 {background: #db1c1c url(../images/service_bg_sp.png) top center no-repeat; background-size: 100% auto; color: #fff; padding-bottom: 70px;}
	#container02 h2 {width: 69.84375vw; margin: 0 auto;}
	#container02 dl.price {border-bottom: 1px solid #fff; padding: 3.90625vw 0 3.125vw; margin-bottom: 6.25vw;}
	#container02 dl.price dt {font-size: 3.75vw; width: 15.625vw; float: left; padding-top: 5px;}
	#container02 dl.price dd {font-size: 4.6875vw; font-weight: bold;}
	#container02 h4 {font-size: 5.625vw; line-height: 6.25vw; font-weight: bold; margin-bottom: 3.90625vw;}
	#container02 .main_txt {font-size: 4.0625vw; line-height: 6.25vw; margin-bottom: 4.6875vw;}
	#container02 h5 {font-size: 5.625vw; margin-bottom: 5.9375vw; position: relative;}
	#container02 h5:after {content: ""; width: 13.4375vw; height: 2px; display: block; background: #fff; position: absolute; top: 10.9375vw;}
	#container02 dl.c_voice {margin-bottom: 14.0625vw;}
	#container02 dl.c_voice dt figure {width: 20.78125vw; float: left;}
	#container02 dl.c_voice dt p {font-size: 3.75vw; line-height: 5.46875vw; width: 70.3125vw; float: left; padding-left: 3.125vw;}
	#container02 dl.c_voice dt p strong {font-weight: bold;}
	#container02 dl.c_voice dd {padding-top: 4.6875vw;}
	#container02 dl.c_voice dd h6 {font-size: 4.6875vw; font-weight: bold; line-height: 1; margin-bottom: 1.09375vw;}
	#container02 dl.c_voice dd p {font-size: 4.0625vw; line-height: 6.25vw;}
	#container02 .plan01 h3 {width: 73.125vw;}
	#container02 .plan01 figure.plan_figure {width: 81.5625vw; margin: 0 auto 6.25vw;}
	#container02 .plan02 h3 {width: 80.46875vw;}
	#container02 .plan03 h3 {width: 77.03125vw;}
	#container02 .contact_box {width: 93.75vw; margin: 0 auto; border: 1.25vw solid #ffb5b5;}
	#container02 .contact_box div {padding: 4.6875vw;}
	#container02 .contact_box .btn {width: 82.03125vw; margin: 0 auto;}
	#container02 .contact_box .tell {width: 75.625vw; margin: 0 auto; padding-top: 4.6875vw;}
	
	#container03 {padding-bottom: 10.15625vw;}
	#container03 h2 {width: 56.25vw; margin: 0 auto;}
	#container03 dl {width: 93.75vw; margin: 0 auto 30px;}
	#container03 dl dt {width: 93.75vw; border: 1px solid #db1c1c; background: url(../images/icon_q.png) left center no-repeat; background-size: 6.5625vw auto; font-size: 4.6875vw; line-height: 5vw; font-weight: bold; color: #db1c1c; padding: 2.34375vw 2.34375vw 2.34375vw 9.375vw; margin-bottom: 15px;}
	#container03 dl dd {background: url(../images/icon_a.png) left top no-repeat; background-size: 6.5625vw auto; font-size: 4.0625vw; line-height: 6.25vw; padding-left: 9.375vw; min-height: 6.5625vw;}

	#container04 {background: #db1c1c; padding-bottom: 10.15625vw;}
	#container04 h2 {width: 56.25vw; margin: 0 auto;}
	#container04 .form dl {width: 93.75vw; font-size: 4.0625vw; line-height: 6.25vw; border-bottom: 1px solid #fff; padding-bottom: 13px; margin-bottom: 13px; color: #fff;}
	#container04 .form dl dt {font-weight: bold; margin-bottom: 1.5625vw;}
	#container04 .form dl dd {}
	#container04 .form dl dd input {background-color: #fff; width: 100%; height: 7.8125vw; padding: 0 1.5625vw;}
	#container04 .form dl dd textarea {background-color: #fff; width: 100%; height: 46.875vw; padding: 0.78125vw 1.5625vw;}
	#container04 .form .btn-send input {width: 60.9375vw; height: 20.3125vw; display: block; margin: 0 auto; border: 0.9375vw solid #fff; color: #fff; font-size: 7.8125vw; letter-spacing: 0.3em; font-weight: bold;}
	#container04 .form .btn-send input:active {opacity: 0.7;}

	footer .inner {padding: 10.15625vw 0;}
	footer dl {text-align: center; margin-bottom: 5.3125vw;}
	footer dl dt {width: 41.71875vw; margin: 0 auto 3.90625vw;}
	footer dl dd {font-size: 3.125vw;}
	footer .btn_official {width: 67.1875vw; margin: 0 auto; border: 1px solid #000;}
	footer .copyright {border-top: 1px solid #db1c1c; padding: 4.6875vw 0; font-size: 2.5vw; text-align: center;}
	
	footer a:link{ color:#000; text-decoration: underline;}
	footer a:visited{ color:#000; text-decoration:none;}
	footer a:hover{ color:#000; text-decoration:none;}
	footer a:active{ color:#000; text-decoration:none;}

	
	
}