/* CSS Document */

/*dbplu*/

/* --------------------------------------------------------
	reset
-------------------------------------------------------- */
html {
  overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
  margin: 0;
  padding: 0;
}
object,embed {
  vertical-align: top;
}
legend {
  display: none;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}
img,abbr,acronym,fieldset {
  border: 0;
}
:link,:visited {
  text-decoration: none;
}
table {
  border-spacing: 0;
  font-size:inherit;
  font:100%;
}
fieldset,img,abbr,acronym {
  border: 0;
} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
 font-style: normal;
/* font-weight: normal; */
}
caption,th {
 text-align: left;
}
q:before,q:after {
content: '';
}
a {
  text-decoration: underline;
  outline: none;
}
a img,:link img,:visited img {
  border: none;
}

/* --------------------------------------------------------
	default
-------------------------------------------------------- */
body{
  /*background:url(images/background.gif) repeat-x 0 0;*/
  color:#333;
  font-family: Verdana, Arial, sans-serif,"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
  font-size:13px;
 /*Firefox�ASafari�AOpera & Mac IE5*/
 *font-size:small;
 /*Win IE7 & Win IE6 standard mode*/
 *font:x-small;
 /*Win IE 5-5.5�6 interchangeablity mode*/
  line-height:1.5;
  font-weight:normal;
  font-style:normal;
}

/******

 container

******/
#container{
  width: 100%;
  margin: 0;
  padding: 0;
}
#main {
  max-width: 900px;
  margin: 0 auto;
  padding: 30px 15px 40px 15px;
}
#main h1 {
  width: 100%;
  margin: 20px auto 20px auto;
  text-align: center;
}
#main h1 img {
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto;
}
#main h2 {
  margin-bottom: 50px;
  font-size: 180%;
  font-weight: bold;
  text-align: center;
}
#main ul {
  margin: 20px 0 20px 0;
  font-size: 120%;
  list-style-type: disc;
  padding-left: 20px;
}
#main li {
 margin: 10px 0 10px 0;
}
.btn_detail {
  margin: 0;
  padding: 0;
  text-align: center;
}
.logo {
  margin: 50px 0 0 0;
  text-align: center;
}
.logo img {
  margin: 0 15px 0 15px;
  padding: 0;
  text-align: center;
}
@media screen and (min-width: 569px) { 	
#container {
  width: 100%;
}
#main { 
 padding: 20px 15px 100px 15px;
}
#main h1 {
  width: 100%;
  margin: 20px 0 20px 0;
}
#main h1 img {
  max-width: 450px;
}
#main h2 { }
#main ul {
  margin: 20px 0 20px 0;
  font-size: 120%;
  padding-left: 20px;
}
#main li {
 margin: 10px 0 10px 0;
}
.btn_detail { }
.logo {
  margin: 50px 0 0 0;
}
.logo img {
  margin: 0 15px 0 15px;
}
}
/******

footer

 ******/
#footer-info {
  width: 100%;
  margin: 0;
  padding: 14px 0;
  background-color: #027;
  text-align: center;
}	
#info-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
}	
.info {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.5;
  text-align: left;
  color: #fff;
}
.name {
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#copyright {
  max-width: 900px;
  margin: 0 auto;
  padding: 6px 0;
  font-size: 93%;
  line-height: 1.6;
  text-align: center;
  color: #666;
}

@media screen and (min-width: 569px) { 	
.info .pc_none {
  display: none;
}
}
/*** clear for float area ***/

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