@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Shippori+Mincho:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');

:root {
  --text-base-color: #6a6663;
  --color-gray-01: #a3908d;
  --color-gray-02: #f5f4f4;
  --color-brown-01: #b29d97;
  --focus-color-01:#f5f5f5;
  --border-color-01:#cccc;
  --border-color-02:#b2b2b2;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font-family:"Shippori Mincho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
  /*font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "sans-serif";*/
  /*font-family: "Roboto", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
  font-weight:400;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*letter-spacing:0.03em;*/
  /*font-weight: inherit;
  font-style: inherit;*/
  color: var(--text-base-color);
  line-height:1.4;
}

blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
legend { display:none;}
:focus { outline: 0;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
a img, iframe { border: none;}
ul, ol { list-style: none;}
input, textarea, select, button { font-size: 100%; /*font-family:inherit;*/}
input, select { vertical-align:middle;}
select { margin: inherit;}
button { border: 0; padding: 0; background: transparent; /* IE6/7 */ cursor: pointer;}
a:focus { outline:none;}

html {
  /*height:100%;*/
  background:#fff;
  /*font-size: 62.5%; /* 10px想定 */
  /*font-size:75%; /* 12px想定*/
  /*font-size:87.5%; /* 14px想定*/
  font-size:100%; /* 16px想定*/
  width:100%;
  /*overflow-x:hidden;*/
  -webkit-touch-callout:none;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body { /*background:#fff;*/ text-align:left; min-width:320px; position:relative; -webkit-text-size-adjust:100%; /*word-wrap:break-word;*/ line-height:1.7; font-size:1.4rem; width:100%;}
html * { font-feature-settings:"palt"; font-size:1em; box-sizing:border-box; vertical-align:baseline;}
*:before,
*:after { box-sizing:border-box;}

.clear-1px { clear:both; font-size:1px; line-height:1px; height:1px;}

.position-set1 { position:relative; overflow:hidden;}
.position-set2 { position:absolute; overflow:hidden;}
.position-set1 .position-text,
.position-set2 .position-text { display:block; overflow:hidden; position:absolute; text-align:left; left:105%; top:0; width:100%; height:100%;}

input { vertical-align:middle; outline:none; /*-webkit-appearance:none;*/ /*iPhoneオリジナルのinput*/ /*font-size:1.15em;*/}
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="tel"] {
  -webkit-appearance:none;
  border-radius:0px;
  border-width:1.4px;
  border-style:solid;
  border-color:#ccc;
  padding:0;
  background-color:#fff;
}
input[type="submit"],
input[type="reset"],
label { cursor:pointer;}
select {
  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  -o-appearance:none;
  appearance:none;
  border-radius:0px;
  border-width:1.4px;
  border-style:solid;
  border-color:#ccc;
  margin:0;
  cursor:pointer;
}
select::-ms-expand {
  display: none;
}
textarea { max-width:100%; border-color:#ccc; border-width:1.4px; border-style:solid; padding:0;}
input[type="text"],
input[type="tel"] { max-width:100%;}
input[type=checkbox] { margin:0;}

a, a:hover { text-decoration:none;}
img { vertical-align:top; height:auto; width:100%;}
a img { /* firefox */background:url("../images/common/blank.gif") repeat left top;}