@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

body {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
}

html,body{
	height: 100%;
}

p{
	margin: 0px;
}

h5{
	margin-bottom: 0px;
	margin-top: 0px;
}

.nav-wrapper{
	padding: 7px 50px !important;
}

.top-logo{
	width: 50px;
}

.mail-logo-header{
	padding: 2px;
	width: 65px;
}

.row{
	--bs-gutter-x: 0px;
}

.spacer2{
	margin-top: 7em;
}

.spacer3{
	margin-top: 15em;
}

.spacer4{
	margin-top: 10em;
}

.img-fit{
	object-fit: contain;
}

.container-top{
	width: 100%;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.nav-logo{
	display: table;
}

.logo-inner{
	display: table-cell;
	vertical-align: middle;
}

.nav-desc{
	display: inline-block;
	text-align: right;
}

.nav-table{
	margin-left: auto;
}

.nav-font-small{
	font-size: 18px;
	color: #000;
}

.nav-tel-font{
	font-size: 25px;
	font-weight: 500;
}

.hr01{
	object-fit: contain;
	width: 100px;
	padding: 20px 0px; 
}

.section1-title{
	letter-spacing: 4px;
}

.sp-display{
	display: none;
}

.movie{
	width: 640px;
	height: 360px;
	margin-bottom: 2em;
}

.movie-container{
	width: 640px;
	margin: 20px auto; 
}

.p-desc{
	/* font-size: 14px; */
	line-height: 1.6em;
	letter-spacing: 0.5px;
	text-align: left;
}

a{
	text-decoration: none;
}

a.btn-border2 {
  border: 2px solid #b90000;
  border-radius: 0;
  background: #fff;
  padding:12px 150px;
  color: #b90000;
  /* font-size: 14px; */
}

a.btn-border2:hover {
  color: #fff;
  background: #b90000;
}

.back-1{
	background-color: #ffeab2;
}

.back-2{
	background-color: #282828;
}

.back-3{
	background-color: #f0d4cd;
}

.back-4{
	background-color: #b90000;
}

.back-5{
	background-color: #fcc814;
}

.section2-row{
	padding: 50px 18%;
}

.section3-row{
	padding: 150px 18%;
}

.section5-row{
	padding: 0px 18%;
}

.section6-row{
	padding: 10px 18%;
}

.section7-row{
	padding: 10px 0%;
	width: 850px;
	margin:auto;
}



.section8-row{
	padding: 10px 18%;
}

.bottom-bar-row{
	padding: 30px 18%;
}

.section6-left{
	border:solid #b90000 2px;
	border-right: 0px;
	padding: 40px;
}

.section6-right{
	border:solid #b90000 2px;
	border-left: 0px;
	padding: 0px;
}

.shop-desc-title{
	font-size: 13px;
	color: #b90000;
	padding-left: 20px;
	padding-bottom: 10px;
	text-align: left;
}

.shop-desc-container{
	padding-left: 20px;
}

.shop-desc{
	padding-bottom: 7px;
	text-align: left;
	border-bottom: solid #b90000 1px;
}

.shop-comment-title{
	background-color: #b90000;
	text-align: right;
}

.shop-comment{
	color: #ffffff;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 300;
	letter-spacing: 1px;
}

.shop-comment-sp{
	background-color: #b90000;
	color: #ffffff;
	padding: 10px 20px;
	font-weight: 300;
	letter-spacing: 1px;
}

.shop-comment-main{
	padding: 40px 30px 40px 5px ;
}

.shop-img-sp{
	padding: 30px 20%; 
}

.number{
	border: solid #000 1px;
	border-top: 0px;
	border-bottom: 0px;
	position: relative;
    top: 20px;
    line-height: 20px;
    font-size: 40px;
    padding: 0px 20px;
    color: #b90000;
}

.number2{
	border:none;
	position: relative;
    top: 20px;
    line-height: 20px;
    font-size: 40px;
    font-weight: 300;
    padding: 0px 20px 4px 20px;
    color: #ffffff;
    background-color: #b90000;
}

.td-top{
	padding-top: 1em;
}

.questions{
	border: solid #b90000 2px;
	border-top: 0px;
	border-bottom: 0px;
	position: relative;
    top: 20px;
    line-height: 20px;
    font-size: 1.6em;
    padding: 0px 20px;
    color: #b90000;
}

.td-left{
	padding-right: 1em;
}

.number-title{
	font-size: 20px;
	letter-spacing: 2px;
	text-align: left;
	font-weight: 500;
}

.tr-height{
	height: 65px;
}

.tr-height-desc{
	height: 90px;
}

.tr-height-img{
	height: 270px;
}

.section3-color{
	color: #ffffff;
}

.section3-item{
	padding: 0 30px;
}

.section2-title{
	letter-spacing: 4px;
}

.section3-title{
	letter-spacing: 4px;
}

.section6-border-sp{
	border:solid 1px #b90000;
	margin: 10px 20px;
}

.section7-title{
	letter-spacing: 3px;
	color: #ffffff;
	font-weight: 400;
	padding: 15px 30px;
}

.section7-inner{
	width: 640px;
	margin: 20px auto;
}

.questions-title{
	text-align: left;
	font-size: 22px;
	letter-spacing: 1px;
}

.section9-border{
	border: solid 2px #b90000;
}

.section9-desc{
	letter-spacing: 3px;
	color: #000;
	font-weight: 400;
	padding: 15px 30px;
}

.dot-design{
	padding:0px 20px 20px 20px;
}

.dot-design li::marker{
	color: #b90000;
	padding: 0px;
	font-size:1.5em;
}

.footer-left{
	padding-left: 27%;
}

.footer-right{
	padding-right: 27%;
}

.footer-1{
	width: 80%;
	border: solid 1px #fff;
	color: #fff;
	padding: 10px;
	margin: 2em auto 0.7em auto;
	letter-spacing: 1px;
}

.footer-2{
	color: #fff;
	letter-spacing: 3px;
}

.footer-3{
	color: #fff;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 1.5em;
}

.footer-mail-box{
	padding-left: 3em;
	padding-right: 1em;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
 	-webkit- transform: translateY(-50%);
}

.footer-table{
	margin:2em auto 1em auto;
}

.mail-logo-img{
	width: 100px;
}

.footer-mail-p{
	letter-spacing: 1px;
	font-weight: 500;
}

.bottom-first{
	color: #fff;
	font-weight: 300;
	font-size: 0.9em;
	border-left: solid 1px #fff;
	line-height: 40px;
}

.bottom-second{
	color: #fff;
	font-weight: 300;
	font-size: 0.9em;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	line-height: 40px;
}

.bottom-third{
	color: #fff;
	font-weight: 300;
	font-size: 0.9em;
	border-right: solid 1px #fff;
	line-height: 40px;
}

.copyright{
	color: #fff;
	font-size: 0.6em;
	font-weight: 300;
	letter-spacing: 1px;
	padding-top: 40px;
}

.section3-img{
	width: 90%;
}

.section4-img{
	width: 80%;
}

.a-link{
	color: #fff;
}

.a-link-black{
	color: #000;
}

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

.img-left{
	text-align: left;
}

#fixedTop{
	position: fixed;
	right: 40px;
	bottom: 40px;
	width: 60px;
	height: 60px;
	transition-duration: 0.5s;
}

