@charset "utf-8";

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	body {
		font-size:14px;
	}
	#mv {
		border: 0;
		background-size: cover;
		background-position: 0% top;
		height: 46vh;
	}
	#PC_menu {
		display: none;
	}
	#PC_menu2 {
		display: none;
	}
	.btn {
		display: none;
	}
	header {
		width: 100%;
		height: 15vh;
		left: 0;
		padding-left: 10px;
	}
	.header nav {
		border-left: none;
	}
	.header {
		height: 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		position: fixed;
		z-index: 100000;
		box-shadow: 0 4px 5px rgba(0,0,0,.1);
	}
	nav ul li {
		padding-bottom: 0; 
	}
	.logo {
		font-weight: 700;
		padding-top: 0;
	}
	
	/*ハンバーガーメニューここから*/
	.hamburger-menu {
		width: 50px;
		height: 50px;
		position: relative;
		border: none;
		background: transparent;
		appearance: none;
		padding: 0;
		cursor: pointer;
	}
	.hamburger-menu__bar {
		display: inline-block;
		width: 44%;
		height: 2px;
		background: #666;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		transition: .5s;
	}
	.hamburger-menu__bar:first-child {
		top: 16px;
	}
	.hamburger-menu__bar:nth-child(2) {
		top: 24px;
	}
	.hamburger-menu__bar:last-child {
		top: 32px;
	}
	.hamburger-menu--open .hamburger-menu__bar {
		top: 50%;
	}
	.hamburger-menu--open .hamburger-menu__bar:first-child {
		transform: translateX(-50%) translateY(-50%) rotate(45deg);
	}
	.hamburger-menu--open .hamburger-menu__bar:last-child {
		transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	}
	.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
		display: none;
	}
	.navigation {
		display: none;
		background: #fff;
		position: absolute;
		top: 50px;
		width: 100%;
		z-index: 9999;
		right: 0;
	}
	.navigation__list {
		text-align: center;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	/*.navigation__list-item {
		border-bottom:1px dotted #333;
	}
	.navigation__list-item:first-child {
		border-top: 1px dotted #333;
	}*/
	.navigation__link {
		color: #666;
		font-weight: normal;
		text-decoration: none;
		display: block;
		padding: 15px 0;
		transition: .5s;
	}
	
		@media (hover: hover) and (pointer: fine) {
			.navigation__link:hover {
				background: #333;
			}
		}
	/*ハンバーガーメニューここまで*/
	
	.sp_only {
		display: block;
	}
	.text2 h2 {
		font-size: 18px;
	}
	
	.text2 p {
		font-size: 16px;
	}
	.content h3 {
		font-size: 14px;
		margin: 5px;
	}
	.content {
		margin: 10px auto 20px;
		width: 270px;
		height: 130px;
		box-shadow: 5px 5px #B5A088;
		font-size: 12px;
	}
	.box3 {
		display: block;
	}
	.box4 {
		display: block;
		margin: 20px 40px;
		padding-bottom: 0;
	}
	.box4 .content {
		width: 270px;
	}
	.content p {
		margin: 0px 10px;
		font-size: 12px;
		padding-top: 5px;
		padding-left: 0px;
	}
	hr {
		padding: 20px 0;
	}
	
	.profiel {
		display: block;
	}
	.box5 {
		width: 280px;
	}
	.box5 img {
		width: 300px;
		margin-top: 0; 
	}
	.box6 {
		width: 295px;
		float: left;
		margin: 20px 40px;
	}
	dl.carrer {
		font-size: 12px;
	}
	dl.carrer dd {
		margin-left: 60px;
	}
	dl.carrer dt {
		text-align: left;
		width: 38px; 
	}
	.box6_1 {
		font-size: 12px;
	}
	.faq {
		margin-top:1000px;
	}
	.box7 {
		margin-left: 50px;
		margin-right:50px;
	}
	.box10 .box7 {
		margin-left: 10px;
		width: 185px;
	}
	.box8 h2 {
		font-size: 18px;
		padding: 40px 0;
	}
	.box9 {
		display: block;
	}
	.box10 {
		padding: 0px 60px 0px 100px;
	}
	.box11 {
		width:300px;
		margin: 20px auto;
	}
	.qa-007 {
		max-width: 80%;
	}
	#page-top {
		right: 30px
	}
	
	footer {
		padding: 7px 20px;
		margin-top: 100px;
		position: relative;
	}
	.text6 .fa-solid, .fas {
		font-size: 20px;
	}
	.box27 .text6 {
		text-align: center;
	}
	.box20 {
		display: none;
	}
	.box12 {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.box14 {
		display: none;
	}
	.box15 {
		padding-top: 10px;
		justify-content: center;
		align-items: center;
	}
	.box19 {
		display: block;
	}
	.box18 {
		text-align: center;
		padding-right: 0;
		margin: 10px 0 5px;
	}
	.text5 {
		padding-top: 5px;
		font-weight: normal;
		letter-spacing: 0.06rem;
	}
	.text6 {
		font-size: 20px;
	}
	.text7 { 
		font-size: 8px;
		padding-top: 2px;
	}
	
	.text8 {
		font-size: 12px;
		margin-bottom: 7px;
		text-align: center;
		margin: 0;
	}
	.box17 p {
		font-size: 8px;
		padding-top: 5px;
		text-align: center;
	}
	.fa-brands {
		font-size: 26px;
		padding-left: 10px;
	}
	
	.box23 {
		height: 36vh;
		margin: 0;
	}
	.breadcrumb {
		margin-left: 20px;
		margin-top: 5px;
	}
	 .breadcrumb li{
		font-size: 10px;
	 }
	 .box28 {
		margin: 40px 60px;
		display: block;
	 }
	 .box28 p{
		font-size: 12px;
		padding: 10px 20px;
	 }
	 .text10 {
		font-size: 10px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.box29 h2 {
		font-size: 14px;
	}
	.box29 {
		margin: 50px 60px;
	}
	.box29 p {
		width: 90%;
		margin: 0 auto;
		text-align: left;
		font-size: 12px;
	}
	.box30 {
		display: block;
		margin: 40px;
	}
	.box31 h2 {
		font-size: 12px;
	}
	.box31 p {
		font-size: 10px;
		line-height: 1rem;
	}
	
	iframe {
		width: 100%;
		height: 230px;
	}
	.text9 {
		font-size: 16px;
		margin: 20px 0;
	}
	.box24 {
		margin: 20px 0px;
		padding: 20px 15px;
	}
	.box25 {
		display: block;
		padding-top: 0px;
	}
	.box25 h3 {
		font-size: 14px;
		text-align: center;
		margin-bottom: 12px;
	}
	.box26 {
		padding: 10px 20px;
		width: 207px;
	  margin: 10px auto;
	}
	.box26 p {
		font-size: 10px;
	}
	.box27 {
		padding-bottom: 20px;
	}
	.text11 {
		font-size: 10px;
		line-height: 1rem;
	  padding: 10px 20px 0px;
	}
	.hr2 {
		margin: 20px auto;
	}
	.fa-solid, .fas {
		font-size: 8px;
	}
	
	.text12 {
		font-size: 8px;
		padding: 5px 20px;
	}
	.text12 br {
		display: none;
	}
	
	.box33 {
		margin: 40px 20px;
		padding: 20px 40px;
	}
	.box33 h1 {
		font-size:14px;
	}
	.box33 p {
		font-size: 12px;
		line-height: 1.2;
	}
	textarea {
		width: 200px;
	}
	.parallax {
		background-attachment: scroll
	}
	.box34 {
		margin: 20px 0px; 
		padding: 24px 40px;
	}
	.box34 h3 {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.box35 {
		display: block;
	}
	.box35 p {
		font-size: 12px;
		margin-right: 0;
		padding-right: 0;
		padding-bottom: 20px;
	}
	.box35 img {
		width: 250px;
		display: block;
		margin: auto;
	}
	.contact-form {
		padding: 10px 40px;
	}
	.contact__form-box {
		font-size: 14px;
	}
	.contact__form-box span {
		font-size: 12px;
		padding: 2px 4px;
		margin-left: 8px;
	}
	.contact__form-box {
		display: block;
	}
	.contact__form-box dt {
		justify-content: left;
	}
	.contact__form-box .contact-1 input {
		width: 50%;
		font-size: 12px;
	}
	select {
		margin-top:5px;
		font-size: 12px;
	}
	.contact__form-box1 dt {
		font-size: 14px;
	}
	.contact__form-box2 label {
		font-size: 12px;
	}
	.contact-btn a {
		font-size: 14px;
	}
	
}