@charset "UTF-8";
/* overlay 開閉ボタン */
.btnOverlay {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 25px;
	bottom: 25px;
}
.btnOverlay:hover {
	cursor: pointer;
}
.btnOverlay__Wrapper {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
}
/* ボタン 開 */
.btn__before::before, .btn__after::after {
	content: '';
	width: 25px;
	height: 3px;
	background-color: #fff;
	position: absolute;
}
.btn__before::before {
	transform: translate(-50%, -50%) rotate(90deg);
	top: 50%;
	left: 50%;
}
.btn__after::after {
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
/* ボタン 閉 */
.btnClose01 .btnOverlay__Wrapper, .btnClose02 .btnOverlay__Wrapper,
.btnClose03 .btnOverlay__Wrapper, .btnClose04 .btnOverlay__Wrapper,
.btnClose05 .btnOverlay__Wrapper, .btnClose06 .btnOverlay__Wrapper,
.btnClose07 .btnOverlay__Wrapper, .btnClose08 .btnOverlay__Wrapper,
.btnClose09 .btnOverlay__Wrapper, .btnClose10 .btnOverlay__Wrapper,
.btnClose11 .btnOverlay__Wrapper, .btnClose12 .btnOverlay__Wrapper {
	background-color: #fff;
}
.btnClose01 .btn__before::before, .btnClose01 .btn__after::after,
.btnClose02 .btn__before::before, .btnClose02 .btn__after::after
.btnClose03 .btn__before::before, .btnClose03 .btn__after::after,
.btnClose04 .btn__before::before, .btnClose04 .btn__after::after,
.btnClose05 .btn__before::before, .btnClose05 .btn__after::after,
.btnClose06 .btn__before::before, .btnClose06 .btn__after::after,
.btnClose07 .btn__before::before, .btnClose07 .btn__after::after,
.btnClose08 .btn__before::before, .btnClose08 .btn__after::after,
.btnClose09 .btn__before::before, .btnClose09 .btn__after::after,
.btnClose10 .btn__before::before, .btnClose10 .btn__after::after,
.btnClose11 .btn__before::before, .btnClose11 .btn__after::after,
.btnClose12 .btn__before::before, .btnClose12 .btn__after::after {
	content: '';
	width: 25px;
	height: 3px;
	position: absolute;
}
.btnClose01 .btn__before::before, .btnClose01 .btn__after::after,
.btnClose06 .btn__before::before, .btnClose06 .btn__after::after,
.btnClose11 .btn__before::before, .btnClose11 .btn__after::after {
	background-color: #23A5FF;
}
.btnClose02 .btn__before::before, .btnClose02 .btn__after::after,
.btnClose07 .btn__before::before, .btnClose07 .btn__after::after,
.btnClose12 .btn__before::before, .btnClose12 .btn__after::after {
	background-color: #FF5EA8;
}
.btnClose03 .btn__before::before, .btnClose03 .btn__after::after,
.btnClose08 .btn__before::before, .btnClose08 .btn__after::after {
	background-color: #FF8200;
}
.btnClose04 .btn__before::before, .btnClose04 .btn__after::after,
.btnClose09 .btn__before::before, .btnClose09 .btn__after::after {
	background-color: #3FCD59;
}
.btnClose05 .btn__before::before, .btnClose05 .btn__after::after,
.btnClose10 .btn__before::before, .btnClose10 .btn__after::after {
	background-color: #6868C7;
}
.btnClose01 .btn__before::before, .btnClose02 .btn__before::before,
.btnClose03 .btn__before::before, .btnClose04 .btn__before::before,
.btnClose05 .btn__before::before, .btnClose06 .btn__before::before,
.btnClose07 .btn__before::before, .btnClose08 .btn__before::before,
.btnClose09 .btn__before::before, .btnClose10 .btn__before::before,
.btnClose11 .btn__before::before, .btnClose12 .btn__before::before {
	transform: translate(-50%, -50%) rotate(45deg);
	top: 50%;
	left: 50%;
}
.btnClose01 .btn__after::after, .btnClose02 .btn__after::after,
.btnClose03 .btn__after::after, .btnClose04 .btn__after::after,
.btnClose05 .btn__after::after, .btnClose06 .btn__after::after,
.btnClose07 .btn__after::after, .btnClose08 .btn__after::after,
.btnClose09 .btn__after::after, .btnClose10 .btn__after::after,
.btnClose11 .btn__after::after, .btnClose12 .btn__after::after {
	transform: translate(-50%, -50%) rotate(-45deg);
	top: 50%;
	left: 50%;
}
/* オーバーレイ表示 */
[id^="overlay__"] {
	width: 100%;
	height: 100%;
	border-radius: 40px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 99;
}
#overlay__01, #overlay__06, #overlay__11 {
	background-color: #23A5FF;
}
#overlay__02, #overlay__07, #overlay__12 {
	background-color: #FF5EA8;
}
#overlay__03, #overlay__08 {
	background-color: #FF8200;
}
#overlay__04, #overlay__09 {
	background-color: #3FCD59;
}
#overlay__05, #overlay__10 {
	background-color: #6868C7;
}
[id^="overlayWindow"] {
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
	padding: 80px 150px;
	z-index: 99;
}
.window__clm2 {
	padding: 60px 85px;
}
#overlayWindow01 .txtBox, #overlayWindow02 .txtBox, #overlayWindow03 .txtBox,
#overlayWindow04 .txtBox, #overlayWindow05 .txtBox, #overlayWindow06 .txtBox,
#overlayWindow07 .txtBox, #overlayWindow08 .txtBox, #overlayWindow09 .txtBox,
#overlayWindow10 .txtBox, #overlayWindow11 .txtBox, #overlayWindow12 .txtBox {
	display: inline-block;
    width: 100%;
	max-width: 750px;
	color: #fff;
}
.txtWindow {
	margin-top: 20px;
	font-size: 1.8rem;
    letter-spacing: .1rem;
	text-align: justify;
}
@media screen and (max-width:812px) {
	/* overlay 開閉ボタン */
	.btnOverlay {
		width: 45px;
		height: 45px;
		right: 18px;
		bottom: 18px;
	}
	.btn__before::before, .btn__after::after {
		width: 18px;
		height: 3px;
	}
    /* オーバーレイ表示 */
    #overlayWindow01, .window__clm2 {
        padding: 40px 50px 60px;
    }
    #overlayWindow06 {
        padding: 30px 30px 60px;
    }
    .txtWindow {
        margin-top: 10px;
        font-size: 1.6rem;
        line-height: 1.3;
    }
}