.col{
	width:45% !important;
}
.contents{
  max-width: 400px;
  padding: 80px 40px 0 40px;
  margin: 0 auto;
}


.modal-close{
  background: darkblue;
}

.modal {
  display: none;
}

.modal.is_open {
  display: block;
}

.modal-overlay {
  align-items: center;
  background: rgba(0, 0, 0, .75);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.modal-container {
  background: #fff;
  border-radius: 4px;
  max-height: 100%;
  padding: 30px 20px;
  box-sizing: border-box;
  overflow: scroll;
}

.modal-content-ttl{
  font-size: 2rem;
}

.modal-content-txt{
	margin-top:20px;
  line-height: 1.67;
}
.col{
	margin-bottom:30px !important;
}
@media only screen and (max-width: 480px){
	.col{
	margin-top:0px !important;
	float:left !important;
	margin-bottom:30px !important;

}
.modal-container {

    max-width: 300px;

}
.wrapper-col.col-02 .col:nth-child(2n){
	float:right !important;
}
}