@charset "UTF-8";

/*
# =================================================================
# リセットCSS（sanitize.css）
# =================================================================
*/

/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display: block}audio,canvas,progress,video{display: inline-block}audio:not([controls]){display: none;height: 0}[hidden],template{display: none}*,::after,::before{background-repeat: no-repeat;box-sizing: inherit}::after,::before{text-decoration: inherit;vertical-align: inherit}html{box-sizing: border-box;cursor: default;font-family: sans-serif;line-height: 1.5;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}body{margin: 0}h1{font-size: 2em;margin: .67em 0}code,kbd,pre,samp{font-family: monospace;font-size: 1em}hr{height: 0;overflow: visible}nav ol,nav ul{list-style: none}abbr[title]{border-bottom: 1px dotted;text-decoration: none}b,strong{font-weight: inherit;font-weight: bolder}dfn{font-style: italic}mark{background-color: #ff0;color: #000}progress{vertical-align: baseline}small,sub,sup{font-size: 83.3333%}sub,sup{line-height: 0;position: relative;vertical-align: baseline}sub{bottom: -.25em}sup{top: -.5em}::-moz-selection{background-color: #b3d4fc;color: #000;text-shadow: none}::selection{background-color: #b3d4fc;color: #000;text-shadow: none}audio,canvas,iframe,img,svg,video{vertical-align: middle}img{border-style: none}svg{fill: currentColor}svg:not(:root){overflow: hidden}a{background-color: transparent;-webkit-text-decoration-skip: objects}:hover{outline-width: 0}table{border-collapse: collapse;border-spacing: 0}button,input,select,textarea{background-color: transparent;border-style: none;color: inherit;font-size: 1em;margin: 0}button,input{overflow: visible}button,select{text-transform: none}[type=reset],[type=submit],button,html [type="button"]{-webkit-appearance: button}::-moz-focus-inner{border-style: none;padding: 0}:-moz-focusring{outline: 1px dotted ButtonText}fieldset{border: 1px solid silver;margin: 0 2px;padding: .35em .625em .75em}legend{display: table;max-width: 100%;padding: 0;white-space: normal}textarea{overflow: auto;resize: vertical}[type=checkbox],[type=radio]{padding: 0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height: auto}[type=search]{-webkit-appearance: textfield;outline-offset: -2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance: none}::-webkit-input-placeholder{color: inherit;opacity: .54}::-webkit-file-upload-button{-webkit-appearance: button;font: inherit}[aria-busy=true]{cursor: progress}[aria-controls]{cursor: pointer}[aria-disabled]{cursor: default}[tabindex],a,area,button,input,label,select,textarea{-ms-touch-action: manipulation;touch-action: manipulation}[hidden][aria-hidden=false]{clip: rect(0,0,0,0);display: inherit;position: absolute}[hidden][aria-hidden="false"]:focus{clip: auto}

/*
# =================================================================
# 基本設定
# =================================================================
*/

/*埋め込み要素のはみ出しを防止*/

img{
	margin: auto;
	max-width: 585px;
	height: auto;
}
li{
	list-style: none;
}
.inner{
	display: block;
	max-width: 585px;
	margin: auto;
}
.inner a{
	margin: auto;
	display: block;
	text-align: center;
}
/*
# フッター
*/
.keni-footer_wrap{
	background: #00ada9;
	font-size: 1rem;
	line-height: 1.3em;
	padding-top: 1em;
}
.keni-footer_wrap li{
	text-align: center;
	padding-bottom: .5em;
}
.keni-footer_wrap li a{
	color: #fff;
	padding: 0.5em;
}




/*コピーライト*/
.keni-copyright_wrap{
	padding: 15px;
    color: #fff;
    text-align: center;
}

.section05{
	position: relative;
	width: 100%;
	height: min(3250 / 1728 * 100vw, 3250px);
}
.section05 .main{
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	margin: auto;
}
.section05 .sub{
	position: absolute;
	max-width:min(900 / 1728 * 100vw, 900px);
	max-height: min(630 / 1728 * 100vw, 630px);
	inset: 0;
	margin: auto;
	margin-left: 20px;
	overflow-x: auto;
	white-space: nowrap;
	margin-bottom: max(-190 / 1728 * 100vw, -190px);
	z-index: 1;
}
.section05 .sub img{
	max-width: none;
	display: inline-block;
}
.section06{
	position: relative;
	width: 100%;
	margin-top: -0.2em;
	height: min(2900 / 1728 * 100vw, 2900px);
}
.section06 .main{
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	margin: auto;
}
.section06 .sub{
	position: absolute;
	max-width:min(900 / 1728 * 100vw, 900px);
	max-height: min(630 / 1728 * 100vw, 630px);
	inset: 0;
	margin: auto;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow-x: auto;
	white-space: nowrap;
}
.section06 .sub img{
	max-width: none;
	display: inline-block;
}
body{
	height: 100vh;
}
.btn_or{
	background-color: #F4DA81;
}
.floating-btn {
    position: fixed;
	margin: auto;
    bottom: -200px; 
    cursor: pointer;
    transition: bottom 0.6s ease; 
	left: 50%; 
    transform: translateX(-50%);
	z-index: 99;
}

.floating-btn.show {
    bottom: -5px; 
}
footer{
	position: relative;
	z-index: 100;
}

.yureru-j {
    animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

@media (max-width : 768px){

    .inner,img{
		max-width: 390px;
	}
	.section05{
		position: relative;
		width: 100%;
		height: min(2400 / 390 * 100vw, 2400px);
	}
	.section05 .sub{
		max-width:400px;
		max-height: 400px;
		margin-left: 20px;
		margin-bottom: -80px;
	}
	.section06{
		height: min(1780 / 390 * 100vw, 1780px);
	}
	.section06 .sub{
		max-width:400px;
		max-height: 400px;
		margin-left: 20px;
		margin-bottom: -10px;
	}
	.section05 .sub img,.section06 .sub img{
		width: 580px;
	}
}