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

body {
  margin: 0;
}

main{
	max-width: 750px;
	margin: 0 auto;
/*	font-size: 0;
*/
}

img{
	width:100%;
	vertical-align: bottom
}

.relative{
	position: relative;
	overflow: hidden;
}

.absolute{
	position: absolute;
}

  /* fade up */
/*scroll-anim*/
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 30%);
  transition: 1s;
}
.fadeIn_up.active {
  transform: translate(0, 0);
  opacity: 1;
}




/*accordion*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
}
.Label::before{		/*矢印*/
	content:"";
	width: 5%;
	height: 21%;
	border-top: 4px solid #e5762d;
	border-right: 4px solid #e5762d;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 44% - 7% );
	right: 7%;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

/*float btn*/
.float_btn {
  position: fixed;
  bottom: 0%;
  transition: 0.5s;
  z-index: 100;
  /*デフォルト非表示*/
  opacity: 0;
  visibility: hidden;
}

/*表示*/
.active{
  opacity: 1;
  visibility: visible;
}

.float_btn_link {
  position: relative;
  display: block;
}

/*footerで非表示*/
.is-hidden {
  visibility: hidden;
  opacity: 0;
}

/*btn*/
.btn_00{
	width: 89%;
	top: 45%;
	left: 5.7%;
}

.btn_01{
	width: 89%;
	top: 57%;
	left: 5.7%;
}

.btn_02{
	width: 97%;
	top: 85%;
	left: 2%;
}
.btn_03{
	width: 89%;
	top: 58%;
	left: 5.7%;
}
.btn_04{
	width: 89%;
	top: 58%;
	left: 6.7%;
}

/*btn anm*/
.animation{
  animation: dokundokun 1300ms ease infinite;
}

@keyframes dokundokun {
  0%  { transform: scale(1); }
  15% { transform: scale(1.1); }
  30% { transform: scale(1); }
  45% { transform: scale(1.1); }
  70% { transform: scale(1); }
}



