@charset "utf-8";
/*
Theme Name: sankakuya_skelton
Theme URL: https://sankakux4.org
Description: original theme
Author:yuya matsuo
Version: 1.0.0
*/

/* reset */

html{
	scroll-behavior:smooth;
}
body{
	margin:0;
	width:100%;
	overflow-x:hidden;
	overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        text-rendering:optimizeSpeed;
        -webkit-text-size-adjust: 100%;
}

*{
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-block-start:0;
	margin-block-end:0;
	margin-inline-start:0;
	margin-inline-end:0;
}

*::before,
*::after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6{
	font-size:1rem;
	font-weight:400;
	margin:0;
	padding:0;
	line-height:1;
}

p{
	margin:0;
	padding:0;
}

ul,
ol{
	list-style:none;
	padding:0;
	margin:0;
}

figure,
blockquote,
dl,
dd{
	margin:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table th{
	font-weight:400;
	text-align:left;
}

a:not([class]){
	text-decoration-skip-ink:auto;
}

::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
}

input,
button,
select,
textarea {
	background: transparent;
	border: none;
	border-radius: 0;
	font-family: inherit;
	outline: none;
	margin:0;
}

select,
select option{
	color:#555 !important;
}

textarea {
	esize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
	display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
	display: none;
}

input[type="number"],
input[type="month"],
input[type="datetime-local"],
input[type="week"],
input[type="time"],
input[type="date"] {
	-moz-appearance: textfield;
}

