@charset "UTF-8";

/* reset ---------------------------------------*/

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q::before,q::after {content:'';}
abbr {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {font-size:100%;}
legend {color:#000;}
select,input,button,textarea {font-size:inherit;font-family:inherit;box-sizing: border-box;}
pre,code,kbd,samp {font-family:monospace;font-size:108%;line-height:100%;}
figure {padding:0;margin:0;}
input[type="submit"],
input[type="button"],
button {border-radius: 0;-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button; border: none;box-sizing: border-box;cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
button::-webkit-search-decoration {display: none;}
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {outline-offset: -2px;}


/* base ---------------------------------------*/

* {
	box-sizing:border-box;
	min-height: 0vw;
}

html,body {height:100%;}

body {
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
	line-height: 1.5;
	color: #231815;
}

a {
	text-decoration: none;
	color:inherit;
	transition: all .25s ease;
}

a:hover {
	opacity: 0.7;
}

img {
	vertical-align: bottom;
	line-height: 1;
	max-width:100%;
	height: auto;
	pointer-events: none;
}


main {
	overflow: hidden;
}

/* header ---------------------------------------*/
header {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
}

.header-inner {
	position: relative;
	height: 100px;
	margin: 0 auto;
	width: 100%;
}

.header-logo {
	display: block;
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	width: 108px;
	z-index: 101;
	transition: all .25s ease;
}


/* layout ---------------------------------------*/

.inner{
	max-width: 750px;
	margin:0 auto;
}

.text-center {
	text-align: center;
}

/* footer ---------------------------------------*/
.footer { 
	padding: 100px 20px 40px;
	background: #FFF2C8;
}

.footer-inner { 
	max-width: 810px;
	width: 100%;
	margin: 0 auto;
}

.footer-logo { 
	display: block;
	max-width: 215px;
	width: 100%;
	margin: 0 auto 30px;
}

.footer-nav {
	margin-bottom: 30px;
}

.footer-nav-list {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.footer-nav-list > li a {
	font-size: calc(28px * 0.625);
	font-weight: 500;
	line-height: 3.143;
	letter-spacing: 0.2em;
	text-decoration: underline;
}

.footer-nav-list > li a:hover {
	text-decoration: none;
	opacity: 1;
}

.copyright { 
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 2;
	text-align: center;
	letter-spacing: 0.2em;
}


/* btn ---------------------------------------*/
.btn-lead {
	font-size: calc(51px * 0.625);
	font-weight: 500;
	line-height: 2.333;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 70px;
}

.btn-wrapper {
	text-align: center;
}

.btn {
	display: inline-block;
	padding: 0px 20px;
	max-width: 580px;
	width: 100%;
	height: 120px;
	font-size: 50px;
	font-weight: 500;
	line-height: 118px;
	text-align: center;
	letter-spacing: 0.2em;
	border-radius: 30px;
	background: #EE7834;
	color: #fff;
	transition: all 0.25s ease;
}


/* pc only */
@media screen and (min-width: 768px) {
	.sp {display: none !important;}
	.spbr {display: none;}
}


/* sp only */
@media screen and (max-width: 767px) {

	/* common item ---------------------------------------*/
	.pc {display: none !important;}
	.pcbr {display: none;}


	/* header ---------------------------------------*/
	.header-inner{
		height: 60px;
	}

	.header-logo{
		width: 60px;
		left: 20px;
	}


	/* layout ---------------------------------------*/
	.inner{
		max-width: 500px;
	}

	/* footer ---------------------------------------*/
	.footer { 
		padding: 40px 20px 30px;
	}

	.footer-inner { 
		max-width: 500px;
	}

	.footer-logo { 
		max-width: 100px;
		margin: 0 auto 20px;
	}

	.footer-nav {
		margin-bottom: 20px;
	}

	.footer-nav-list > li a {
		font-size: 14px;
	}

	.copyright { 
		font-size: 10px;
	}


	/* btn ---------------------------------------*/
	.btn-lead {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.btn {
		padding: 0px 16px;
		max-width: 290px;
		height: 60px;
		font-size: 25px;
		line-height: 58px;
		border-radius: 15px;
	}

}


/* iphone5 iphoneSE用 */
@media screen and (max-width: 370px) {

}