@charset "UTF-8";

@media print, screen and (min-width: 737px) {
	
	.promotion {
		height: 680px;
	}
	
	.promotion > h1 {
		width: 240px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding-top: 180px;
		display: block;
	}
	
	.promotion > h1 > img {
		width: 100%;
		height: auto;
	}
	
	main article {
		
	}
	
	main h4 {
		text-align: center;
	}
	
	main h4::after {
		margin-left: auto;
		margin-right: auto;
	}
	
	main .business {
		width: 100%;
		background-color: rgba(240,240,240,1.0);
	}
	
	main .business > div {
		min-width: 960px;
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}
	
	main .business .wall {
		margin-top: 40px;
	}
	
	main .business .wall > * > a > div {
		padding: 24px;
	}
	
	main .business .wall > * > a > div > p {
		margin-top: 16px;
	}
	
	main .message {
		background-color: rgba(255,255,255,0.8);
	}
	
	main .message > div {
		min-width: 960px;
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}
	
	main .message .column {
		margin-top: 40px;
	}
	
	main .message .column > div:nth-of-type(1) {
		width: 33.33%;
	}
	
	main .message .column > div:nth-of-type(2) {
		width: 66.66%;
	}
	
	main .message .column > div:nth-of-type(1) img {
		width: 240px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	main .message .column > div:nth-of-type(2) strong {
		font-size: 1.7rem;
		font-weight: 500;
	}
	
	main .message .btn {
		margin-top: 40px;
	}
	
	main .aboutus {
		
	}
	
	main .aboutus > div {
		min-width: 960px;
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}
	
	main .aboutus .list {
		margin-top: 40px;
	}
	
	main .map {
		width: 100%;
		padding-top: 0;
	}
	
	main .map > div {
		min-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	
	main .map > div > #map {
		width:100%;
		height: 480px;
	}
	
	main .map > div > #map > .gm-style {
		position: absolute;
		top: 0;
		left: 0;
		margin: auto;
		display: block;
	}
	
	main .map > div .address {
		width: 280px;
		height: 448px;
		padding-left: 32px;
		padding-right: 32px;
		background-color: rgba(255,255,255,1.0);
		position: absolute;
		top: 16px;
		right: 16px;
	}
	
	main .map > div .address > img {
		width: 100px;
		height: auto;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	main .map > div .address > h4 {
		font-weight: 200;
		margin-top: 40px;
	}
	
	main .map > div .address > p {
		margin-top: 16px;
	}
	
	main .map > div .address > .btn {
		margin-top: 16px;
	}
	
	main .map > div > .btn {
		margin-top: 40px;
	}
	
}

@media only screen and (max-width: 736px) {
	
    .promotion {
        height: 320px;
    }
	
	.promotion > h1 {
		width: 160px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding-top: 80px;
		display: block;
	}
	
	.promotion > h1 > img {
		width: 100%;
		height: auto;
	}
	
	main article {
		
	}
	
	main h4 {
		text-align: center;
	}
	
	main h4::after {
		margin-left: auto;
		margin-right: auto;
	}
	
	main .business {
		width: 100%;
        padding-left: 32px;
        padding-right: 32px;
		background-color: rgba(240,240,240,1.0);
	}
	
	main .business > div {
        width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	main .business .wall {
		margin-top: 24px;
	}
    
    main .business .wall > * {
        margin-bottom: 24px;
    }
	
	main .business .wall > * > a > div {
		padding: 24px;
	}
	
	main .business .wall > * > a > div > p {
		margin-top: 16px;
	}
	
	main .message {
        width: 100%;
        padding-left: 32px;
        padding-right: 32px;
		background-color: rgba(255,255,255,0.8);
	}
	
	main .message > div {
        width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	main .message .column {
		margin-top: 40px;
	}
	
	main .message .column > div:nth-of-type(1) {
        width: 100%;
	}
	
	main .message .column > div:nth-of-type(2) {
		width: 100%;
	}
	
	main .message .column > div:nth-of-type(1) img {
		width: 160px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	main .message .column > div:nth-of-type(2) strong {
		font-size: 1.7rem;
		font-weight: 500;
	}
	
	main .message .btn {
		margin-top: 40px;
	}
	
	main .aboutus {
        width: 100%;
        padding-left: 32px;
        padding-right: 32px;
	}
	
	main .aboutus > div {
        width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	main .aboutus .list {
		margin-top: 40px;
	}
	
	main .map {
		width: 100%;
	}
	
	main .map > div {
        width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	main .map > div > #map {
		width:100%;
		height: 320px;
	}
	
	main .map > div > #map > .gm-style {
		position: absolute;
		top: 0;
		left: 0;
		margin: auto;
		display: block;
	}
	
	main .map > div .address {
        display: none;
	}
	
	main .map > div .address > img {
		width: 100px;
		height: auto;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	main .map > div .address > h4 {
		font-weight: 200;
		margin-top: 40px;
	}
	
	main .map > div .address > p {
		margin-top: 16px;
	}
	
	main .map > div .address > .btn {
		margin-top: 16px;
	}
	
	main .map > div > .btn {
		margin-top: 40px;
	}
	
}