body{
   color : #000000;
   font-size: 16px;
   font-weight: 400;
   line-height: 2;
  font-family:"Century Gothic",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   margin: 0;
   padding: 0;
	background-color: #F7F7F7;
	-webkit-text-size-adjust: 100%;
}
html,h1,h2,h3,h4,h5,h6,
p,div,blockquote,address,form,
ul,ol,li,dl,dt,dd,table,th,td{
   margin: 0;
   padding: 0;
}
img {
	vertical-align: bottom;
	border: 0;
}a img  {
	border:none;
}
#container{
    height:100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("bg.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}
#container_in{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.text01{
    width: 100%;
    font-size: 200%;
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px;
}
.text02{
    width: 100%;
    text-align: center;
    line-height: 2;
    margin-bottom: 50px;
}
/* --------------------------------------------------- */
a{
   color : #666666;
   text-decoration: none;
}
a:visited{
   color: #666666;
   text-decoration: none;
}
a:hover{
   color: #444444;
   text-decoration : underline;
}
a:active{
   color:#666666;
   text-decoration: none;
}
/*  ｿｧwﾄ・*/
/* --------------------------------------------------- */
.red{
   color: #cc0000;
}
.red a:link {
   color: #cc0000;
   text-decoration: none;
}
.red a:visited {
   color: #cc0000;
   text-decoration: none;
}
.red a:hover {
   color: #FF0000;
   text-decoration : underline;
}
.red a:active {
   color: #cc0000;
   text-decoration: none;
}
.green{
   color: #3B7706;
   font-weight: 600;
}
.blk {
   color: #000000;
}
.blk a:link {
   color: #000000;
   text-decoration: underline;
}
.blk a:visited {
   color: #666666;
   text-decoration: underline;
}
.blk a:hover {
   color: #000000;
   text-decoration : underline;
}
.blk a:active {
   color: #000000;
   text-decoration: underline;
}
.white{
   color: #ffffff;
}
.white a:link {
   color: #ffffff;
   text-decoration: underline;
}
.white a:visited {
   color: #ffffff;
   text-decoration: underline;
}
.white a:hover {
   color: #ffffff;
   text-decoration : underline;
}
.white a:active {
   color: #ffffff;
   text-decoration: underline;
}
/* ===============================================
   clearfix
=============================================== */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  font-size:0.1em;
  line-height:0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearfix {
	display: block;
}
/* ===============================================
	｢ｧｶｦﾄﾌ｡ﾊﾍｾﾇ�｡ﾋ
=============================================== */
/* ｾ袁ｾﾇ・*/
.tsp5 { padding-top: 5px; }
.tsp10 { padding-top: 10px; }
.tsp15 { padding-top: 15px; }
.tsp20 { padding-top: 20px; }
.tsp25 { padding-top: 25px; }
.tsp30 { padding-top: 30px; }
.tsp35 { padding-top: 35px; }
.tsp40 { padding-top: 40px; }

/* ｺｸﾍｾﾇ・*/
.lsp5 { padding-left: 5px; }
.lsp10 { padding-left: 10px; }
.lsp15 { padding-left: 15px; }
.lsp20 { padding-left: 20px; }
.lsp25 { padding-left: 25px; }
.lsp30 { padding-left: 30px; }
.lsp35 { padding-left: 35px; }
.lsp40 { padding-left: 40px; }

/* ｱｦﾍｾﾇ・*/
.rsp5 { padding-right: 5px; }
.rsp10 { padding-right: 10px; }
.rsp15 { padding-right: 15px; }
.rsp20 { padding-right: 20px; }
.rsp25 { padding-right: 25px; }
.rsp30 { padding-right: 30px; }
.rsp35 { padding-right: 35px; }
.rsp40 { padding-right: 40px; }

/* ｲｼﾍｾﾇ・*/
.bsp0 { padding-bottom: 0px; }
.bsp5 { padding-bottom: 5px; }
.bsp10 { padding-bottom: 10px; }
.bsp15 { padding-bottom: 15px; }
.bsp20 { padding-bottom: 20px; }
.bsp25 { padding-bottom: 25px; }
.bsp30 { padding-bottom: 30px; }
.bsp35 { padding-bottom: 35px; }
.bsp40 { padding-bottom: 40px; }
.bsp50 { padding-bottom: 50px; }
.bsp60 { padding-bottom: 60px; }
.bsp70 { padding-bottom: 70px; }
.bsp80 { padding-bottom: 80px; }

/* ﾁｴﾂﾎﾍｾﾇ・*/
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.pad25 { padding: 25px; }
.pad30 { padding: 30px; }

/* ﾍｾﾇ�､ﾊ､ｷ */
.no_pad { padding: 0; }

/* ===============================================
	｢ｧｶｦﾄﾌ｡ﾊｲ｣ﾉ�｡ﾋ
=============================================== */
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }

/* ===============================================
	｢ｧｶｦﾄﾌ｡ﾊﾇﾘｷﾊｿｧ｡ﾋ
=============================================== */
.bgcG { background-color: #b2ffb2; }
.bgcO { background-color: #ffd8b2; }
.bgcY { background-color: #ffffb2; }

/* ===============================================
	｢ｧｶｦﾄﾌ｡ﾊﾊｸｻ�･ｹ･ｿ･､･・ﾋ
=============================================== */
/* ﾂﾀ､ｵ｡ｦｿｧ */
.small { font-size: 12px; font-weight: normal; }
.big { font-size: 140%; }
.big2 { font-size: 200%; }
.bold { font-weight: bold; }
.blue { color: #0068b8; }
.red { color: #dd0000; }
.org { color: #ff6600; }
.error{ font-size: 10px; color: #dd0000; font-weight: bold; }
.aster { color: #dd0000; font-weight: normal; }

/* ﾊｸｻ�ｹ筅ｵ */
.line2 { line-height: 2; }

/* ﾊｸｻ�ｰﾌﾃﾖ */
.center { text-align: center; }
.right { text-align: right; }
.indent01 { text-indent: -1em; padding-left: 1em; }

/* ===============================================
	｢ｧｶｦﾄﾌ｡ﾊｲ霖・ｹ･ｿ･､･・ﾋ
=============================================== */
img.midlle { vertical-align: middle; }
.imageright{
	float: right;
	padding-left: 20px;
}
.imageleft{
	float: left;
	padding-right: 20px;
}