@charset "utf-8";

#mainContent {
 .wrap {
	 .contents {
		 table {
			 border-collapse:collapse;
			 width:100%;
			 font-size:inherit;
			 th {
				 background-color:#929dab;
				 vertical-align:middle;
				 color:#FFFFFF;
				 line-height:1.5;
				 padding:1em;
				 text-align:center;
				 border:1px solid #4a647c;
			 }
			 td {
				 background-color:#FFFFFF;
				 line-height:1.5;
				 padding:1em;
				 border:1px solid #4a647c;
					color:#4a647c;
			 }
		 }
		 #about {
			 th {
				 width:8em;
			 }
		 }
		 #business {
			 th {
				 width:12em;
			 }
		 }
		 #greeting {
			 h3 {
				 font-size:2.2rem;
				 font-weight:500;
				 line-height:1.5;
				 color:#003d96;
				 margin-bottom:.5em;
			 }
			 h4 {
				 font-size:2.2rem;
				 font-weight:500;
				 line-height:1.5;
				 color:#4a647c;
				 margin-bottom:.5em;
			 }
			 p {
				 color:#4a647c;
				 &:not(:last-child) {
					 margin-bottom:2em;
				 }
				 &.mb0 {
					 margin-bottom:0;
				 }
			 }
			 .message {
				 display:grid;
				 grid-template-columns:1fr 25%;
				 grid-gap:30px;
				 margin-bottom:30px;
				 .img {
					 padding-top:1em;
					 p {
						 text-align:right;
						 color:#4c4948;
						 font-size:1.4rem;
						 span {
							 font-size:.8em;
							 margin-right:1em;
						 }
					 }
				 }
			 }
		 }
	 }
 }
}


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

	#mainContent {
	 .wrap {
		 .contents {
			 table {
				 font-size:1.4rem;
				 tr {
					 &:not(:first-child) {
						 th {
							 border-top:none;
						 }
					 }
				 }
				 th,td {
					 padding:.5em;
					 display:block;
					 width:100%;
				 }
				 th {
					border-bottom:none;
				 }
			 }
			 #about {
				 th {
					 width:100%;
				 }
			 }
			 #business {
				 th {
					 width:100%;
				 }
			 }
			 #greeting {
				 h3 {
					 font-size:1.8rem;
				 }
				 h4 {
					 font-size:1.8rem;
				 }
				 p {
					 &:not(:last-child) {
						 margin-bottom:1em;
					 }
				 }
				 .message {
					 display:grid;
					 grid-template-columns:1fr;
					 grid-gap:0;
					 justify-items:center;
					 .img {
						 max-width:376px;
						 padding-top:0;
					 }
				 }
			 }
		 }
	 }
	}
}