@charset "utf-8";

@media (max-width: 639px) {
/*---------------
modal
------------------*/
.modalBtnList li {
	margin-top: 10px;
}
.modalBtnList li:first-child{
	margin-top: 0;
}
.modalBtnList li .btnType01 {
	margin: 0 auto;
}
.modalContent{
	width: 94%;
}
.modalContentInner {
	padding: 55px 1.142rem 17px;
}
/*closeButton*/
.closeButton {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 34px;
	height: 34px;
	border-radius: 3px;
	background: #666;
	cursor: pointer;
}
.closeButton::before,
.closeButton::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 2px;
	margin-top: -1px;
	margin-left: -7px;;
	background: #fff;
}
.closeButton::before {
	transform: rotate(45deg);
}
.closeButton::after {
	transform: rotate(-45deg);
}
/*---------------
textBox
------------------*/
.textBox01{
	width: auto;
}
/*---------------
acLayout
------------------*/
.acLayout01 {
	width: 100%;
	margin: 22px auto 0;
}
.acLayout01 .columnBox {
	min-height: inherit;
	padding: 8px 14px;
}
.acLayout01 .columnBox.left,
.acLayout01 .columnBox.right {
	float: none;
	width: 100%;
}
.acLayout01 .columnBox.right {
	margin-top: 14px;
}
.acLayout01 .columnBox dt {
	font-size: 1.14rem;
}
.acLayout01 .columnBox .text01 {
	font-size: 1.29rem;
}
.acLayout01 .icoQuestion::after {
	width: 17px;
	height: 24px;
	background-size: contain;
}
.acLayout01 .columnBox dd {
	padding: 8px 4px 0;
	font-size: 1rem;
}
.acLayout03 {
	position: static;
	width: 100%;
	margin-top: 14px;
}
.acLayout03 .text02 {
	width: 100%;
	margin-bottom: 12px;
	font-size: 1rem;
}
.acLayout03 figure {
	margin-top: 8px;
}
}