@charset "utf-8";
/* CSS Document */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

* {
	margin:0;
	padding:0;
}

/* IE */
main {
    display: block;
}
/*********************************
	font
*********************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
/* font-family: 'Noto Serif JP', serif */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/* font-family: 'Noto Sans JP', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Myanmar:wght@500;600;700&display=swap');
/* font-family: 'Noto Sans Myanmar', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@700&display=swap');
/* font-family: 'Kumbh Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro&display=swap');
/* font-family: 'Crimson Pro', serif; */

.matis {
  font-family: fot-matisse-pron, sans-serif;
  font-weight: 500;
  font-style: normal;
}


/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, p, q, samp,
small, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
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 {
  font-family:"Helvetica Neue", "Noto Sans Myanmar", "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  text-align: justify;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  body {
    font-family:"Helvetica Neue", "Noto Sans Myanmar", "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif;
    font-size: 100%;
    line-height: 1.5;
    max-width: 428px;
    text-align: justify;
    background-color: #fff;
  }
}

main {
	display: block;
}

p {
}

p img{
	padding:0;
	margin:0;
}

li {
    list-style:none;
}

a.noneOutline {
    outline:none;
}


/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section ,nav{
	display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
ul {
	list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
	quotes:none;
}

a {
	text-decoration:none;
	color:#000;
}

a img {
	border:none;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
	vertical-align:middle;
}

/*画像を縦に並べたときに余白が出てしまわないように*/
img {
    vertical-align:bottom;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="text"], 
input[type="email"],
input[type="tel"],
input[type="date"]{
  -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #F4F4F4;
	background-image: none;
	border: none;
	border-radius: 0;
	color: inherit;
	font-family: inherit;
	font-size: 1em;
	padding: 0;
	width: 100%;
}
input[type="text"]:focus {
	border: 1px solid rgba(0, 0, 0, 0.32);
	box-shadow: none;
	outline: none;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
textarea {
    border: none;
    -webkit-appearance: none;
    max-width: 100%;
    background-color: #F4F4F4;
  }