*{
	box-sizing:border-box;
}

img{
	vertical-align:bottom;
	height:auto;
	max-width:100%;
}

body{
	background-color:#ffffff;
	color:#535E61;
	font-family: 'ＭＳ Ｐゴシック','MS PGothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	font-size:18px;
	line-height:1.5;
}

li{
	list-style-type:none;
}

#wrapper{
	width:60vw;
	margin-left:auto;
	margin-right:auto;
}

.header_bg{
	margin-bottom:20%;
	position: relative;
	height:40vw;
}

.header_nav{
	position: absolute;
	top:26%;
	left:0;
	width:20%;
}

.header_nav_item{
	transition: .5s;
	margin-bottom:15%;
}

.header_nav_item_link{
	display: block;
	transition: .5s;
	text-decoration: none;
	color:#535E61;
}

.header_nav_item_link:hover{
	opacity: 0.7;
}

.header_nav_item:last-child{
	margin-bottom:0;
	padding:10px;
	border:solid 1px #535E61;
	border-radius: 10px;
	text-align: center;
}

.header_nav_item:last-child:hover{
	background: #d2d7d8;
	border:solid 1px #d2d7d8;
}

.top_main{
	position: absolute;
	right:0;
	bottom:0;
	width:73%;
	z-index: -9999;
}

.site_title_outer{
	position: absolute;
	left:10%;
	bottom:2%;

}

.site_title{
	font-size:5rem;
	color:#ffffff;
	font-family: 'Lobster', cursive;
	text-shadow: 3px 3px 3px #696969;
}

.site_subtitle{
	font-size: 1.5rem;
	color:#ffffff;
	font-weight: normal;
	text-shadow: 3px 3px 3px #696969;
}

.catch_copy_outer{
	margin-bottom:20%;
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
}

.catch_copy{
	font-size:3vw;
	letter-spacing:0.3em;
}

.menu_item{
	margin-bottom:20vw;
}

