﻿/*===============================

	東和美装の強み
	advantage.css

================================*/
/*-------------------------------

	   コンテンツページ共通　

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

/*  メニュー　*/
.menu:nth-child(1) a {
    color: #008267 !important;
    font-weight: normal !important;
}
.menu:nth-child(1)::before {
    top: -19px !important;
}
/* タイトル1 */
.sub-title {
    margin-left:13vw;
}

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

	   コンテンツページ共通　

 --------------------------------*/
#DivFirstView {
	height: 90vh;
}
/* トップタイトル */
/* 写真 */
.content-image1 {
	margin-top: 2vw;
	margin-left: 2vw;
	width: 22vw;
	height: 22vw;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
.content-image1 img {
	width: 22vw;
}
.content-image2 {
	margin-top: -10vw;
	margin-left: 23vw;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	width: 15vw;
	height: 15vw;
}
.right.grid .contents {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
}
.content-image2 img {
    width: 15vw;
}
/*---------------------------------------*/
/*               スマホ　     　　       */
/*---------------------------------------*/
@media screen and (min-width:320px ) and (max-width:1079px) {
	#DivFirstView {
		height: 76vh;
	}
	/* タイトル1 */
	.sub-title {
		margin-left: 19vw;
	}
}
/*---------------------------------------*/

/*               PC     　　       */

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

@media screen and (min-width:960px ){
}