@charset "UTF-8";


/*----------------------------
  Reset
----------------------------*/
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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}table{border-collapse:collapse;border-spacing:0;}




/*----------------------------
	Fonts
----------------------------*/
@font-face{
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
  src: url("../font/NotoSans/NotoSans-Regular.woff2") format("woff2"),
       url("../font/NotoSans/NotoSans-Regular.woff") format("woff"),
       url("../font/NotoSans/NotoSans-Regular.otf") format("truetype");
}
@font-face {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 700;
  src: url("../font/NotoSans/NotoSans-Bold.woff2") format("woff2"),
       url("../font/NotoSans/NotoSans-Bold.woff") format("woff"),
       url("../font/NotoSans/NotoSans-Bold.otf") format("truetype");
}



/* ----------------------------
  Base
---------------------------- */
body {
  line-height: 2;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: palt;
  font-feature-settings: "palt";
  font-family: "Hiragino Kaku Gothic ProN", "Noto Sans", meiryo, sans-serif;
  font-size: 15px;
  color: #000;
}

@media screen and (max-width: 800px) {
  body {
    line-height: 1.692307692;
    font-size: 13px;
  }
}


.pc_only{
  display: block;
}
.sp_only{
  display: none;
}
@media only screen and (max-width: 800px) {
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
}

/* Anchor
---------------------------- */
a {
  text-decoration: none;
  outline: none;
  color: #000;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}


/* Image
---------------------------- */
img {
  max-width: 100%;
  height: auto;
  outline: none;
  vertical-align: top;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}


/* Draw Contents
---------------------------- */
svg {
  display: block;
}


/* Button
---------------------------- */
button {
  display: block;
  padding: 0;
  width: 100%;
  background: none;
  outline: none;
  border: 0;
  border-radius: 0;
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", meiryo, sans-serif;
  font-size: 15px;
  color: #000;
  cursor: pointer;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}


/* Text
---------------------------- */
b {
  font-weight: bold;
}


/* ----------------------------
  Parts
---------------------------- */

/* Container
---------------------------- */
.container {
  margin-left: auto;
  margin-right: auto;
}


/* Device Display
---------------------------- */
.pc { display: block !important; }
.sp { display: none !important; }
.xsp { display: none !important; }
span.pc { display: inline !important; }
span.sp { display: none !important; }
span.xsp { display: none !important; }

@media screen and (max-width: 800px) {
  .pc { display: none !important; }
  .sp { display: block !important; }
  span.pc { display: none !important; }
  span.sp { display: inline !important; }
}

@media screen and (max-width: 320px) {
  .xsp { display: block !important; }
  span.xsp { display: inline !important; }
}


/* List Dot
---------------------------- */
.list-dot li {
  padding-left: 0.85em;
  position: relative;
}
.list-dot li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

/*  */

.mt-50{ margin-top:50px; }

.mb-10{ margin-bottom:10px; }
.mb-20{ margin-bottom:20px; }
.mb-30{ margin-bottom:30px; }
.mb-40{ margin-bottom:40px; }
.mb-50{ margin-bottom:50px; }
.mb-60{ margin-bottom:60px; }
.mb-70{ margin-bottom:70px; }
.mb-80{ margin-bottom:80px; }
.mb-90{ margin-bottom:90px; }
.mb-100{ margin-bottom:100px; }