@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;
        scrollbar-width: none;
        text-rendering:optimizeSpeed;
        -webkit-text-size-adjust: 100%;
        overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}

*{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-block-start:0;
	margin-block-end:0;
	margin-inline-start:0;
	margin-inline-end:0;
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}

*::before,
*::after{
	-moz-box-sizing: border-box;
	-webkit-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.8;
}

p{
	margin:0;
	padding:0;
}

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

li{
	list-style-position: inside;
}

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:#000 !important;
}

textarea {
	resize: 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;
	}
}

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

/* common */

html{
	font-size:16px;
}

/* layout */

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

.container{
	width:1200px;
	max-width:calc(100vw - 100px);
	margin:0 auto;
}

.container-min{
	width:800px;
	max-width:calc(100vw - 100px);
	margin:0 auto;
}

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

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

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

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

/* header */

.header{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	background:#fff;
	z-index:1000;
	transition:top .5s;
}

.header .g_navi_btn{
	display:none;
}

.header ul{
	-webkit-box-pack: end;
	justify-content: flex-end;
}

.header ul li a{
	padding:1.75rem 1.25rem;
	font-weight:700;
}

.header ul li a:hover{
	color:#096287;
	opacity:1;
}

.header ul li:last-child{
	margin-left:1.25rem;
}

.header ul li:last-child a{
	padding:1.75rem;
	background:#096287;
	color:#fff;
	border-radius:16px 0 0 16px;
}

.header ul li:last-child a:hover{
	background:#7CCACA;
}

/* footer */

.footer{
	background:#222;
	color:#fff;
	padding:40px 0;
}

.footer .content_wrap{
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.footer .content_wrap .about a{
	display:inline-block;
	text-decoration:underline;
	color:#fff;
}

/* form */

.form_wrap dl{
	margin-bottom:28px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.form_wrap dl dt{
	width:18%;
	line-height:1.4;
}

.form_wrap dl dt span{
	color:#AD4643;
}

.form_wrap dl dd{
	width:82%;
}

.form_wrap .policy{
	height:240px;
	overflow:auto;
	padding:40px 48px;
	border:1px solid #222;
	margin-bottom:28px;
}

.form_wrap .policy .inner .block{
	margin-bottom:28px;
	font-size:0.8rem;
}

.form_wrap .policy .inner .block:last-child{
	margin-bottom:0;
}

.form_wrap .policy .inner .block h5{
	font-weight:700;
}

.form_wrap .policy .inner .block h6{
	font-weight:700;
	font-size:0.8rem;
}

::placeholder {
	color:#888;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea{
	border:2px solid transparent;
	padding:1rem 1.5rem;
	width:100%;
	background:#F8F8F8;
	font-size:1rem;
	transition:.5s;
	border-radius:8px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus{
	outline:none;
	outline-offset:0;
	border:2px solid #222;
}

.wpcf7-checkbox input,
.wpcf7-radio input{
	display: none;
}

.wpcf7-checkbox .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item{
	display:inline-block;
	margin:0;
}

.wpcf7-checkbox label,
.wpcf7-radio label{
	cursor: pointer;
}

.wpcf7-list-item-label{
	padding-left: 25px;
	margin-right: 25px;
	position:relative;
}

.wpcf7-list-item-label::before{
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #222;
	border-radius: 2px;
}

.wpcf7-checkbox input:checked + .wpcf7-list-item-label,
.wpcf7-radio input:checked + .wpcf7-list-item-label{
	color: #222;
}

.wpcf7-checkbox input:checked + .wpcf7-list-item-label::after,
.wpcf7-radio input:checked + .wpcf7-list-item-label::after{
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 7px;
	width: 7px;
	height: 14px;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	border-bottom: 3px solid #222;
	border-right: 3px solid #222;
}

input[type="submit"]{
	font-size:1rem;
	transition: 0.5s;
	background:#222;
	font-weight:700;
	padding:1rem 4rem;
	color:#fff;
	border-radius:8px;
}

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

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

.grecaptcha-badge {
	visibility: hidden;
}

/* home */

main#home{
	margin:120px auto;
}

#home .page_content h1{
	font-size:1.5rem;
	font-weight:700;
	color:#7CCACA;
	margin-bottom:80px;
}

#home .page_content a{
	display:block;
	margin-bottom:80px;
	color:#222;
	text-decoration:none;
}

#home .page_content a h2{
	font-size:1.25rem;
	font-weight:700;
	margin-bottom:1rem;
	transition:.5s;
}

