@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------

基本スタイル

-------------------------------------------------- */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.pc_none{display: none;}
.sp_none{display: block;}

* {
    margin: 0;
    padding: 0;
    outline: none;
}
.wrapper {
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
}
.contentsBox{
	width: 900px;
	margin: 0 auto;
}
li {
	list-style: none;
}
a{
color:#000;
	text-decoration: none;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.int{
	font-family: 'Inter', sans-serif;
}
.red{
	color:#bf3828;
	font-weight: bold;
	text-decoration: underline;
}
@media screen and (max-width:750px) {
	body{
		font-family: sans-serif ;
	}
.pc_none{display: block;}
.sp_none{display: none;}	
.wrapper {
    max-width: 100%;
    margin: auto;
    overflow: hidden;
}	
.contentsBox{
	width: 100%;
	margin: 0 auto;
}	
	.pa10{
		padding: 0 20px;
		box-sizing: border-box;
	}
/* -----------------------------------------------

ハンバーガーメニュー

------------------------------------------------ */
.hamburger {
width: 71px;
    height: 54px;
    position: fixed;
    top: 0;
    right: 0px;
    z-index: 9999;
    background-color: #fff;
}

.hamburger.open span:nth-child(1)  {
transform: rotateZ(45deg);
	left: 20px;
	top: 15px;
	
}
.hamburger.open span:nth-child(2)  {
opacity: 0;
}
.hamburger.open span:nth-child(3)  {
transform: rotateZ(-45deg);
	left: 20px;
	top: 35px;
}


.hamburger span {
  width: 30px;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 8px;
transition: all 0.4s;
}
.hamburger span:last-child{
  width: 25px;
  height: 0;
  background-color: #000;
  position: absolute;
  left: 8px;
	transition-duration: 0.4s;
	font-size: 14px;
}	
	
.hamburger span:nth-child(1) {
  top: 14px;
	left: 20px;
	transform-origin: left top;
}
.hamburger span:nth-child(2) {
  top: 24px;
	left: 20px;
}
.hamburger span:nth-child(3) {
  top: 35px;
	left: 20px;
	transform-origin: left bottom;
}
	.hamburger span:nth-child(4) {
  top: 31px;
	transform-origin: left bottom;
}
.main_nav_wrapper {
/*  transform: translateX(100%);*/
	left: 100%;
  transition-duration: 0.4s;
}

	
.main_nav_wrapper.open {
/*  transform: translateX(0%);*/
	left: 40px;
}	
.sp_nav_inner{
		position: fixed;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100vh;
		background-color: #fff;
	z-index: 999 !important;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 90px;
	

	}
	.sp_nav_inner ul{
		width: 80%;
		margin: 0 auto;
		margin-top: 120px;
	}
	.sp_nav_inner ul li{
		font-size:25px;
		line-height: 55px;
		color: #2C80B8;
		font-weight: 700;
	}
	.sp_nav_inner p{
		width: 80%;
    margin: 0 auto;
	}
	.sp_nav_inner .hun-tel{
		font-size: 25px;
    width: 80%;
    margin: 50px auto 0 auto;
		font-family: 'Inter', sans-serif!important;	
	}
	img{
		width: 100%;
	}
	.flex{
	display: block;
	justify-content: space-between;
}
	.headbtn-sp {
		width:35%;
		position: fixed;
		top: -7px;
		right: 71px;
	}
	
	
}