.coating_intro{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.coating_img{
	width:30vw;
}

.coating_content_outer{
	width: 40%;
	text-align: right;
}

.title_recommend{
	margin-bottom:2vw;
	max-width:50%;
}

.coating_title{
	margin-bottom:1vw;
	font-size: 2vw;
}

.coating_sub_title{
	font-size:1.5rem;
	margin-bottom:1vw;
}

.coating_text{
	letter-spacing:0.2em;
}

.menu_item_link{
	display: block;
	position:relative;
	transition: .5s;
	text-decoration:none;
	color:#535E61;
}

.menu_item_link:hover{
	opacity: 0.7;
}

.menu_title{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 2em;
	font-weight:normal;
	color:#d3d0d0;
}

footer{
	background: #E6E6E6;
}

.footer_inner{
	padding-top:5vw;
	padding-bottom:5vw;
	display: flex;
	justify-content: space-between;
}

.footer_site_title{
	width: 70%;
	margin-bottom: 5vw;
}

.footer_nav{
	width:33%;
}

.address_outer{
	margin-bottom:1vw;
	display: flex;
	font-size: 1.3vw;
}

.address{
	margin-left:1vw;
}

.number_outer{
	margin-bottom:1vw;
	display: flex;
}

.fax_number{
	margin-left:1vw;
}

.map{
	margin-bottom: 2vw;
}

iframe{
	width:30vw;
}

.copyright{
	text-align: right;
}

small{
	font-size:0.7em;
}






/*shop.html*/






.company_info{
	font-size:1vw;
}

.company_content_inner{
	margin-bottom:20vw;
	margin-left: auto;
	margin-right: auto;
	width: 50vw;
	border:solid 1px #e5e5e5;
	box-shadow: 0px 20px 8px -8px #dde6eb;
}

.company_content_inner ul{
	margin-top:10%;
	margin-bottom:10%;
	margin-left: auto;
	margin-right: auto;
	padding-left:30px;
	padding-right:30px;
	width:95%
}

.company_content_inner ul li{
	margin-bottom:60px;
	padding-bottom:30px;
	display: flex;
	justify-content: space-between;
	border-bottom:solid 1px #e5e5e5;
}

.company_description{
	font-size:1.2em;
}






/*price.html*/






.title_price{
	padding-top: 1vw;
	padding-bottom: 1vw;
	color: #535E61;
	text-align: center;
	font-weight: bold;
	font-size:2em;
}

.under_line{
	margin-left: auto;
    margin-right: auto;
	margin-bottom:6vw;
	width: 8%;
	border-bottom:solid 5px #535E61;
}

.price_list{
	margin-bottom:10%;
}

.sub_title_price{
	margin-bottom: 3vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	background: #000000;
	color:#c3c549;
	text-align: center;
}

.sub_title_price_last{
	color: #09a2cc;
}

.price_item{
	margin-bottom:2vw;
}

.price_item > div{
	margin-bottom: 2vw;
	display: flex;
	justify-content: space-between;
}

table{
	width: 40%;
}

th , td{
	border:solid 1px;
	vertical-align: middle;
}

th{
	width:7vw;
	height:4vw;
	background:#061286;
	color:#ffffff;
	border:solid 1px #061286;

}

td{
	width:20vw;
	text-align:center;
}

.complement{
	width:40%;
	color:#ff0000;
	font-size: 0.9rem;
	text-align: right;
}

.complement_last{
	padding:1vw;
	border:solid 1px #09a2cc;
	text-align: center;

}


.size_teble{
	margin-bottom: 10vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 0.5rem;
}

.size_teble_right{
	width:60%;
}





/*service.html*/






.service_img{
	width: 35%;
}

.service_title{
	margin-bottom: 3vw;
}

.service_text{
	margin-bottom: 3vw;
}

.service_button{
	margin-left: auto;
	width:40%;
	border:solid 1px #535E61;
}

.service_button_link{
	padding: 6%;
	display: block;
	transition: .5s;
	text-align: center;
	font-size:1rem;
	text-decoration: none;
	color:#535E61;
}

.service_button:hover .service_button_link{
	background: #535E61;
	color:#ffffff;
}

.coating_content_outer_bottom{
	text-align: left;
}

.service_text_bottom{
	margin-bottom: 0;
}

.covid_measures_outer{
	margin-left: auto;
	margin-right: auto;
	margin-bottom:15vw;
}

.title_covid{
	margin-bottom:6vw;
	font-size: 2rem;
	text-align: center;
	font-weight:bold;
}

.covid_comment{
	margin-bottom:1vw;
	font-size:1.5em;
	text-align:center;
}

.titania_img_grid{
	margin-bottom:10vw;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
	gap:20px;
}







/*sp*/





@media screen and (max-width: 1300px){

	#wrapper{
		width: 100vw;
	}

	.header_bg {
		height: 50vw;
	}

	.header_nav{
		top: 13%;
		left: 2%;
		width: 25%;
	}

	.header_nav_item:last-child{
		padding: 7px 0;
		font-size: 8px;
	}

	.header_nav_item_link{
		font-size:10px;
	}

	.top_main{
		right: 3%;
		width: 65%;
	}

	.site_title_outer {
		left: 28%;
		bottom:7%;
	}

	.site_title{
		font-size: 30px;
	}

	.site_subtitle{
		font-size: 10px;
	}

	.drcoating_logo{
		width: 50%;
	}
	
	.title_recommend{
		width: 50%;
	}

	.coating_title{
		font-size: 12px;
	}

	.coating_img {
		width: 45%;
	}

	.coating_text{
		font-size: 8px;
	}

	.menu_title{
		font-size: 1rem;
	}

	.title_covid{
		font-size:17px;
	}

	.covid_comment{
		margin-bottom:30px;
		font-size:12px;
	}

	.titania_img_grid{
		margin-bottom:10%;
		grid-template-columns: 1fr 1fr;
		gap:0px;
	}


	.footer_inner {
		padding-left: 2%;
		padding-right: 2%;
		display: block;
	}

	.footer_site_title {
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	}
	
	.footer_nav{
		margin-bottom: 9%;
		margin-left: auto;
		margin-right: auto;
		width: 35%;
		text-align: center;
	}

	.aside_footer{
		text-align: center;
	}

	.address_outer{
		margin-bottom: 5%;
		display: block;
		font-size: 0.6em;
	}

	.address{
		margin-left: 0;
	}

	.number_outer{
		margin-bottom: 5%;
		display: block;
		font-size: 0.6em;
	}

	.fax_number {
		margin-left: 0;
	}

	iframe{
		width: 90%;
		height: 20%;
	}

	.copyright{
		font-size: 8px;
		text-align: center;
	}





	/*company_sp*/







	.company_info {
		font-size: .6rem;
	}






	/*service_sp*/





	.title_price {
		font-size: 1rem;
	}

	.under_line {
		margin-bottom: 15%;
		border-bottom: solid 1px #535E61;
	}
	
	.company_content_inner {
		width: 95vw;
	}
	
	.service_button{
		width: 70%;
	}

	.service_button_link{
		font-size: 10px;
	}

	.coating_content_outer {
		width: 45%;
	}

	.coating_content_outer_bottom{
		text-align: left;
	}

	.coating_sub_title {
		font-size: 0.5em;
	}






	/*price_sp*/

	.sub_title_price{
		margin-bottom: 10%;
		font-size: 10px;
	}

	tr{
		font-size: 10px;
	}

	th{
		width:40px;
		height:30px;
	}

	.complement{
		width: 50%;
		font-size: 10px;
	}

	.price_item > div{
		align-items: center;
	}

	.price_item:last-child {
		margin-bottom: 10%;
	}

	.size_teble {
		margin-top: 15%;
		margin-bottom: 15%;
		display: block;
	}

	.size_teble table{
		width: 80%;
	}

	.sizetable_th{
		width:13vw;
	}

	.complement_last{
		margin-bottom: 10%;
		width: 46%;
	}
}