#home .page_content a .img{
	border:1px solid #e5e5e5;
	transition:.5s;
}

#home .page_content a:hover{
	color:#096287;
}

#home .page_content a:hover .img{
	border:1px solid #096287;
}

/* comp */

#comp .inner{
	min-height:calc(100vh - 128px);
	width:100%;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

#comp .inner .txt{
	line-height:2;
}

#comp .inner .txt h1{
	font-weight:700;
	font-size:1.25rem;
	margin-bottom:0.5em;
}

#comp .inner .txt a{
	color:#aaa;
}

/* display */

.pc-none{
	display:none;
}

@media (max-width:1366px) {

	/* layout */
	
	.container{
		width:calc(100vw / 1366 * 1200);
		max-width:calc(100vw - (100vw / 1366 * 100));
	}
	
	.container-min{
		width:calc(100vw / 1366 * 800);
		max-width:calc(100vw - (100vw / 1366 * 100));
	}
	
	.img-trim img{
		top:calc(100vw / 1366 * 20);
	}

	/* common */
	
	html{
		font-size:calc(100vw / 1366 * 16);
	}
	
	/* header */
	
	.header ul li:last-child a{
		border-radius:calc(100vw / 1366 * 16) 0 0 calc(100vw / 1366 * 16);
	}
	
	/* footer */
	
	.footer{
		padding:calc(100vw / 1366 * 40) 0;
	}
	
	/* form */
	
	.form_wrap dl{
		margin-bottom:calc(100vw / 1366 * 28);
	}
	
	.form_wrap .policy{
		height:calc(100vw / 1366 * 240);
		padding:calc(100vw / 1366 * 40) calc(100vw / 1366 * 48);
		margin-bottom:calc(100vw / 1366 * 28);
	}
	
	.form_wrap .policy .inner .block{
		margin-bottom:calc(100vw / 1366 * 28);
	}
	
	.form_wrap .policy .inner .block:last-child{
		margin-bottom:0;
	}
	
	.wpcf7-list-item-label{
		padding-left:calc(100vw / 1366 * 25);
		margin-right:calc(100vw / 1366 * 25);
	}
	
	.wpcf7-list-item-label::before{
		top:calc(100vw / 1366 * 2);
		width:calc(100vw / 1366 * 20);
		height:calc(100vw / 1366 * 20);
	}
	
	.wpcf7-checkbox input:checked + .wpcf7-list-item-label::after,
	.wpcf7-radio input:checked + .wpcf7-list-item-label::after{
		top:calc(100vw / 1366 * 4);
		left:calc(100vw / 1366 * 7);
		width:calc(100vw / 1366 * 7);
		height:calc(100vw / 1366 * 14);
		border-bottom:calc(100vw / 1366 * 3) solid #222;
		border-right:calc(100vw / 1366 * 3) solid #222;
	}
	
	/* home */
	
	main#home{
		margin:calc(100vw / 1366 * 120) auto;
	}
	
	#home .page_content h1{
		margin-bottom:calc(100vw / 1366 * 80) ;
	}
	
	#home .page_content a{
		margin-bottom:calc(100vw / 1366 * 80) ;
	}
	
	/* comp */

	#comp .inner{
		min-height:calc(100vh - (100vw / 1366 * 128));
	}
	
}