/*-----laptop-----*/
@media all and (min-width: 768px) and (max-width: 1024px) {
	.mail-logo-header{
		padding: 2px;
		width: 50px;
	}
	.mail-logo-img{
		width: 80px;
	}
	.nav-font-small{
		font-size: 15px;
	}
	.section6-left{
		padding: 10px;
	}
	.footer-left{
		padding-left: 17%;
	}

	.footer-right{
		padding-right: 17%;
	}
	.section3-row{
		padding:50px 12%;
	}
	.section4-img{
		width: 90%;
	}
	.section7-row{
		width: 100%;
		padding: 10px 10%;
	}
	.tr-height{
		height: 90px;
	}
	.tr-height-desc{
		height: 120px;
	}
}


/*-----tablet-----*/
@media all and (min-width: 480px) and (max-width: 768px) {
	.mail-logo-header{
		padding: 2px;
		width: 45px;
	}
	.spacer3{
		margin-top: 8em;
	}
	.nav-wrapper{
		padding:30px;
	}
	.nav-font-small{
		font-size: 12px;
	}
	.company-title{
		font-size: 24px;
	}
	.section2-row{
		padding: 50px 30px;
	}
	.section3-item{
		padding: 4.5em 0px 0px 0px;
	}

	.section6-row{
		padding: 10px 5%;
	}
	.section6-left{
		border:solid #b90000 2px;
		border-right: 0px;
		padding: 20px;
	}
	.section7-row{
		width: 100%;
		padding: 10px 8%;
	}
	.section7-inner{
		padding: 20px 50px;
		margin: 0px;
		width: 100%;
	}
	.questions-title{
		font-size: 1.3em;
	}
	.footer-left{
		padding-left: 2%;
	}
	.footer-right{
		padding-right: 2%;
	}
	.mail-logo-img{
		width: 70px;
	}
	.footer-mail-box{
		padding-left: 1em;
		padding-right: 1em;
	}
	.bottom-bar-row{
		padding: 30px 5%;
	}
	.section3-img{
		width: 70%;
	}
	.section4-img{
		width: 85%;
	}
}

