@charset "UTF-8";

@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700;800&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700&display=swap);

main div, main span, main applet, main object, main iframe,
main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre,
main a, main abbr, main acronym, main address, main big, main cite, main code,
main del, main dfn, main em, main img, main ins, main kbd, main q, main s, main samp,
main small, main strike, main strong, main sub, main sup, main tt, main var,
main b, main u, main i, main center,
main dl, main dt, main dd, main ol, main ul, main li,
main fieldset, main form, main label, main legend,
main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td,
main article, main aside, main canvas, main details, main embed,
main figure, main figcaption, main hgroup,
main menu, main nav, main output, main ruby, main section, main summary,
main time, main mark, main audio, main video {
  /*font-family:"Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family:"Sarabun", sans-serif, "Arial", "Helvetica Neue", Helvetica;
  font-weight:500;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*font-weight: inherit;
  font-style: inherit;*/
  color:#333;
  line-height:1.5;
}

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:auto;
  /*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.9rem; font-size:1.4rem; width:100%; overflow-x:hidden;}
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/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;
}