.m_emblem01{
	width: 100%;
	top: 73%;
	left: 0%;	
}
.m_002_01{
	width: 100%;
	top: 18%;
	left: 0%;
}
.m_002_02{
	width: 86%;
	top: 76%;
	left: 3%;
}
.m_003_01{
	width: 56%;
	top: 45%;
	left: 23%;
}
.m_003_02{
	width: 27%;
	top: 5.7%;
	left: 14.6%;
}
.m_004_01{
	width: 96%;
	top: 3%;
	left: 3%;
}
.m_004_02{
	width: 43%;
	top: 46%;
	left: 3%;
}
.m_004_03{
	width: 43%;
	top: 74%;
	left: 55%;
}
.m_005_01{
	width: 95%;
	top: 12%;
	left: 3%;
}
.m_005_02{
	width: 32%;
	top: 40%;
	left: 3%;
}
.m_006_01{
	width: 88%;
	top: 44%;
	left: 7%;
}
.m_007_01{
	width: 93%;
	top: 15%;
	left: 5%;
}
.m_007_02{
	width: 45%;
	top: 42%;
	left: 28%;
}
.m_008_01{
	width: 94%;
	top: 12%;
	left: 3%;
}
.m_008_02{
	width: 93%;
	top: 46%;
	left: 1%;
}
.m_009_01{
	width: 96%;
	top: 9%;
	left: 0%;
}
.m_010_01{
	width: 94%;
	top: 0%;
	left: 5%;
}
.m_010_02{
	width: 36%;
	top: 33%;
	left: 6.5%;
}
.m_011_01{
	width: 80%;
	top: 23%;
	left: 10%;
}
.m_011_02{
	width: 100%;
	top: 49%;
	left: 0%;
}
.m_011_03{
	width: 98%;
	top: 73%;
	left: 2%;
}
.m_012_01{
	width: 90%;
	top: 11%;
	left: 5%;
}
.m_013_01{
	width: 90%;
	top: 3%;
	left: 5%;
}
.m_014_01{
	width: 90%;
	top: 2%;
	left: 5%;
}
.m_015_01{
	width: 85%;
	top: 6.5%;
	left: 8%;
}
.m_015_02{
	width: 85%;
	top: 64.5%;
	left: 8%;
}
.m_016_01{
	width: 97%;
	top: 20%;
	left: 1%;
}
.m_016_02{
	width: 54%;
	top: 43%;
	left: 44%;
}
.m_016_03{
	width: 52%;
	top: 65.5%;
	left: 1%;
}
.m_016_04{
	width: 70%;
	top: 88.8%;
	left: 26%;
}
.m_017_01{
	width: 32%;
	top: 27%;
	left: 9%;
}
.m_018_01{
	width: 56%;
	top: 3.5%;
	left: 21%;
}
.m_018_02{
	width: 96%;
	top: 36%;
	left: 2%;
}
.m_018_03{
	width: 100%;
	top: 53%;
	left: 0%;
}
.m_019_01{
	width: 86%;
	top: 17%;
	left: 7%;
}
.m_019_02{
	width: 86%;
	top: 37%;
	left: 7%;
}
.m_020_01{
	width: 95%;
	top: 18%;
	left: 3%;
}
.m_021_01{
	width: 36%;
	top: 0%;
	left: 3%;
}
.m_021_02{
	width: 83%;
	top: 20%;
	left: 9%;
}
.m_021_03{
	width: 71%;
	top: 66.5%;
	left: 14%;
}
.m_021_04{
	width: 95%;
	top: 87%;
	left: 2%;
}
.m_022_01{
	width: 37%;
	top: 20%;
	left: 54.7%;
}
.m_022_02{
	width: 100%;
	top: 65%;
	left: 0%;
}
.m_023_01{
	width: 60%;
	top: 16%;
	left: 3%;
}
.m_024_01{
	width: 94%;
	top: 15%;
	left: 2%;
}
.m_024_02{
	width: 93%;
	top: 80%;
	left: 4%;
}
.m_025_01{
	width: 87%;
	top: 29%;
	left: 8%;
}
.m_026_01{
	width: 88%;
	top: 12%;
	left: 5%;
}
.m_027_01{
	width: 87%;
	top: 11%;
	left: 8%;
}
.m_028_01{
	width: 41%;
	top: 5%;
	left: 7.5%;
}
.m_028_02{
	width: 93%;
	top: 60%;
	left: 5%;
}
.m_029_01{
	width: 15%;
	top: 8%;
	left: 68.8%;
}
.m_029_02{
	width: 25%;
	top: 60.5%;
	left: 10.5%;
}
.m_030_01{
	width: 80%;
	top: 29%;
	left: 11%;
}
.m_030_02{
	width: 96%;
	top: 78%;
	left: 1%;
}
.m_031_01{
	width: 71%;
	top: 28%;
	left: 15%;
}
.m_031_02{
	width: 39%;
	top: 52.5%;
	left: 55%;
}
.m_032_01{
	width: 86%;
	top: 14.5%;
	left: 8%;
}
.m_032_02{
	width: 58%;
	top: 43%;
	left: 6%;
}
.m_032_03{
	width: 47%;
	top: 68%;
	left: 10%;
}
.m_033_01{
	width: 81%;
	top: 10%;
	left: 9%;
}
.m_033_02{
	width: 87%;
	top: 82%;
	left: 7%;
}
.m_034_01{
	width: 33%;
	top: 18%;
	left: 59.3%;
}
.m_035_01{
	width: 19.5%;
	top: 24%;
	left: 15.1%;
}
.m_036_01{
	width: 32%;
	top: 18%;
	left: 59%;
}
.m_037_01{
	width: 89%;
	top: 65%;
	left: 5%;
}
.m_038_01{
	width: 91%;
	top: 53%;
	left: 5%;
}
.m_039_01{
	width: 80%;
	top: 12%;
	left: 10%;
}
.m_040_01{
	width: 33%;
	top: 18%;
	left: 60%;
}
.m_041_01{
	width: 23%;
	top: 4%;
	left: 15%;
}
.m_041_02{
	width: 49%;
	top: 58%;
	left: 10%;
}
.m_042_01{
	width: 97%;
	top: 69%;
	left: 2%;
}

.m_043_01{
	width: 71%;
	top: 19.5%;
	left: 7%;
}
.m_043_02{
	width: 53%;
	top: 67%;
	left: 24%;
}
.m_044_01{
	width: 73%;
	top: 50%;
	left: 14%;
}
.m_045_01{
	width: 65%;
	top: 44%;
	left: 18%;
}
.m_046_01{
	width: 91%;
	top: 25%;
	left: 6%;
}
.m_046_02{
	width: 90%;
	top: 76%;
	left: 5%;
}
.m_047_01{
	width: 19.5%;
	top: 9%;
	left: 67%;
}
.m_047_02{
	width: 96.5%;
	top: 42%;
	left: 1%;
}
.m_048_01{
	width: 30%;
	top: 11%;
	left: 5%;
}
.m_049_01{
	width: 94%;
	top: 41%;
	left: 4%;
}
.m_049_02{
	width: 100%;
	top: 60%;
	left: 0%;
}
.m_052_01{
	width: 94%;
	top: 46%;
	left: 4%;
}
.m_053_01{
	width: 42%;
	top: 17.4%;
	left: 57%;
}
.m_053_02{
	width: 35%;
	top: 28.5%;
	left: 10%;
}
.m_054_01{
	width: 88%;
	top: 54%;
	left: 7%;
}
.m_055_01{
	width: 24%;
	top: 6%;
	left: 70.3%;
}
.m_056_01{
	width: 70%;
	top: 14%;
	left: 25%;
}
.m_056_02{
	width: 19%;
	top: 28%;
	left: 11.8%;
}
.m_056_03{
	width: 20%;
	top: 50%;
	left: 68.8%;
}
.m_056_04{
	width: 20%;
	top: 75%;
	left: 12%;
}