@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese);

/* ======================================================
 * base.css
 * ------------------------------------------------------
 * Reset
 * Fonts
 * Basic
 * General Purpose
====================================================== */

/* ------------------------------------------------------
 * Reset
------------------------------------------------------ */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

/* ----- custom ----- */
main{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
h1,h2,h3,h4,h5,h6,small{font-weight:normal;}
ul,ol{list-style:none;}
strong{font-weight:bold;}
em,i{font-style:italic;}
address{font-style:normal;}
hr,legend{display:none;}
time{display:block;}
sub,sup{position:relative;font-size:74%;line-height:1;}
sup{top:-.15em;}
sub{bottom:-.1em;}
img{max-width:100%;height:auto;vertical-align:top;}

/* ------------------------------------------------------
 * Fonts
------------------------------------------------------ */
/* ----- Noto Sans ----- */
body,
button,
body#en,
body#en button {
  font-family: "Noto Sans",Verdana,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33","\5FAE\8F6F\96C5\9ED1","Malgun Gothic","Dotum","Gulim",sans-serif;
}
/* ----- Noto Sans JP ----- */
body#ja,
body#ja button {
  font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}
body#ja {
  line-height: 1.4;
}

/* ------------------------------------------------------
 * Basic
------------------------------------------------------ */
html {
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  color: #333;
  font-size: 1.4rem;
  line-height: 1.45;
  word-wrap : break-word;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
p {
  min-height: 1.45em;
}

/* ----- a ----- */
a,
.link-text {
  color: #004e99;
  text-decoration: none;
}
a:hover,
.link-text:hover {
  text-decoration: underline;
}

/* ----- form ----- */
input,
select,
textarea,
button,
pre {
  border-radius: 0;
  box-shadow: none;
  color: #333;
  font-size: 1.4rem;
}
input[type="text"],
textarea {
  -webkit-appearance: none;
  appearance: none;
}

/* ------------------------------------------------------
 * General Purpose
------------------------------------------------------ */
.common-text-center {
  text-align: center !important;
}
.common-text-right {
  text-align: right !important;
}
.common-text-left {
  text-align: left !important;
}
.common-margin-top-0 {
  margin-top: 0 !important;
}
.common-margin-right-0 {
  margin-right: 0 !important;
}
.common-margin-bottom-0 {
  margin-bottom: 0 !important;
}
.common-margin-left-0 {
  margin-left: 0 !important;
}
.common-padding-top-0 {
  padding-top: 0 !important;
}
.common-padding-right-0 {
  padding-right: 0 !important;
}
.common-padding-bottom-0 {
  padding-bottom: 0 !important;
}
.common-padding-left-0 {
  padding-left: 0 !important;
}
.common-font-bold {
  font-weight: bold !important;
}
.common-width-auto {
  width: auto !important;
}
.common-width-001per {
  width: 1% !important;
}
.common-width-002per {
  width: 2% !important;
}
.common-width-003per {
  width: 3% !important;
}
.common-width-004per {
  width: 4% !important;
}
.common-width-005per {
  width: 5% !important;
}
.common-width-006per {
  width: 6% !important;
}
.common-width-007per {
  width: 7% !important;
}
.common-width-008per {
  width: 8% !important;
}
.common-width-009per {
  width: 9% !important;
}
.common-width-010per {
  width: 10% !important;
}
.common-width-011per {
  width: 11% !important;
}
.common-width-012per {
  width: 12% !important;
}
.common-width-013per {
  width: 13% !important;
}
.common-width-014per {
  width: 14% !important;
}
.common-width-015per {
  width: 15% !important;
}
.common-width-016per {
  width: 16% !important;
}
.common-width-017per {
  width: 17% !important;
}
.common-width-018per {
  width: 18% !important;
}
.common-width-019per {
  width: 19% !important;
}
.common-width-020per {
  width: 20% !important;
}
.common-width-021per {
  width: 21% !important;
}
.common-width-022per {
  width: 22% !important;
}
.common-width-023per {
  width: 23% !important;
}
.common-width-024per {
  width: 24% !important;
}
.common-width-025per {
  width: 25% !important;
}
.common-width-026per {
  width: 26% !important;
}
.common-width-027per {
  width: 27% !important;
}
.common-width-028per {
  width: 28% !important;
}
.common-width-029per {
  width: 29% !important;
}
.common-width-030per {
  width: 30% !important;
}
.common-width-031per {
  width: 31% !important;
}
.common-width-032per {
  width: 32% !important;
}
.common-width-033per {
  width: 33% !important;
}
.common-width-034per {
  width: 34% !important;
}
.common-width-035per {
  width: 35% !important;
}
.common-width-036per {
  width: 36% !important;
}
.common-width-037per {
  width: 37% !important;
}
.common-width-038per {
  width: 38% !important;
}
.common-width-039per {
  width: 39% !important;
}
.common-width-040per {
  width: 40% !important;
}
.common-width-041per {
  width: 41% !important;
}
.common-width-042per {
  width: 42% !important;
}
.common-width-043per {
  width: 43% !important;
}
.common-width-044per {
  width: 44% !important;
}
.common-width-045per {
  width: 45% !important;
}
.common-width-046per {
  width: 46% !important;
}
.common-width-047per {
  width: 47% !important;
}
.common-width-048per {
  width: 48% !important;
}
.common-width-049per {
  width: 49% !important;
}
.common-width-050per {
  width: 50% !important;
}
.common-width-051per {
  width: 51% !important;
}
.common-width-052per {
  width: 52% !important;
}
.common-width-053per {
  width: 53% !important;
}
.common-width-054per {
  width: 54% !important;
}
.common-width-055per {
  width: 55% !important;
}
.common-width-056per {
  width: 56% !important;
}
.common-width-057per {
  width: 57% !important;
}
.common-width-058per {
  width: 58% !important;
}
.common-width-059per {
  width: 59% !important;
}
.common-width-060per {
  width: 60% !important;
}
.common-width-061per {
  width: 61% !important;
}
.common-width-062per {
  width: 62% !important;
}
.common-width-063per {
  width: 63% !important;
}
.common-width-064per {
  width: 64% !important;
}
.common-width-065per {
  width: 65% !important;
}
.common-width-066per {
  width: 66% !important;
}
.common-width-067per {
  width: 67% !important;
}
.common-width-068per {
  width: 68% !important;
}
.common-width-069per {
  width: 69% !important;
}
.common-width-070per {
  width: 70% !important;
}
.common-width-071per {
  width: 71% !important;
}
.common-width-072per {
  width: 72% !important;
}
.common-width-073per {
  width: 73% !important;
}
.common-width-074per {
  width: 74% !important;
}
.common-width-075per {
  width: 75% !important;
}
.common-width-076per {
  width: 76% !important;
}
.common-width-077per {
  width: 77% !important;
}
.common-width-078per {
  width: 78% !important;
}
.common-width-079per {
  width: 79% !important;
}
.common-width-080per {
  width: 80% !important;
}
.common-width-081per {
  width: 81% !important;
}
.common-width-082per {
  width: 82% !important;
}
.common-width-083per {
  width: 83% !important;
}
.common-width-084per {
  width: 84% !important;
}
.common-width-085per {
  width: 85% !important;
}
.common-width-086per {
  width: 86% !important;
}
.common-width-087per {
  width: 87% !important;
}
.common-width-088per {
  width: 88% !important;
}
.common-width-089per {
  width: 89% !important;
}
.common-width-090per {
  width: 90% !important;
}
.common-width-091per {
  width: 91% !important;
}
.common-width-092per {
  width: 92% !important;
}
.common-width-093per {
  width: 93% !important;
}
.common-width-094per {
  width: 94% !important;
}
.common-width-095per {
  width: 95% !important;
}
.common-width-096per {
  width: 96% !important;
}
.common-width-097per {
  width: 97% !important;
}
.common-width-098per {
  width: 98% !important;
}
.common-width-099per {
  width: 99% !important;
}
.common-width-100per {
  width: 100% !important;
}