/*-----phone-----*/
@media all and (max-width: 480px) {
	.top-logo{
		width: 35px;
	}
	.nav-wrapper{
		padding: 7px 20px !important;
	}
	.nav-logo{
		padding: 0px;
	}

	.spacer4{
		margin-top: 3.5em;
	}

	.company-title{
		font-size: 16px !important;
	}

	.nav-desc{
		display: none;
	}

	.sp-none{
		display: none;
	}

	.spacer3{
		margin-top: 3.5em;
	}

	.sp-display{
		display: block;
	}

	.section1-title{
		letter-spacing: 2px;
	}

	.section2-title{
		letter-spacing: 1.5px;
		font-size: 1.2em;
		padding: 0 10px;
	}

	.movie{
		width: 100%;
		height: 225px;
		margin-bottom: 10px;
	}

	.movie-container{
		width: 85%;
		margin: 5px auto; 
	}
	a.btn-border2 {
	  padding:12px 60px;
	}
	.section2-row ,.section3-row{
		padding: 50px 10%;
	}

	.section5-row{
		padding: 0px 10%;
	}

	.section3-item-first{
		padding: 1.5em 0px 0px 0px !important;
	}

	.section3-item{
		padding: 4.5em 0px 0px 0px;
	}
	.section3-title{
		letter-spacing: 4px;
		padding: 0 10px;
	}
	.shop-desc-title{
		padding-right: 20px;
	}

	.shop-desc-container{
		padding-right: 20px;
	}

	.shop-comment-main{
		padding: 20px 15px;
	}

	.section7-row{
		padding: 10px 10%;
		width: 100%;
	}

	.section7-inner{
		padding: 15px 20px;
		width: 100%;
		margin: 0px;
	}
	.questions{
		font-size: 25px;
		padding: 0px 10px;
	}
	.section8-row{
		padding: 16px 10%;
	}
	.questions-title{
		font-size: 1.1em;
	}
	.footer-1{
		margin:0px auto 1em auto;
		width: 100%;
	}
	.footer-3{
		margin-bottom: 0px;
	}
	.footer-box-sp{
		padding: 30px 10%;
	}
	.footer-mail-box{
		padding: 0px 10px 0px 0px;
	}
	.bottom-first,.bottom-second,.bottom-third{
		border:none;
	}
	.section4-img{
		width: 100%;
	}
	.img-left,.img-right{
		text-align: center;
	}
	#fixedTop{
		width: 50px;
		height: 50px;
		right: 5px;
		bottom: 20px;
	}

	.tr-height-desc{
		height: 0px;
	}

	.tr-height-img{
		height: 0px;
	}
	.td-top{
		padding-top: 0px;
	}
	.mail-logo-img{
		width: 87%;
	}
}