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

/* 
	for PC
	
*****************************************************/
@media screen and (min-width:641px){
	
	section {min-width: 1100px;}
	
	#container01 {background: url(../images/pc_catch.png) center no-repeat; background-size: cover; padding: 15px 0 0 85px;}
	#container01 h1 {font-size: 16px; font-weight: bold; line-height: 22px; letter-spacing: 0.01em; padding-left: 50px; background: url(../images/ligo_icon.png) left center no-repeat;}
	#container01 h1 span {font-size: 17px; letter-spacing: 0.1em;}
	
	#container02 .yelowbg {background: #ffcc00;}
	#container02 .yelowbg .inner {width: 1100px; margin: 0 auto; padding: 15px 0 7px 170px;}
	#container02 .yelowbg .inner dl {font-size: 15px; font-weight: bold; line-height: 20px; letter-spacing: 0.1em; float: left;}
	#container02 .yelowbg .inner dl dt {float: left;}
	#container02 .yelowbg .inner dl dd {float: left; padding-left: 10px;}
	#container02 .yelowbg .inner dl.point01 {margin-right: 15px;}
	#container02 .yelowbg .inner dl.point01 dt {width: 113px;}
	#container02 .yelowbg .inner dl.point02 {background: url(../images/lead_txt_and.png) no-repeat left center; padding-left: 41px;}
	#container02 .yelowbg .inner dl.point02 dt {width: 184px;}
	#container02 .lead_txt {font-size: 15px; line-height: 24px; letter-spacing: 0.1em; text-align: center; padding: 30px 0;}
	#container02 .contact_btn {width: 440px; margin: 0 auto 40px;}
	#container02 .contact_btn a {width: 440px; height: 90px; display: block; border: 2px solid #000; background: #fff url(../images/btn_contact_black.png) center no-repeat;}
	#container02 .contact_btn a:hover {background: #000 url(../images/btn_contact_white.png) center no-repeat;}
	
	#container03 {background: #000 url(../images/bg_repeat.png) top center; color: #fff;}
	#container03 .inner {width: 1100px; margin: 0 auto; background: url(../images/service_bg.png) top center no-repeat; position: relative;}
	#container03 h1 {width: 492px; margin: 0 auto;}
	#container03 .plan {font-size: 17px; line-height: 32px; letter-spacing: 0.1em;}
	#container03 .plan h2 {margin-bottom: 10px;}
	#container03 .plan .price {font-style: italic; text-align: right; letter-spacing: 0.2em; margin-top: 20px; position: relative;}
	#container03 .plan .price strong {font-size: 30px; font-weight: normal;}
	#container03 .plan.box01 {width: 594px; margin: 130px 0 0 500px;}
	#container03 .plan.box01 .price:after {content: ""; width: 300px; height: 2px; background: #fff; position: absolute; left: 0; top:15px;}
	#container03 .plan.box02 {width: 555px; margin: 239px 0 0 15px;}
	#container03 .plan.box02 .price:after {content: ""; width: 260px; height: 2px; background: #fff; position: absolute; left: 0; top:15px;}
	#container03 .wire {width: 470px; border: 1px solid #fff;}
	#container03 .wire h3 {width: 394px; margin: 10px auto 0;}
	#container03 .wire ul {padding: 5px;}
	#container03 .wire ul li {float: left; margin: 5px;}
	#container03 .wire .L {width: 219px;}
	#container03 .wire .S {width: 142px;}
	#container03 .wire.wire01 {position: absolute; top: 390px; left: 0;}
	#container03 .wire.wire02 {position: absolute; top: 883px; left: 607px;}
	#container03 .option {margin-top: 230px; width: 1030px;}
	#container03 .plan.box03 {width: 490px; float: left;}
	#container03 .plan.box03 h2 {width: 486px;}
	#container03 .plan.box03 .price:after {content: ""; width: 190px; height: 2px; background: #fff; position: absolute; left: 0; top:15px;}
	#container03 .plan.box04 {width: 490px; float: right;}
	#container03 .plan.box04 h2 {width: 469px;}
	#container03 .plan.box04 .price:after {content: ""; width: 190px; height: 2px; background: #fff; position: absolute; left: 0; top:15px;}
	#container03 .attention {text-align: center; font-size: 18px; line-height: 32px; letter-spacing: 0.1em; padding: 86px 0;}
	#container03 .print_box {width: 900px; margin: 0 auto; padding: 40px; border: 5px solid #888;}
	#container03 .print_box dl {background: url(../images/service_print_icon.png) left center no-repeat; padding-left: 100px;}
	#container03 .print_box dl dt {width: 420px; margin-bottom: 15px;}
	#container03 .print_box dl dd {font-size: 17px; line-height: 28px;}
	#container03 .contact_btn {padding: 70px 0;}
	#container03 .contact_btn a {width: 440px; height: 90px; display: block; margin: 0 auto; border: 2px solid #fff; background: url(../images/btn_contact_white.png) center no-repeat;}
	#container03 .contact_btn a:hover {background: #fff url(../images/btn_contact_black.png) center no-repeat;}
	
	#container04 {padding: 70px 0; width: 1100px; margin: 0 auto;}
	#container04 h1 {width: 533px; margin: 0 auto 60px;}
	#container04 .lead {font-size: 20px; margin: 0 auto; font-weight: bold; text-align: center; margin-bottom: 50px;}
	#container04 .form {width: 1000px; margin: 0 auto;}
	#container04 .form dl {width: 1000px; font-size: 16px; line-height: 31px; border-bottom: 1px solid #ccc; padding-bottom: 13px; margin-bottom: 13px;}
	#container04 .form dl dt {font-weight: bold; width: 240px; float: left;}
	#container04 .form dl dd {float: left; width: 760px;}
	#container04 .form dl dd input {border: 1px solid #000; background-color: #f4f4f4; width: 100%; height: 30px; padding: 0 10px;}
	#container04 .form dl dd textarea {border: 1px solid #000; background-color: #f4f4f4; width: 100%; height: 140px; padding: 5px 10px;}
	#container04 .form .privacypolicy {width: 1000px; border: 3px solid #ccc; font-size: 15px; line-height: 26px; letter-spacing: 0.08em;}
	#container04 .form .privacypolicy h2 {font-size: 18px; font-weight: bold; color: #ff0066; text-align: center; padding: 20px 0 30px; position: relative;}
	#container04 .form .privacypolicy h2:after {content: ""; width: 255px; height: 4px; background: #ff0066; position: absolute; left: 50%; top:50px; margin-left: -127.5px;}
	#container04 .form .privacypolicy p {padding: 0 20px 20px;}
	#container04 .form .privacypolicy h3 {font-weight: bold; line-height: 1.2; border-left: 4px solid #ff0066; padding-left: 12px; margin-left: 20px; margin-bottom: 5px;}
	#container04 .form .agree {font-size: 16px; font-weight: bold; text-align: center; padding: 30px 0;}
	#container04 .form .btn-send input {width: 350px; height: 90px; display: block; margin: 0 auto; border: 2px solid #000; background: url(../images/btn_send_bl.png) center no-repeat;}
	#container04 .form .btn-send input:hover {background:#000 url(../images/btn_send_wh.png) center no-repeat;}
	
	footer {background: #000; color: #fff; padding: 50px 0;}
	footer .inner {width: 1100px; margin: 0 auto;}
	footer .inner dl {font-size: 15px; line-height: 20px; letter-spacing: 0.1em; border-bottom: 1px solid #888; width: 650px; margin: 0 auto; padding-bottom: 10px; margin-bottom: 10px;}
	footer .inner dl dt {font-weight: bold; width: 120px; float: left;}
	footer .inner dl dd {float: left;}
	footer .credit {font-size: 14px; text-align: center; padding-top: 40px;}

}


/* 
	for SP
	
*****************************************************/
@media screen and (max-width:640px){
	
	#container01 {background: url(../images/sp_catch.png) center no-repeat; background-size: 100vw auto; padding: 2.34375vw 0 0 13.28125vw;}
	#container01 h1 {font-size: 3.125vw; font-weight: bold; line-height: 3.4375vw; letter-spacing: 0.01em; padding-left: 7.8125vw; background: url(../images/ligo_icon.png) left center no-repeat; background-size: 6.71875vw auto;}
	#container01 h1 span {font-size: 3.35vw; letter-spacing: 0.1em;}
	
	#container02 .yelowbg {background: #ffcc00; padding: 3.125vw 0;}
	#container02 .yelowbg dl dd {font-size: 3.125vw; line-height: 3.4375vw; font-weight: bold; letter-spacing: 0.1em;}
	#container02 .yelowbg dl.point01 {margin-bottom: 0.78125vw; padding-left: 23.4375vw;}
	#container02 .yelowbg dl.point01 dt {width: 17.65625vw; float: left; margin-right: 1.5625vw; padding-top: 0.3125vw;}
	#container02 .yelowbg dl.point01 dd, #container02 .yelowbg dl.point02 dd {float: left;}
	#container02 .yelowbg dl.point02 {background: url(../images/lead_txt_and.png) no-repeat top center; background-size:4.21875vw auto; padding-top: 7.8125vw; padding-left: 12.5vw;}
	#container02 .yelowbg dl.point02 dt {width: 28.75vw; float: left; margin-right: 1.5625vw; padding-top: 0.3125vw;}
	#container02 .lead_txt {font-size: 4.6875vw; line-height: 6.25vw; letter-spacing: 0.1em; padding: 7.8125vw 0; width: 93.75vw; margin: 0 auto;}
	#container02 .contact_btn a {width: 68.75vw; height: 15.625vw; display: block; margin: 0 auto 9.375vw; border: 2px solid #000; background: #fff url(../images/btn_contact_black.png) center no-repeat; background-size: 56.71875vw;}
	#container02 .contact_btn a:active {opacity: 0.7;}
	
	#container03 {background: #000 url(../images/bg_repeat.png) top center; background-size: 30.625vw; color: #fff;}
	#container03 h1 {width: 76.875vw; margin: 0 auto 2.34375vw;}
	#container03 .plan {font-size: 4.6875vw; line-height: 6.25vw; letter-spacing: 0.1em; width: 93.75vw; margin: 0 auto;}
	#container03 .plan h2 {margin-bottom: 1.5625vw;}
	#container03 .plan .price {font-style: italic; text-align: right; letter-spacing: 0.2em; margin-top: 3.125vw; position: relative;}
	#container03 .plan .price strong {font-size: 6.25vw; font-weight: normal;}
	#container03 .plan.box01 {margin-bottom: 4.6875vw;}
	#container03 .plan.box01 h2 {width: 92.8125vw;}
	#container03 .plan.box01 .price:after {content: ""; width: 28.125vw; height: 0.3125vw; background: #fff; position: absolute; left: 0; top:2.34375vw;}
	#container03 .plan.box02 {margin-bottom: 4.6875vw;}
	#container03 .plan.box02 {padding-top: 15.625vw;}
	#container03 .plan.box02 h2 {width: 86.71875vw;}
	#container03 .plan.box02 .price:after {content: ""; width: 28.125vw; height: 0.3125vw; background: #fff; position: absolute; left: 0; top:2.34375vw;}
	#container03 .plan.box03 {padding-top: 15.625vw;}
	#container03 .plan.box03 h2 {width: 75.9375vw;}
	#container03 .plan.box03 .price:after {content: ""; width: 28.125vw; height: 0.3125vw; background: #fff; position: absolute; left: 0; top:2.34375vw;}
	#container03 .plan.box04 {padding-top: 15.625vw;}
	#container03 .plan.box04 h2 {width: 73.28125vw;}
	#container03 .plan.box04 .price:after {content: ""; width: 28.125vw; height: 0.3125vw; background: #fff; position: absolute; left: 0; top:2.34375vw;}
	#container03 .wire {width: 93.75vw; margin: 0 auto; border: 1px solid #fff;}
	#container03 .wire h3 {width: 61.5625vw; margin: 1.5625vw auto 0;}
	#container03 .wire ul {padding: 0.78125vw;}
	#container03 .wire ul li {float: left; margin: 0.78125vw;}
	#container03 .wire .L {width: 44.2vw;}
	#container03 .wire .S {width: 28.9vw;}
	
	#container03 .attention {font-size: 4.375vw; line-height: 6.25vw; letter-spacing: 0.1em; padding: 12.5vw 0; width: 93.75vw; margin: 0 auto;}
	#container03 .print_box {width: 93.75vw; margin: 0 auto; padding: 6.25vw; border: 0.78125vw solid #888;}
	#container03 .print_box dl {background: url(../images/service_print_icon.png) left top no-repeat; background-size: 5.46875vw auto;}
	#container03 .print_box dl dt {width: 65.625vw; margin-left: 8.59375vw; padding-top: 0.78125vw; margin-bottom: 15px;}
	#container03 .print_box dl dd {font-size: 4.0625vw; line-height: 5.9375vw;}
	#container03 .contact_btn {padding: 10.9375vw 0;}
	#container03 .contact_btn a {width: 68.75vw; height: 14.0625vw; display: block; margin: 0 auto; border: 0.3125vw solid #fff; background: url(../images/btn_contact_white.png) center no-repeat; background-size: 56.71875vw auto;}
	#container03 .contact_btn a:active {opacity: 0.7;}
	
	#container04 {padding: 10.9375vw 0; width: 93.75vw; margin: 0 auto;}
	#container04 h1 {width: 83.28125vw; margin: 0 auto 9.375vw;}
	#container04 .lead {font-size: 4.6875vw; line-height: 6.25vw; margin: 0 auto; text-align: center; margin-bottom: 7.8125vw;}
	#container04 .form dl {width: 93.75vw; font-size: 4.6875vw; line-height: 6.25vw; border-bottom: 1px solid #ccc; padding-bottom: 13px; margin-bottom: 13px;}
	#container04 .form dl dt {font-weight: bold; margin-bottom: 1.5625vw;}
	#container04 .form dl dd {}
	#container04 .form dl dd input {border: 1px solid #000; background-color: #f4f4f4; width: 100%; height: 7.8125vw; padding: 0 1.5625vw;}
	#container04 .form dl dd textarea {border: 1px solid #000; background-color: #f4f4f4; width: 100%; height: 46.875vw; padding: 0.78125vw 1.5625vw;}
	
	#container04 .form .privacypolicy {border: 3px solid #ccc; font-size: 3.75vw; line-height: 5.625vw; letter-spacing: 0.08em;}
	#container04 .form .privacypolicy h2 {font-size: 4.6875vw; font-weight: bold; color: #ff0066; text-align: center; padding: 3.125vw 0 4.6875vw; position: relative;}
	#container04 .form .privacypolicy h2:after {content: ""; width: 78.125vw; height: 0.625vw; background: #ff0066; position: absolute; left: 50%; top:10.9375vw; margin-left: -39.0625vw;}
	#container04 .form .privacypolicy p {padding: 0 3.125vw 3.125vw;}
	#container04 .form .privacypolicy h3 {font-weight: bold; line-height: 1.2; border-left: 0.625vw solid #ff0066; padding-left: 1.875vw; margin-left: 3.125vw; margin-bottom: 0.78125vw;}
	
	#container04 .form .agree {font-size: 4.375vw; letter-spacing: 0; font-weight: bold; text-align: center; padding: 4.6875vw 0;}
	#container04 .form .btn-send input {width: 68.75vw; height: 14.0625vw; display: block; margin: 0 auto; border: 2px solid #000; background: url(../images/btn_send_bl.png) center no-repeat; background-size: 20.625vw;}
	#container04 .form .btn-send input:active {opacity: 0.7;}
	
	footer {background: #000; color: #fff; padding: 7.8125vw 0;}
	footer .inner {width: 93.75vw; margin: 0 auto;}
	footer .inner dl {font-size: 4.0625vw; line-height: 4.6875vw; letter-spacing: 0.1em; border-bottom: 1px solid #888; width: 93.75vw; margin: 0 auto; padding-bottom: 1.5625vw; margin-bottom: 1.5625vw;}
	footer .inner dl dt {font-weight: bold; margin-bottom: 1.5625vw;}
	footer .credit {font-size: 3.125vw; text-align: center; padding-top: 6.25vw;}
	
}