@charset "UTF-8";

/* Common */

* { box-sizing:border-box; }
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,input,textarea,
p,th,td { margin:0; padding:0; box-sizing:border-box; }
html,body { background:#fff; }
img { border:0; vertical-align:top; line-height:0; }
h1,h2,h3 { font-size:100%; font-weight:normal; }
ul,dl,ol { text-indent:0; }
li { list-style:none; }
em,th { font-style:normal; font-weight:normal; }
table { border:none; border-collapse:collapse; border-spacing:0; font-size:inherit; }
th,td { text-align:left; vertical-align:top; }
input,select,textarea { font-size:100%; }
.disabled{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

body{ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",  "メイリオ", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Sans-Serif; }

/* Header */
header{ padding: 10px; background:#FFF; }
header p a{ display:flex; flex-direction: row; flex-wrap:wrap; justify-content: flex-start; align-items: center; text-decoration:none; }
header p img{ width: 100px; }
header p a span{ display:inline-block; margin-left:10px; text-decoration:none; color:#000; }
@media (max-width:640px){ header p a{ justify-content: center; } }

/* Footer */
footer{ padding: 20px 0; background:#000; text-align:center; }
footer address{ color:#FFF; font-style:normal; font-size:14px; }

/* Button */

.btn{ width: 320px; margin: 0 auto; }
.btns{ margin-top:40px; display:flex; flex-direction: row; flex-wrap:wrap; justify-content: center; align-items: center; }
.btns li{ width:320px; margin: 0 10px; }
.btn a,.btns a{ display: block; background: #333; color: #EEE; padding: 20px 0; text-align: center; font-size: 20px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; text-decoration: none; }
.btn a:active,.btn a:hover,.btns a:active,.btns a:hover{ background: #000; color: #FFF; }
@media (max-width:640px){ 	.btn { width:100%; } .btns{ margin:40px 20px 0; } .btns li{ width:100%; margin: 0 0 20px; } }

.error,.finish{ text-align: center; padding: 40px 0; }

/* MainVisual */
#mainvisual{ display: table; width: 100%; min-width: 640px; height: 400px; }
#mainvisual h1{ display: table-cell; width: 40%; vertical-align: middle; background: #04593A; }
#mainvisual h1 span{ display: block; margin: 20px; font-size: 24px; color: #FFF; }
#mainvisual div{ display: table-cell; width: 60%; vertical-align: middle;  }
#agri_net #mainvisual div{ background: url("../../agri_net/shared/img/mainvisual.jpg") no-repeat 0 50%; background-size: cover; }
#agri_vinyl #mainvisual div{ background: url("../../agri_vinyl/shared/img/mainvisual.jpg") no-repeat 0 50%; background-size: cover; }
#golfnet #mainvisual div{ background: url("../../golfnet/shared/img/mainvisual.jpg") no-repeat 0 50%; background-size: cover; }
#agri_multi #mainvisual div{ background: url("../../agri_multi/img/mainvisual.jpg") no-repeat 0 50%; background-size: cover; }
#polyca #mainvisual div{ background: url("../../polyca/img/mainvisual.jpg") no-repeat 0 50%; background-size: cover; }
#steelsheet #mainvisual div{ background: url("../../steelsheet/img/mainvisual.jpg") no-repeat 0 50%; background-size: cover; }
#worksheet #mainvisual div{ background: url("../../worksheet/img/mainvisual.jpg") no-repeat 0 50%; background-size: cover; }
#paint #mainvisual div{ background: url("../../paint/img/mainvisual.jpg") no-repeat 0 50%; background-size: cover; }
#mainvisual div img{ display: none; }
@media (max-width:640px){
#mainvisual{ display:block;margin:0;min-width:auto; height:auto; }
#mainvisual h1,#mainvisual div{ display:block; width:auto; height:auto; text-align:center; }
#mainvisual h1 span{ margin:0;padding:15px 10px;font-size:18px; }
#mainvisual div img{ display:block; width:100%; }
}

/* Result */


.colbox > div.lead{ display:block; width:100%; }
.colbox > div.lead span{ display:block;font-size:12px; color:#666;text-indent:-1em;padding-left:1em; }

#result .caution{
	max-width: 960px;
	margin: 40px auto 0;
	background: #FEE;
}

#result .caution h3{
	padding: 20px 20px 10px;
	margin: 0;
	font-size: 14px;
}

#result .caution p{
	padding: 20px;
	font-size: 14px;
text-align: center;
}