.content_topimage									{width:100%; position:relative;}
.content_topimage_tx							{display:block; width:700px; text-align:center; font-size:34px; line-height:34px;padding:20px 20px 20px 20px; color:#ffffff; font-weight:600; position:absolute; bottom:20%; left:0; right:0; margin:0px auto;}

.tategaki													{margin:0px auto; padding:0px 0px 20px 0px; font-weight:500;text-align:left; display: flex; justify-content: center;align-items: start; flex-wrap: wrap;}
.tategaki span										{writing-mode: vertical-rl;}
.tategaki span strong							{ transform: scaleY(0.7);text-combine-upright: all; font-weight:500;}
/**/
.intro_box												{width:100%;}
.intro_box_img										{width:50%; background-size:cover;}
.intro_box_img img								{width:100%;}
.intro_box_tx											{width:50%;}
.intro_box_tx_in									{width:80%; margin:0px auto; padding:70px 0px 70px 0px;}
.intro_box_tx_ico									{text-align:center; padding:0px 0px 30px 0px;}
.intro_box_tx_ico img							{width:50px;}

/*top*/
.top_markobi											{width:640px; height:100px; margin:0px auto;}
.top_imgblock											{width:25%;}





/*company*/
.com_photo												{width:400px; margin-left:540px;}

/**/
.voice_img												{width:300px; float:right; margin:0px 0px 10px 40px;}


/*service*/
.service_base											{width:100%; display:flex; justify-content:space-between; flex-wrap: wrap;}
.service_base_rev									{width:100%; display:flex; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;}
.service_image										{width:50%; height:100vh; position:relative;}
.service_image img								{width:100%;height:100vh; object-fit: cover;}
.service_title										{position:absolute; top:15%; left:0;}
.service_title h2									{display:inline; font-size:36px; font-weight:400; background-color:#333333; color:#ffffff; margin:0px; padding:10px 50px 10px 50px;}

.service_main											{width:50%;height:100vh; display: flex; flex-direction: column;justify-content: center;}
.service_main_in									{padding:50px;}
.service_tx												{font-size:17px; line-height:30px; padding-bottom:30px;}

.service_works										{display:flex; justify-content:flex-start; flex-wrap: wrap;}
.service_works_item								{width:30%; padding-bottom:15px; margin:1.5%; font-size:14px; line-height:22px;}

.contact_tel											{ font-size:40px; line-height:50px; font-family: 'Oswald'; font-weight:500;}

/*room*/
.photo_title											{width:200px; text-align:center; padding:5px 0px 5px 0px; position:absolute; bottom:0px; left:0px; font-weight:400; background-color:#333333; color:#ffffff; }

/*reserv*/
.reserve_caution									{width:800px; margin:0px auto; margin-bottom:30px;background-color:#fffcd0; border:8px solid #f99b00; padding:30px; text-align:center; font-size:20px; line-height:30px;}

/*qa*/
.qabox														{padding:30px; margin-bottom:30px; background-color:#ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}


@media screen and (max-width:1280px){
.content_topimage_tx							{ position:absolute; bottom:15%; left:0; right:0; margin:0px auto;}

}
@media screen and (max-width:960px){
.content_topimage_tx							{ position:absolute; bottom:10%; left:0; right:0; margin:0px auto;}

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

.content_topimage									{width:100%; position:relative;}
.content_topimage_tx							{display:block; width:100%; text-align:center; font-size:20px; line-height:20px;padding:20px 20px 20px 20px; color:#ffffff; font-weight:600; position:absolute; bottom:10%; left:0; right:0; margin:0px auto;}




.tategaki													{margin:0px auto; padding:0px 0px 20px 0px; font-weight:500;text-align:left; display: flex; justify-content: center;align-items: start; flex-wrap: wrap;}
.tategaki span										{writing-mode: vertical-rl;}

/**/
.intro_box												{width:100%;}
.intro_box_img										{width:100%; background-size:cover; min-height:300px;}
.intro_box_img img								{width:100%;}
.intro_box_tx											{width:90%; margin:0px auto; }
.intro_box_tx_in									{width:100%; margin:0px auto; padding:30px 0px 30px 0px;}
.intro_box_tx_ico									{text-align:center; padding:0px 0px 30px 0px;}
.intro_box_tx_ico img							{width:50px;}

/*top*/
.top_markobi											{width:100%; height:100px; margin:0px auto;}
.top_imgblock											{width:50%;}


/*company*/
.com_photo												{width:96%; margin-left:0px; margin:0px auto; text-align:center;}
.com_photo p											{text-align:center;}
.com_photo img										{width:50%; height:auto;}

/**/
.voice_img												{width:60%; float:none; paddimg:0px 10px 0px 0px; margin:0px auto; text-align:center;}

/*service*/
.service_base											{width:100%;  display:block;}
.service_base_rev									{width:100%; display:block;}
.service_image										{width:100%; height:auto; position:relative;}
.service_image img								{width:100%;height:auto; }
.service_title										{position:absolute; top:15%; left:0;}
.service_title h2									{display:inline; font-size:20px; font-weight:400; background-color:#333333; color:#ffffff; margin:0px; padding:10px 20px 10px 20px;}

.service_main											{width:100%;height:auto; display:block;}
.service_main_in									{padding:20px;}
.service_tx												{font-size:17px; line-height:30px; padding-bottom:30px;}

.service_works										{display:flex; justify-content:flex-start; flex-wrap: wrap;}
.service_works_item								{width:47%; padding-bottom:15px; margin:1.5%; font-size:14px; line-height:22px;}


/*reserv*/
.reserve_caution									{width:96%; margin:0px auto; margin-bottom:30px; background-color:#fffbdc; border:3px solid #f99b00; padding:20px; text-align:left; font-size:18px; line-height:30px;}










}