input[type="date"]::-webkit-clear-button,
input[type="month"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-clear-button,
input[type="time"]::-webkit-clear-button,
input[type="week"]::-webkit-clear-button {
	-webkit-appearance: none;
}

@media(prefers-reduced-motion:reduce){
	*{
		animation-duration:.01ms !important;
		animation-iteration-count:1 !important;
		transition-duration:.01ms !important;
		scroll-behavior:auto !important;
	}
}

/* common */

html{
	font-size:15px;
}

body{
	background:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	color:#555;
	font-weight:400;
	line-height:1.8;
	margin:0;
}

a{
	display:block;
	color:#555;
	transition: .5s;
	text-decoration:none;
}

a:hover{
	color:#555;
	text-decoration:none;
	opacity:0.8;
}

/* layout */

main{
	display:block;
	margin:0 auto 100px;
}

.container{
	width:800px;
	margin:0 auto;
}

.flex-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

/* parts */

.serif{
	font-family: 'Noto Serif JP', serif;
}

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

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

.img-fluid{
	display:block;
	max-width:100%;
	height:auto;
}

.btn{
	width:300px;
	background:#DD0815;
	color:#fff;
	text-align:center;
	font-weight:700;
	padding:15px 0;
}

.btn:hover{
	color:#fff;
}

/* header */

header{
	padding:20px 0;
}

h1 .logo{
	width:100px;
	margin:0 auto 10px;
}

h1 span{
	display:block;
	font-weight:900;
	font-size:1.5rem;
}

/* footer */

footer{
	background:#f6f6f6;
	padding:20px 0;
	position:relative;
}

footer::before{
	position:absolute;
	bottom:100%;
	right:100px;
	content:"";
	background:url("./img/monokun.png") 0 0 no-repeat;
	background-size:cover;
	width:240px;
	height:258px;
}

/* page */

.page_content{
	padding:20px 0;
}

.page_content h5{
	font-weight:700;
	font-size:1.25rem;
	margin-bottom:1.25em;
}

.page_content .lead br{
	display:none;
}

.faq:last-child{
	margin-bottom:40px;
}

.faq h2{
	font-weight:700;
	font-size:1.5rem;
	padding:20px 0;
	border-bottom:1px solid #aaa;
	cursor:pointer;
	position:relative;
}

.faq h2::after{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:15px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f078";
	transition:.5s;
}

.faq h2.active::after{
	transform:rotate(180deg);
}

.faq .box{
	display:none;
	background:#fafafa;
	padding:30px 40px 0;
	border-bottom:1px solid #aaa;
}

.faq .box .block{
	margin-bottom:30px;
}

.faq .box .block h3{
	font-weight:700;
	font-size:1.25rem;
	line-height:1.8;
}

.faq .box .block h4{
	font-weight:700;
	line-height:1.8;
}

.faq .box .block p.mb1{
	margin-bottom:1em;
}

.faq .box .block p.attention{
	font-weight:700;
	color:#DD0815;
}

.faq .box .block p.attention02{
	color:#DD0815;
}

.faq .box .block p a{
	display:inline-block;
	color:#DD0815;
}

.btn-wrap{
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	flex-direction: column;
  	-webkit-box-pack: center;
	justify-content: center;
}

.btn-wrap a{
	margin:0 auto 10px;
}

.contact-table{
	width:100%;
	margin-bottom:30px;
}

.contact-table tr{
	border-bottom:1px solid #eee;
}

.contact-table th{
	width:38%;
	vertical-align:top;
	padding:30px 0;
}

.contact-table th span{
	color:#DD0815;
	margin-left:0.5em;
}

.contact-table td{
	width:62%;
	vertical-align:top;
	padding:20px 0;
}

input[type="text"],
input[type="email"],
select,
textarea{
	border:1px solid #555;
	padding:15px;
	width:100%;
	border-radius:0;
	font-size:1rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus{
	outline:none;
	outline-offset:0;
	border:1px solid #aaa;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item{
	display:block;
	margin:30px auto 0;
}

input[type='checkbox'] {
	-webkit-appearance: checkbox;
	appearance: checkbox;
	display:inline-block;
}

input[type="submit"]{
	transition:.5s;
	margin-top:30px;
}

input[type="submit"]:hover{
	opacity:0.8;
	color:#fff;
}

input[type="submit"]:focus{
	outline:none;
	outline-offset:0;
}

.wpcf7-spinner{
	display:none !important;
}

@media (max-width: 750px) {

	/* common */

	html{
		font-size:calc(100vw / 750 * 30);
	}
	
	/* layout */

	main{
		margin:0 auto calc(100vw / 750 * 100);
	}
	
	.container{
		width:100vw;
	}
	
	/* parts */

	.btn{
		width:calc(100vw / 750 * 400);
		padding:calc(100vw / 750 * 30) 0;
	}
	
	/* header */
	
	header{
		padding:calc(100vw / 750 * 40) 0;
	}
	
	h1 .logo{
		width:calc(100vw / 750 * 200);
		margin:0 auto calc(100vw / 750 *  20);
	}
	
	/* footer */
	
	footer{
		padding:calc(100vw / 750 * 40) 0;
	}
	
	footer::before{
		bottom:calc(100vw / 750 * 20);
		right:calc(100vw / 750 * 20);
		width:calc(100vw / 750 * 200);
		height:calc(100vw / 750 * 215);
	}
	
	/* page */
	
	.page_content{
		padding:calc(100vw / 750 * 40) 0;
	}
	
	.page_content h5{
		font-size:0.9rem;
	}
	
	.page_content .lead br{
		display:block;
		font-size:0.9rem;
	}

	.faq:last-child{
		margin-bottom:0;
	}
	
	.faq h2{
		font-size:1rem;
		padding:calc(100vw / 750 * 40) calc(100vw / 750 * 30);
	}
	
	.faq h2::after{
		right:calc(100vw / 750 * 30);
	}
	
	.faq .box{
		padding:calc(100vw / 750 * 40) calc(100vw / 750 *  30) 0;
	}
	
	.faq .box .block{
		margin-bottom:calc(100vw / 750 * 40);
	}
	
	.faq .box .block h3{
		font-size:0.9rem;
	}
	
	.faq .box .block h4{
		font-size:0.8rem;
	}
	
	.faq .box .block p{
		font-size:0.8rem;
	}
	
	.btn-wrap{
		width:90vw;
		margin:0 auto;
	}
	
	.btn-wrap .btn{
		width:70%;
		font-size:0.9rem;
		padding: calc(100vw / 750 * 20) 0;
	}
	
	.contact-table{
		width:90%;
		margin:0 auto calc(100vw / 750 * 60);
	}
	
	.contact-table th{
		display:block;
		width:100%;
		padding:calc(100vw / 750 * 40) 0 calc(100vw / 750 * 20);
	}
	
	.contact-table td{
		display:block;
		width:100%;
		padding:0 0 calc(100vw / 750 * 40);
	}
	
	input[type="text"],
	input[type="email"],
	select,
	textarea{
		padding:calc(100vw / 750 * 30);
	}
	
	.submit-wrap{
		width:90%;
		margin:0 auto;
	}
	
	.submit-wrap > p{
		text-align:left;
	}
	
	.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item{

	}
	
	input[type="submit"]{
		margin-top:calc(100vw / 750 * 40);
	}

}