@charset "utf-8";
/*★★at-mk company made★★*/

html, body, header, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color:}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body { line-height:160%; font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif; font-size : 15px; color:#333; background:#47D174;}


h1 {font-size:30px; margin:20px 0; color:#0066CC;}

@media screen and (max-width: 800px) {
h1 {font-size:25px;}
}

.f_red{ color:#FF3300;}

.tel{width:40%; margin:0 30%;}

@media screen and (min-width:801px) and (max-width:1600px) {
.tel{width:50%; margin:0 25%;}
}

@media screen and (max-width: 800px) {
.tel{width:90%; margin:0 5%;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.sheet{ width:100%; max-width:1100px; padding:20px; margin:80px auto 40px auto; border-radius: 5px; background:#fff;-webkit-box-shadow: 1px 2px 4px #555;/*影*/}

@media screen and (min-width:801px) and (max-width:1600px) {
.sheet{ width:100%; max-width:1100px; padding:20px; background:#fff; margin:110px auto 40px auto; border-radius: 5px;}
}

@media screen and (max-width: 800px) {
.sheet{ width:94%; margin:20px auto; padding:10px 10px 30px 10px;}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

table.data  {width:100%; float:left; text-align:left; border-collapse: separate; border-spacing: 2px;}
table.data th {width:15%; color:#fff; padding:7px 10px; border-radius: 3px; background:#47D174;}
table.data td {width:35%; color:#222; padding:7px 10px; border-bottom:1px dotted #47D174; }

@media only screen and (max-width:800px){
table.data { margin: 0; }
table.data th{width: auto;display: block;}
table.data td{width: auto;display: block;border:none;background:none;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

input#submit_button {padding: 8px 15px; font-size: 14px; background-color: #444; color: #fff; border-style: none; cursor: pointer; margin-top:23px;border-radius: 5px;}
input#submit_button2 {padding: 8px 15px; font-size: 14px; background-color: #888; color: #fff; border-style: none; cursor: pointer; margin-top:23px;border-radius: 5px;}

@media only screen and ( max-width: 640px ) {
input#submit_button { width:100%; margin:2% 0; padding: 10px 0;}
input#submit_button2 { width:100%; margin:2% 0; padding: 10px 0;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

span.msg {color: #dd0000;}