@import url("https://use.typekit.net/gdf1fdf.css");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital@1&family=Shippori+Mincho&display=swap");
html { overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

img { vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select { *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend { color: #000; }

del, ins { text-decoration: none; }

.dummy-head, .dummy-footer { background: #888; text-align: center; color: #bbb; font-size: 20px; line-height: 1.5; }

.dummy-head { padding: 40px 0; }

.dummy-footer { padding: 500px 0; }

/*$color1: #41889e;*/
/*$color1: #0094e3;*/
.msn-header .msn-headerSecondary, .msn-header .msn-headerMenuButton { display: none !important; }

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

base

******************************************************/
.kanbai { background: #000 url("../img/cancel/mainvisual.jpg") center center; background-size: cover; }
.kanbai .inner { text-align: center; width: 90%; margin: auto; padding: 100px 0; }
.kanbai .inner .midashi { color: #fff; font-size: 30px; line-height: 1.4; border: none; }
.kanbai .inner .midashi::after { content: none; }
.kanbai .inner .lead { margin-top: 25px; font-size: 18px; line-height: 2.4; color: #fff; }
.kanbai .inner .lead.tel-img1 img { width: 100%; height: auto; max-width: 300px; }
@media screen and (max-width: 600px) { .kanbai .inner { padding: 50px 0; }
  .kanbai .inner .midashi { font-size: 29px; }
  .kanbai .inner .lead { margin-top: 20px; font-size: 15px; color: #fff; } }

.bana-kanbai { background: #eee; margin-bottom: 50px; padding: 50px 0; }
.bana-kanbai a { width: 85%; display: block; background: #555; margin: auto; max-width: 800px; box-sizing: border-box; padding: 25px 15px; color: #fff; text-align: center; font-size: 20px; line-height: 1.5; border-radius: 5px; position: relative; transition: background 0.5s; }
.bana-kanbai a:before { content: ""; position: absolute; width: 11px; height: 11px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; top: 50%; right: 25px; transform: translateY(-50%) rotate(-45deg); }
.bana-kanbai a:hover { background: #777; }
@media screen and (max-width: 600px) { .bana-kanbai a { padding: 20px 12px; font-size: 14px; }
  .bana-kanbai a:before { right: 10px; } }