@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

*{ margin:0; padding:0; }
img.w100{ width:100vw; height:auto; }
.center{ text-align:center; }

body{ width:100vw; font-family:'Rounded Mplus 1c'; line-height:1.5; background:#FFFFFF; margin:0 auto; padding:0; }
h2{ background:tan; font-size:1.3rem; padding:0.5rem 1rem; font-weight:normal; margin:2rem 0 0.5rem; line-height:100%; }
h2.first{ margin-top:0; }
h3{ color:saddlebrown; font-size:1.15rem; padding:0.75rem 0.75rem 0; margin-bottom:0.25rem; font-weight:bold; line-height:110%; }
h4{ color:saddlebrown; font-size:1.rem; padding:0.75rem 0.75rem 0; margin-bottom:0.25rem; font-weight:normal; line-height:100%; }
p{ font-size:0.9rem; text-indent:1em; padding:0 1rem 0.5rem; }

header{ text-align:center; margin:0.5rem 0; }
header .logo{ text-align:center; color:#888888; }
header .logo span{ font-size: 1.5rem; }

.cat1{ text-align:center; font-size:1rem; margin:0.5rem 0 0; line-height:125%; color:#666666; }
.cat2{ text-align:center; font-size:1.4rem; margin:1rem 0 0; line-height:125%; }
.cat3{ text-align:center; font-size:1.4rem; margin:0.5rem 0 1.5rem; line-height:125%; color:saddlebrown; }

.tokucho{ margin-top:1rem; }

dl{ margin:1rem 0 0 0; font-size:0.95rem; line-height:1.3; }
dt{ width:5rem; color:saddlebrown; font-weight:bold; text-align:right; float:left; }
dd{ margin-left:5.5rem; padding-bottom:0.75rem; }
dd:after{ content:''; display:block; clear:both;}
dd span{ font-size:0.75rem; }
dd a{ text-decoration:none; color:dodgerblue; font-size:1rem; }
dd span{ font-size:0.9rem; }

.ggmap{ width:100vw; height:60vh; margin:0 auto 2rem; }

.button a{ display:block; padding:1rem 0; margin:0 2rem; text-decoration:none; color:#FFFFFF; border-radius:1rem; background:linear-gradient(coral, tomato); line-height:1.2; font-size:1.3rem; font-weight:bold; text-align:center; text-shadow:0 -0.075rem #555; }

.tel{ margin:0.5rem 0 2rem 2rem; }
.tel a{ font-size:1.4rem; text-decoration:none; color:dodgerblue; }
.tel a span{ font-size:1rem; }

.mail-form{ margin:1rem 1rem 0; }
.mail-form form{ font-family:'M plus Rounded 1c', sans-serif; }
.mail-form label{ font-size:1.1rem; color:#666666; font-weight:bold; }
.mail-form label span{ display:inline-block; font-size:0.75rem; font-weight:normal; margin-left:0.5rem; padding:0.1rem 0.3rem; background:#FF6666; color:#FFFFFF; border-radius:0.5rem; line-height:100%; }
.mail-form .caption{ font-size:0.75rem; color:#666666; margin-left:1rem; margin-bottom:1rem; }
.mail-form input[type="text"]{ width:85%; font-size:1rem; padding:0.5rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form input[type="radio"]{ font-size:1rem; padding:0.5rem; margin-left:1rem; }
.mail-form input[type="checkbox"]{ font-size:1rem; padding:0.5rem; margin-left:1rem; margin-bottom:0.75rem; }
.mail-form input[type="email"]{ width:85%; font-size:1rem; padding:0.5rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form input[type="tel"]{ width:85%; font-size:1rem; padding:0.5rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form input[type="date"]{ font-size:1rem; padding:0.25rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form select{ font-size:1rem; padding:0.25rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form select.time{ margin-left:0rem; }
.mail-form textarea{ width:85%; font-size:1rem; padding:0.5rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form .btm{ margin-bottom:1.5rem; }
.mail-form .button{ display:block; padding:1rem 2rem; margin:2rem auto 0; text-decoration:none; color:#FFFFFF; border-radius:1rem; background:linear-gradient(coral, tomato); line-height:1.2; font-size:1.2rem; font-weight:bold; text-align:center; text-shadow:0 -0.075rem #555; }

.msg{ margin-bottom:3rem; }
.msg-ok{ font-size:1.1rem; }
.msg-ng{ font-size:1.1rem; color:#FF0000; }
.mailend{ margin-top:2rem; }

footer{ margin-top:3rem; text-align:center; color:dimgray; background:gainsboro; padding:1rem; font-size:0.8rem; }