@media (max-width:768px) {

	/* display */

	.pc-none{
		display:block;
	}
	
	.sp-none{
		display:none !important;
	}
	
	/* layout */
	
	.container,
	.container-min{
		width:90vw;
		max-width:90vw;
	}
	
	.img-trim img{
		top:calc(100vw / 375 * 20);
	}

	/* common */
	
	html{
		font-size:calc(100vw / 375 * 14);
		overflow-x:hidden;
	}
	
	/* header */
	
	.header{
		top:auto;
		bottom:0;
		background:#F8F8F8;
		transition:bottom .5s;
	}
	
	.header .inner{
		display:-webkit-box;
	  	display:flex;
	  	flex-wrap: wrap;
		-webkit-box-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		align-items: center;
	}
	
	.header .sp_h_cta{
		width:calc(100% - (100vw / 375 * 24) - 10vw);
		background:#096287;
		color:#fff;
		padding:calc(100vw / 375 * 14) 0;
		position:relative;
		z-index:1001;
	}
	
	.header .g_navi_btn{
		display:block;
		margin-right:5vw;
		width:calc(100vw / 375 * 24);
		height:calc(100vw / 375 * 16);
		position:relative;
		transition:.5s;
		cursor:pointer;
		z-index:1001;
	}
	
	.header .g_navi_btn .menu__line{
		background:#222;
		display:block;
		height:calc(100vw / 375 * 2);
		position:absolute;
		top:0;
		transition:.5s;
		width:100%;
	}
	
	.header .g_navi_btn .menu__line--center{
		top:calc(100vw / 375 * 7);
	}
	
	.header .g_navi_btn .menu__line--bottom{
		top:auto;
		bottom:0;
	}
	
	.header .g_navi_btn .menu__line.active{
		background:#096287;
	}
	
	.header .g_navi_btn .menu__line--top.active{
		top:calc(100vw / 375 * 7);
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	
	.header .g_navi_btn .menu__line--center.active{
		-webkit-transform:scaleX(0);
		transform:scaleX(0);
	}
	
	.header .g_navi_btn .menu__line--bottom.active{
		bottom:calc(100vw / 375 * 7);
		-webkit-transform:rotate(135deg);
		transform:rotate(135deg);
	}

	.header .g_navi{
		position:fixed;
		top:0;
		right:0;
		width:60%;
		height:100dvh;
		background:#F8F8F8;
		transition:all .5s ease-in-out;
		transform:translateZ(0) translateX(100%);
		padding:0 10vw calc(100vw / 375 * 80);
		display:-webkit-box;
	  	display:flex;
	  	flex-wrap: wrap;
	  	-webkit-box-align: end;
		align-items: flex-end;
	}
	
	.header .g_navi.active{
		transform:translateZ(0) translateX(0);
	}
	
	.header .g_navi p{
		color:#096287;
		font-size:1.5rem;
	}
	
	.header .g_navi p i{
		margin-right:0.25em;
	}
	
	.header .g_navi p span{
		font-weight:700;
	}
	
	.header .g_navi ul{
		-webkit-box-pack: start;
		justify-content: flex-start;
	}
	
	.header .g_navi ul li{
		width:100%;
	}
	
	.header .g_navi ul li a{
		padding:0 0 0.5rem;
	}
	
	/* footer */
	
	.footer{
		padding:calc(100vw / 375 * 40) 0;
	}
	
	/* form */
	
	.form_wrap dl{
		margin-bottom:calc(100vw / 375 * 28);
	}
	
	.form_wrap dl dt{
		width:100%;
		margin-bottom:0.75rem;
	}
	
	.form_wrap dl dd{
		width:100%;
	}
	
	.form_wrap .policy{
		height:calc(100vw / 375 * 200);
		padding:calc(100vw / 375 * 16) calc(100vw / 375 * 20);
		margin-bottom:calc(100vw / 375 * 28);
	}
	
	.form_wrap .policy .inner .block{
		margin-bottom:calc(100vw / 375 * 12);
	}
	
	.form_wrap .policy .inner .block:last-child{
		margin-bottom:0;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
	textarea{
		padding:1rem;
	}
	
	.wpcf7-checkbox .wpcf7-list-item,
	.wpcf7-radio .wpcf7-list-item{
		margin-bottom:calc(100vw / 375 * 5);
	}
	
	.wpcf7-list-item-label{
		padding-left:calc(100vw / 375 * 25);
		margin-right:calc(100vw / 375 * 25);
	}
	
	.wpcf7-list-item-label::before{
		top:calc(100vw / 375 * 2);
		width:calc(100vw / 375 * 20);
		height:calc(100vw / 375 * 20);
	}
	
	.wpcf7-checkbox input:checked + .wpcf7-list-item-label::after,
	.wpcf7-radio input:checked + .wpcf7-list-item-label::after{
		top:calc(100vw / 375 * 4);
		left:calc(100vw / 375 * 7);
		width:calc(100vw / 375 * 7);
		height:calc(100vw / 375 * 14);
		border-bottom:calc(100vw / 375 * 3) solid #222;
		border-right:calc(100vw / 375 * 3) solid #222;
	}
	
	main#home{
		margin:calc(100vw / 375 * 40) auto;
	}
	
	#home .page_content h1{
		margin-bottom:calc(100vw / 375 * 40) ;
	}
	
	#home .page_content a{
		margin-bottom:calc(100vw / 375 * 40) ;
	}
	
	/* comp */

	#comp .inner{
		min-height:calc(100vh - (100vw / 375 * 147.2));
	}
	
}