@charset "UTF-8";

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

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,
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:"Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: "Noto Serif JP", YuMincho, "Yu Mincho", sans-serif;
  font-weight:500;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*font-weight: inherit;
  font-style: inherit;*/
  color:#333;
  line-height:1.7;
}

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 { 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-color:#fff;
  font-size: 62.5%; /* 10px想定 */
  width:100%;
  /*overflow-x:hidden;*/
  /*font-size:75%; /* 12px想定*/
  -webkit-touch-callout:none;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body { 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%;}
body * { font-size:1em; box-sizing:border-box;}
*:before,
*:after { box-sizing:border-box;}

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

.positionSet1 { position:relative; overflow:hidden;}
.positionSet2 { position:absolute; overflow:hidden;}
.positionSet3 { position:relative; overflow:visible;}
.positionSet4 { position:absolute; overflow:visible;}
.positionSet1 .positionHideImg,
.positionSet2 .positionHideImg { position:absolute; left:0; top:0;}
.positionSet1 .positionText,
.positionSet2 .positionText { display:block; overflow:hidden; position:absolute; text-align:left; left:105%; top:0; width:100%; height:100%;}
.positionSet1 .positionBlock,
.positionSet2 .positionBlock { display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

.tableFormat01 { display:table; table-layout:fixed; border-collapse:collapse;}
.tableFormat02 { display:table; table-layout:fixed; border-collapse:separate;}
.tableFormat01 .tableCell,
.tableFormat02 .tableCell { display:table-cell;}
.tableFormat01 .tableRow,
.tableFormat02 .tableRow { display:table-row;}

input { vertical-align:middle; outline:none; /*-webkit-appearance:none;*/ /*iPhoneオリジナルのinput*/ /*font-size:1.15em;*/}
input[type="submit"],
input[type="reset"],
input[type="text"] {
  -webkit-appearance:none;
  /*iPhoneオリジナルの送信ボタン*/
  border-radius:0px;
  border-width:1px;
  border-style:solid;
  border-color:#ccc;
  padding:0;
  background-color:#fff;
}
input[type="submit"],
input[type="reset"],
label { cursor:pointer;}
/* selectを改造する時は下記記述を参考にして下さい */
select {
  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  -o-appearance:none;
  appearance:none;
  height:2.3em;
  border-radius:0px;
  border-width:1px;
  border-style:solid;
  border-color:#ccc;
  margin:0;
  cursor:pointer;
}

a, a:hover { text-decoration:none;}
a img { /* firefox */background:url(../images/common/blank.gif) repeat left top;}
.animation a,
.animationImg a img,
.animation a:hover,
.animationImg a:hover img {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}