@charset "UTF-8";
#rec-h, #form-h { font-size: 180%; margin-bottom: 3vw;}#screen { background-position: center top;}#rec-wrap { background-color: #5988c6; color: #ffffff; padding: 5vw 1.5vw;}.rec-list-wrap { background-color: #ffffff; color: #222222;}.rec-list-h { background-color: #5988c6; color: #ffffff;}.rec-list-wrap dl { border-bottom: solid 1px rgba(34,34,34,.3);}/*#biz2 h3:first-letter{ font-size:20px;
}*/
/*#biz2 h3,#biz3 h3,#biz4 h3{ border-top: solid 2px #7a86c3;
}*/
#biz2 h3:before,#biz3 h3:before,#biz4 h3:before{ color:#ff1800;}#biz2 h3:before{ content:"01.";}#biz3 h3:before{ content:"02.";}#biz4 h3:before{ content:"03.";}#about{ background:#7a86c3;}#about .biz-sec{ background:#fff;}#biz2 h3,#biz3 h3,#biz4 h3{ position: relative; color: #000; line-height: 1.4; -webkit-box-reflect: below -12px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0, 0, 0, 0.3));}#biz2 h4,#biz3 h4,#biz4 h4 { border-bottom: solid 3px #cce4ff; position: relative;}#biz2 h4:after,#biz3 h4:after,#biz4 h4:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #7a86c3; bottom: -3px; width: 20%;}#form { background-color: #ffffff; color: #222222; padding: 5vw;}
.biz-img-area{ position:relative; /* positionの基準とするためrelativeを与えます。 */ }
.biz-img-area:before { content: ''; /* このプロパティが無いと擬似要素は機能しません、お決まりの呪文です。 */ display: block; /* ブロック要素にします。 */ position: absolute; /* absoluteで上に乗っけます。 */ top: 0; /* 縦横の値を入れるのは基本です。入れないとだめ！っと思っておくほうが今後の為いいです。 */ left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0px 10px rgba(255,255,255,0.6); }
#form-text,.comp-wrap { border: solid 1px rgba(34,34,34,.4); background-color: rgba(34,34,34,.07);}
#txt-area { height: 150px;}
@media (min-width: 1300px){ .rec-list-wrap { font-size: 1.1rem; } #form { font-size: 1.1rem; }}
@media (min-width: 768px){ #form-text { padding: 2.5vw; width: 45vw; min-width: 600px; } #form-text { margin-bottom: 3vw; } #biz2 h3:before, #biz3 h3:before, #biz4 h3:before{ font-size: 3vw; }}
@media (max-width: 767px){ #biz2 h3:before, #biz3 h3:before, #biz4 h3:before{ font-size: 1.75rem; } #biz2 h3, #biz3 h3, #biz4 h3{ font-size: 1.25rem; } #biz2 h4, #biz3 h4, #biz4 h4{ font-size: 1.1rem; } #form-text { padding: 2.5vw; } #form-text { margin-bottom: 4vw; } #form { padding: 8vw 5vw; }
}