@charset "UTF-8";



/*====================

common

====================*/

img {

  display: block;

  margin: 0 auto;

}

#GFoot {

  padding: 10px 0 0;

}

#GFoot ul.caution{

  width: 100%;

  max-width: 600px;

  margin: 0 auto 50px;

  padding: 0 16px;

  line-height: 1.4;

  box-sizing: border-box;

  font-size: 11px;

}

#GFoot ul li{

  position: relative;

}

#contents section{

  width: 100%;

  max-width: 600px;

  margin: 0 auto;

}

@media all and (min-width: 601px){

  #GFoot {

    padding: 30px 0 0;

  }

  .notes{

    font-size: 14px;

    line-height: 1.4;

  }

  #section_second ul{

    width: 88%;

    display: block;

    margin: 17px auto 31px;

  }

  #section_second ul li{

    margin-bottom: 0px;

  }

}

@media only screen and (max-width: 600px){

  #GFoot .copyBlock {

      margin-top: 70px;

      /* padding-bottom: 120px; */

      font-size: 10px;

      font-size: 1rem;

  }

}

  @media only screen and (min-width: 601px), print {

  #GFoot .copyBlock {

      margin-top: 50px;

      /* padding-bottom: 220px; */

      font-size: 12px;

      font-size: 1.2rem;

  }

}



/*====================

scroll_header

====================*/

.header {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 100;

  background-color: #000;

}

.header img {

  width: 65%;

  height: auto;

  display: block;

  margin: 13px auto 12px;

  max-width: 470px;

}

.max_content {

  position: relative;

  width: 100%;

  max-width: 660px;

  margin: 0 auto;

}





/*====================

add

====================*/

.bottom_txt {

  background-color: #fff;

}

.bottom_txt img {

  width: 100%;

  max-width: 660px;

  margin: 0 auto;

}

.btn_re {

  position: relative;

}

.btn_ab {

  position: absolute;

  margin: 0 auto;

  right: 0;

  left: 0;

}

.btn01{

  width: 80%;

  max-width: 520px;

}

.btn02{

  width: 76.5%;

  max-width: 520px;

}

.btn01 {

  top: 85%;

}

.btn02 {

  top: 82.8%;

}

.btn01 label,

.btn02 label{

  transition: .3s;

  font-size: 360%;

  font-weight: 400;

}

.btn01 label:hover,

.btn02 label:hover {

  opacity: .7;

}

/*------ popup ------*/

.open {

	cursor:pointer;

}

#pop-up01,

#pop-up02{

	display: none;

}

.overlay {

	display: none;

}

#pop-up01:checked + .overlay,

#pop-up02:checked + .overlay{

	display: block;

	position: fixed;

	width: 100%;

	height: 100vh;

	top: 0;

	left: 0;

	z-index: 9999;

	background: rgba(0, 0, 0, 0.6);

}

.window {

	position: fixed;

	top: 36%;

	left: 50%;

	width: 90vw;

	max-width: 500px;

	height: 300px;

	border-radius: 4px;

	align-items: center;

	transform: translate(-50%, -50%);

}

.close {

	position: absolute;

	top: -49px;

	right: -5px;

	cursor:pointer;

	color: #fff;

}