@charset "UTF-8";


/** --------------------
	header
-------------------- **/

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

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


/** --------------------
	main
-------------------- **/
/** -- fv -- **/
.fv {
	position: relative;
	height: calc(100vh - 80px);
	width: 100%;
}
.fv .sec_inner {
	align-items: center;
	display: flex;
	position: relative;
	height: 100%;
}

/** inner **/
.fv .inner {
	margin-left: 40px;
	position: relative;
}
.fv .inner h1 {
    font-size: 80px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 1.3;
    margin-bottom: 60px;
}
.fv .inner p {
	font-size: 14px;
    font-weight: 500;
	line-height: 1.8;
	margin-left: 10px;
}

.fv .circle {
	background: transparent;
	border: 100px solid #fff;
	border-radius: 50%;
	filter: blur(50px);
	position: absolute;
	right: 0;
	top: calc(50% + 100px);
	transform: translateY(-50%);
	height: 1870px;
	width: 1870px;
	z-index: -1;

}
.fv .circle span {
	background: #fff;
	border-radius: 50%;
	display: block;
	filter: drop-shadow(0px 0px 99px rgba(255, 180, 92, 0.46)) blur(25.466999053955078px);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 1163px;
	width: 1163px;
}

/** scroll **/
.fv .scroll {
    position: absolute;
	bottom: 50px;
    left: 60px;
    z-index: 2;
}
.fv .scroll p {
	color: #BAB3B3;
	font-family: 'futura-pt', sans-serif;
	font-size: 19px;
	font-weight: 500;
	transform: rotate(55deg);
}
.fv .scroll svg {
    transform: rotate(-15deg);
    position: absolute;
    left: -34px;
    top: -210px;
    height: 180px;
    width: 35px;
}

@media screen and (max-width: 1760px) {
	.fv {
		height: calc(100vh - 4.5vw);
	}

	/** inner **/
	.fv .inner {
		margin-left: 2.3vw;
	}
	.fv .inner h1 {
        font-size: 4.5vw;
        letter-spacing: .6vw;
        margin-bottom: 3.4vw;
	}
	.fv .inner p {
		font-size: .8vw;
		margin-left: .6vw;
	}

	.fv .circle {
        border: 5.7vw solid #fff;
        top: calc(50% + 5.7vw);
        height: 102vw;
        width: 102vw;

	}
	.fv .circle span {
		height: 66.3vw;
		width: 66.3vw;
	}

	/** scroll **/
	.fv .scroll {
		bottom: 2.8vw;
		left: 3.4vw;
	}
	.fv .scroll p {
		font-size: 1.1vw;
	}
	.fv .scroll svg {
        left: -2vw;
        top: -12vw;
        height: 10.3vw;
        width: 2vw;
	}
}

@media screen and (max-width: 780px) {
	.fv {
		padding-bottom: 10vw;
		padding-top: 16vw;
		height: auto;
	}

	/** inner **/
	.fv .inner {
		margin-left: 0;
	}
	.fv .inner h1 {
        font-size: 6vw;
        letter-spacing: .6vw;
        margin-bottom: 3.4vw;
	}
	.fv .inner p {
        font-size: 3vw;
        margin-left: 0;
        margin-top: 8vw;
	}

	.fv .circle {
        border: 8vw solid #fff;
        filter: blur(14px);
        top: calc(50% + 8vw);
        height: 110vw;
        width: 110vw;

	}
	.fv .circle span {
        filter: drop-shadow(0px 0px 4vw rgba(255, 180, 92, 0.8)) blur(10px);
        height: 70vw;
        width: 70vw;
	}

	/** scroll **/
	.fv .scroll {
        bottom: -13vw;
        left: 8vw;
	}
	.fv .scroll p {
		font-size: 3vw;
		transform: rotate(42deg);
	}
	.fv .scroll svg {
        left: -6vw;
		top: -16vw;
		transform: rotate(-33deg);
        height: 14vw;
        width: 3vw;
	}
}


/** -- about -- **/
.about {
	margin-top: 300px;
}

/** inner **/
.about .headline_1::after {
	background: white;
	border-radius: 50%;
	content: '';
	display: block;
	filter: blur(30px);
	position: absolute;
	left: -30px;
	top: -30px;
	height: 480px;
	width: 480px;
	z-index: -1;
}

.about .inner .image {
	margin-left: -218px;
	padding-top: 10px;
	width: 624px;
}

.about .inner .text {
	margin-left: 20px;
	width: calc(100% - 624px - 20px + 218px);
}
.about .inner .text p {
	font-size: 20px;
	font-weight: 500;
	line-height: 2.0;
}
.about .inner .text p + p {
	display: table;
	margin-left: auto;
	margin-top: 50px;
}

@media screen and (max-width: 1760px) {
	.about {
		margin-top: 17vw;
	}

	/** inner **/
	.about .headline_1::after {
		left: -1.7vw;
		top: -1.7vw;
		height: 27.3vw;
		width: 27.3vw;
	}

	.about .inner .image {
		margin-left: -11vw;
		padding-top: .6vw;
		width: 35vw;
	}

	.about .inner .text {
		margin-left: 1.2vw;
		width: calc(100% - 35vw - 1.2vw + 11vw);
	}
	.about .inner .text p {
		font-size: 1.14vw;
	}
	.about .inner .text p + p {
		margin-top: 2.8vw;
	}
}

@media screen and (max-width: 780px) {
	.about {
		margin-top: 26vw;
	}

	/** inner **/
	.about .headline_1::after {
		left: -1.7vw;
		top: -1.7vw;
		height: 27.3vw;
		width: 27.3vw;
	}

	.about .inner .image {
        margin: 0 4vw 10vw;
        padding-top: 0;
        width: 100%;
	}

	.about .inner .text {
		margin-left: 0;
		margin-right: 2vw;
		width: 100%;
	}
	.about .inner .text p {
		font-size: 3.4vw;
	}
	.about .inner .text p + p {
		margin-top: 8vw;
	}
}


/** -- service -- **/
.service {
	margin-top: 160px;
}

/** inner **/
.service .inner {
	align-items: center;
}
.service .inner .image {
	background-color: white;
	border-radius: 0 30px 30px 0;
	margin-left: -300px;
	overflow: hidden;
	height: 510px;
	width: 810px;
}
.service .inner .image img {
	object-fit: cover;
	opacity: .7;
	height: 100%;
	width: 100%;
}

.service .inner .text {
	margin-left: 95px;
	width: calc(100% - 810px - 95px + 300px);
}
.service .inner .text p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2.0;
}

/** lineup **/
.service .lineup {
	margin-top: 150px;
	position: relative;
}
.service .lineup::after {
	background: white;
	border-radius: 50%;
	content: '';
	display: block;
	filter: blur(50px);
	position: absolute;
    left: 180px;
    top: -120px;
	height: 763px;
	width: 763px;
	z-index: -1;
}
.service .lineup h3 {
	display: table;
	font-family: 'futura-pt', sans-serif;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 20px;
	margin-left: 30px;
	transform: rotate(-6deg);
}

.service .lineup ul li {
	background-color: white;
	border-radius: 30px;
	box-shadow: 0px 0px 40px rgba(64, 64, 64, 0.17);
	margin-left: 30px;
	padding: 60px 40px;
	height: 100%;
	width: calc(33.3333% - 30px);
}
.service .lineup ul li h4 {
	font-size: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.service .lineup ul li p {
	font-weight: 700;
	line-height: 1.8;
}
.service .lineup ul li:nth-child(2) {
	margin-top: 70px;
}
.service .lineup ul li:nth-child(3) {
	margin-top: 140px;
}

@media screen and (max-width: 1760px) {
	.service {
		margin-top: 9vw;
	}

	/** inner **/
	.service .inner .image {
        margin-left: -16vw;
        height: 29vw;
        width: 46vw;
	}

	.service .inner .text {
		margin-left: 5vw;
		width: calc(100% - 46vw - 5vw + 16vw);
	}
	.service .inner .text p {
		font-size: 1.14vw;
	}

	/** lineup **/
	.service .lineup {
		margin-top: 8.5vw;
	}
	.service .lineup::after {
        left: 10.2vw;
        top: -6.8vw;
        height: 43.5vw;
        width: 43.5vw;
	}
	.service .lineup h3 {
		font-size: 1.7vw;
		letter-spacing: .11vw;
		margin-bottom: 1.2vw;
		margin-left: 1.7vw;
	}

	.service .lineup ul li {
		border-radius: 1.7vw;
		box-shadow: 0px 0px 2.3vw rgba(64, 64, 64, 0.17);
		margin-left: 1.7vw;
		padding: 3.4vw 2.3vw;
		width: calc(33.3333% - 1.7vw);
	}
	.service .lineup ul li h4 {
		font-size: 1.7vw;
		margin-bottom: 1.7vw;
	}
	.service .lineup ul li:nth-child(2) {
		margin-top: 4vw;
	}
	.service .lineup ul li:nth-child(3) {
		margin-top: 8vw;
	}
}

@media screen and (max-width: 780px) {
	.service {
		margin-top: 14vw;
	}

	/** inner **/
	.service .inner .image {
        border-radius: 0 4vw 4vw 0;
        margin-bottom: 8vw;
        margin-left: -4vw;
        height: 50vw;
        width: 100%;
	}

	.service .inner .text {
		margin-left: 0;
		margin-right: 2vw;
		width: 100%;
	}
	.service .inner .text p {
		font-size: 3.4vw;
	}

	/** lineup **/
	.service .lineup {
		margin-top: 16vw;
	}
	.service .lineup::after {
        left: 10.2vw;
        top: -6.8vw;
        height: 43.5vw;
        width: 43.5vw;
	}
	.service .lineup h3 {
        font-size: 4.2vw;
        letter-spacing: .2vw;
        margin-bottom: 6vw;
        margin-left: 0;
	}

	.service .lineup ul li {
        border-radius: 2vw;
        box-shadow: 0px 0px 4vw rgba(64, 64, 64, 0.17);
        margin-left: 0;
        padding: 8vw 6vw;
        width: 100%;
	}
	.service .lineup ul li h4 {
        font-size: 4.6vw;
        margin-bottom: 4vw;
	}
	.service .lineup ul li:nth-child(2) {
		margin-top: 8vw;
	}
	.service .lineup ul li:nth-child(3) {
		margin-top: 8vw;
	}
}


/** -- company -- **/
.company {
	font-weight: 700;
	margin-top: 240px;
}

.company .sec_inner {
	position: relative;
}
.company .deco {
	position: absolute;
	z-index: -1;
}
.company .circle {
    background: #f7f6ec;
    border-radius: 50%;
    filter: drop-shadow(0px 0px 99px rgba(0, 25, 80, 0.53)) blur(50px);
    left: -230px;
    top: -410px;
    height: 617px;
    width: 617px;
}
.company .ellipse {
    right: -70px;
    top: -70px;
    height: 400px;
    width: 1160px;
}
.company .ellipse span {
	background: linear-gradient(rgba(240, 242, 245, 0.83) 0%, rgba(217, 220, 227, 1) 100%);
	border-radius: 94px;
	display: block;
	filter: blur(40px);
	position: absolute;
}
.company .ellipse span:nth-child(1) {
	left: 200px;
	top: 0;
	transform: rotate(-1deg);
	height: 188px;
	width: 641px;
}
.company .ellipse span:nth-child(2) {
	bottom: 80px;
	right: 0;
	transform: rotate(-2deg);
	height: 160px;
	width: 750px;
}
.company .ellipse span:nth-child(3) {
	bottom: 0;
	left: 0;
	transform: rotate(-2deg);
	height: 175px;
	width: 435px;
}

/** headline_1 **/
.company .headline_1 {
	margin-bottom: 0;
}

/** adress **/
.company .adress {
	margin-bottom: 100px;
	margin-left: 160px;
	margin-top: -50px;
	position: relative;
	width: 910px;
}
.company .adress p {
	display: table;
	margin-left: auto;
	padding-left: 20px;
}
.company .adress::after {
	background-color: #584848;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	height: 1px;
	width: 500px;
	z-index: -1;
}

/** mvv **/
.company .mvv + .mvv {
	margin-top: 30px;
}
.company .mvv h3 {
	font-size: 30px;
	letter-spacing:5px;
	width: 430px;
}

.company .mvv .detail {
	position: relative;
	width: calc(100% - 430px);
}
.company .mvv .detail::before,
.company .mvv .detail::after {
	background-color: #584848;
	content: '';
	display: block;
	position: absolute;
	top: 24px;
	height: 1px;
}
.company .mvv .detail::before {
	left: 0;
	width: 200px;
}
.company .mvv .detail::after {
	right: 0;
	width: 570px;
}

.company .mvv .detail h4 {
	font-family: 'futura-pt', sans-serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 20px;
	margin-left: 200px;
	text-align: center;
	width: 120px;
}
.company .mvv .detail p {
	font-size: 14px;
	letter-spacing: 1.5px;
	margin-left: auto;
	margin-right: 50px;
	width: 600px;
}

@media screen and (max-width: 1760px) {
	.company {
		margin-top: 13.7vw;
	}

	.company .circle {
        left: -13.1vw;
        top: -23.2vw;
        height: 35.2vw;
        width: 35.2vw;
	}
	.company .ellipse {
        right: -4vw;
        top: -4vw;
        height: 22.8vw;
        width: 66.1vw;
	}
	.company .ellipse span {
		border-radius: 5vw;
	}
	.company .ellipse span:nth-child(1) {
        left: 11.5vw;
        height: 10.7vw;
        width: 36.6vw;
	}
	.company .ellipse span:nth-child(2) {
        bottom: 4.5vw;
        height: 9.1vw;
        width: 42.8vw;
	}
	.company .ellipse span:nth-child(3) {
        height: 10vw;
        width: 24.8vw;
	}

	/** adress **/
	.company .adress {
		margin-bottom: 5.7vw;
        margin-left: 9.1vw;
        margin-top: -2.9vw;
        width: 51.9vw;
	}
	.company .adress p {
		padding-left: 1.14vw;
	}
	.company .adress::after {
		top: .6vw;
		width: 28.5vw;
	}

	/** mvv **/
	.company .mvv + .mvv {
		margin-top: 1.7vw;
	}
	.company .mvv h3 {
        font-size: 1.7vw;
        letter-spacing: .28vw;
        width: 24.5vw;
	}

	.company .mvv .detail {
		width: calc(100% - 24.5vw);
	}
	.company .mvv .detail::before,
	.company .mvv .detail::after {
		top: 1.3vw;
	}
	.company .mvv .detail::before {
		width: 11.4vw;
	}
	.company .mvv .detail::after {
		width: 33vw;
	}

	.company .mvv .detail h4 {
        font-size: 1.5vw;
        letter-spacing: .11vw;
        margin-bottom: 1.2vw;
        margin-left: 11.4vw;
        width: 7vw;
	}
	.company .mvv .detail p {
		font-size: .8vw;
		letter-spacing: .085vw;
		margin-right: 2.8vw;
		width: 34.2vw;
	}
}

@media screen and (max-width: 780px) {
	.company {
		margin-top: 18vw;
	}

	.company .circle {
        filter: drop-shadow(0px 0px 5vw rgba(0, 25, 80, 0.73)) blur(12px);
        left: -10vw;
        top: -15vw;
        height: 42vw;
        width: 42vw;
    }
	.company .ellipse {
        right: -10vw;
        top: 20vw;
        height: 60vw;
        width: 100%;
	}
	.company .ellipse span {
		border-radius: 5vw;
		filter: blur(30px);
	}
	.company .ellipse span:nth-child(1) {
		left: 10vw;
		height: 30vw;
		width: 50vw;
	}
	.company .ellipse span:nth-child(2) {
		bottom: 23vw;
		height: 20vw;
		width: 60vw;
	}
	.company .ellipse span:nth-child(3) {
		height: 30vw;
		width: 60vw;
	}

	/** adress **/
	.company .adress {
        margin-bottom: 12vw;
        margin-left: 0;
        margin-top: 4vw;
        width: auto;
	}
	.company .adress p {
        margin-left: 0;
		padding-left: 0;
	}
	.company .adress::after {
		display: none;
	}

	/** mvv **/
	.company .mvv + .mvv {
		margin-top: 12vw;
	}
	.company .mvv h3 {
        font-size: 4.2vw;
        letter-spacing: .6vw;
		margin-bottom: 4vw;
        width: 100%;
	}

	.company .mvv .detail {
		width: 100%;
	}
	.company .mvv .detail::before,
	.company .mvv .detail::after {
        top: 3.4vw;
	}
	.company .mvv .detail::before {
		width: 4vw;
	}
	.company .mvv .detail::after {
		width: 62vw;
	}

	.company .mvv .detail h4 {
        font-size: 4.2vw;
        letter-spacing: .4vw;
        margin-bottom: 4vw;
        margin-left: 6vw;
        text-align: left;
        width: 100%;
	}
	.company .mvv .detail p {
        font-size: 3.4vw;
        letter-spacing: .2vw;
        margin-right: 2vw;
        width: auto;
	}
}


/** -- message -- **/
.message {
	font-weight: 700;
	margin-top: 180px;
}

.message .headline_1 {
	margin-bottom: 100px;
}

/** inner **/
.message .inner {
	padding-left: 530px;
	padding-top: 20px;
	position: relative;
}

.message .inner img {
	border-radius: 4px;
	object-fit: cover;
	position: absolute;
}
.message .inner img.image_1 {
	left: 0;
	top: 0;
	height: 640px;
	width: 480px;
	z-index: 1;
}
.message .inner img.image_2 {
	bottom: 0;
	left: -260px;
	height: 390px;
	width: 294px;
}
.message .inner img.image_3 {
	right: 0;
	top: -90px;
	height: 410px;
	width: 310px;
}
.message .inner img.image_4 {
    bottom: -120px;
    right: -70px;
	height: 225px;
	width: 350px;
}

.message .inner p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2.5;
	width: 440px;
}
.message .inner p + p {
	margin-top: 50px;
	width: auto;
}

@media screen and (max-width: 1760px) {
	.message {
		margin-top: 10.3vw;
	}

	.message .headline_1 {
		margin-bottom: 5.7vw;
	}

	/** inner **/
	.message .inner {
		padding-left: 30.2vw;
		padding-top: 1.2vw;
	}

	.message .inner img {
		border-radius: .3vw;
	}
	.message .inner img.image_1 {
        height: 36.5vw;
        width: 27.4vw;
	}
	.message .inner img.image_2 {
        left: -11vw;
        height: 22.2vw;
        width: 16.8vw;
	}
	.message .inner img.image_3 {
        top: -5.1vw;
        height: 23.4vw;
        width: 17.7vw;
	}
	.message .inner img.image_4 {
        bottom: -6.8vw;
        right: -4vw;
        height: 12.8vw;
        width: 20vw;
	}

	.message .inner p {
		font-size: 1.14vw;
		width: 25vw;
	}
	.message .inner p + p {
		margin-top: 2.8vw;
	}
}

@media screen and (max-width: 780px) {
	.message {
		margin-top: 14vw;
	}

	.message .headline_1 {
		margin-bottom: 8vw;
	}

	/** inner **/
	.message .inner {
		padding-bottom: 62vw;
		padding-left: 0;
		padding-top: 84vw;
	}

	.message .inner img {
		border-radius: 1vw;
	}
	.message .inner img.image_1 {
		left: auto;
		right: 0;
		top: 0;
        height: 72vw;
        width: 58vw;
	}
	.message .inner img.image_2 {
        left: 0;
        top: 34vw;
        height: 48vw;
        width: 34vw;
	}
	.message .inner img.image_3 {
        bottom: 0;
        right: auto;
        left: 0;
        top: auto;
        height: 54vw;
        width: 43vw;
	}
	.message .inner img.image_4 {
        bottom: 30vw;
        right: -2vw;
        height: 32vw;
        width: 50vw;
	}

	.message .inner p {
		font-size: 3.6vw;
		width: 100%;
	}
	.message .inner p + p {
		margin-top: 6vw;
	}
}


/** -- info -- **/
.info {
	margin-top: 250px;
}

/** inner **/
.info .inner {
	margin-left: auto;
	width: 860px;
}
.info .inner .headline_1 {
	margin-bottom: 50px;
}
.info .inner .headline_1 h2 {
	margin-left: 0;
}

.info .inner dl {
	background-image : linear-gradient(to right, #584848 1px, transparent 1px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0 30px 20px;
	position: relative;
}
.info .inner dl + dl {
	margin-top: 20px;
}
.info .inner dl dt {
	align-items: center;
	 margin-bottom: 10px;
}
.info .inner dl dt span {
	font-family: 'futura-pt', sans-serif;
	font-weight: 500;
}
.info .inner dl dt ul {
	align-items: center;
	margin-left: 30px;
}
.info .inner dl dt ul li {
	background-color: white;
	border: solid 1px #BAB3B3;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 700;
	padding: 1px 14px;
}
.info .inner dl dt ul li + li {
	margin-left: 10px;
}
.info .inner dl dd {
	font-size: 14px;
	letter-spacing: 1px;
}
.info .inner dl dd a:hover {
	color: #BAB3B3;
}

@media screen and (max-width: 1760px) {
	.info {
		margin-top: 14.2vw;
	}

	/** inner **/
	.info .inner {
		width: 49vw;
	}
	.info .inner .headline_1 {
		margin-bottom: 2.8vw;
	}

	.info .inner dl {
		background-size: 6px 1px;
		padding: 0 1.7vw 1.2vw;
	}
	.info .inner dl + dl {
		margin-top: 1.2vw;
	}
	.info .inner dl dt {
		margin-bottom: .6vw;
	}
	.info .inner dl dt ul {
		margin-left: 1.7vw;
	}
	.info .inner dl dt ul li {
		border-radius: .28vw;
		font-size: .7vw;
		padding: .07vw .8vw;
	}
	.info .inner dl dt ul li + li {
		margin-left: .6vw;
	}
	.info .inner dl dd {
		font-size: .8vw;
		letter-spacing: .05vw;
	}
}

@media screen and (max-width: 780px) {
	.info {
		margin-top: 16vw;
	}

	/** inner **/
	.info .inner {
		width: auto;
	}
	.info .inner .headline_1 {
		margin-bottom: 2.8vw;
		margin-left: -2vw;
	}

	.info .inner dl {
		background-size: 5px 1px;
		padding: 0 0 5vw;
	}
	.info .inner dl + dl {
		margin-top: 5vw;
	}
	.info .inner dl dt {
        margin-bottom: 2vw;
	}
	.info .inner dl dt ul {
		margin-left: 3vw;
	}
	.info .inner dl dt ul li {
		border-radius: 1vw;
		font-size: 2.8vw;
		padding: .07vw .8vw;
	}
	.info .inner dl dt ul li + li {
		margin-left: 1vw;
	}
	.info .inner dl dd {
		font-size: 3.2vw;
		letter-spacing: .3vw;
	}
}


/** -- contact -- **/
.contact {
	margin-top: 100px;
}

.contact .headline_1 p {
	font-size: 60px;
	letter-spacing: 10px;
}

/** box **/
.contact .box {
	border-radius: 20px;
	padding: 5px;
	transition: ease .3s;
	height: 260px;
	width: 1200px;
}
.contact .box:hover {
	background-color: #BAB3B3;
	border: solid 2px white;
}
.contact .box .inner {
	align-items: center;
	background-color: white;
	border: solid 2px #584848;
	border-radius: 20px;
	display: flex;
	margin: 0 auto;
	padding-left: 100px;
	position: relative;
	transition: ease .3s;
	height: 100%;
	z-index: 1;
}
.contact .box:hover .inner {
	background-color: #BAB3B3;
	border-color: white;
}
.contact .box a {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}
.contact .box p {
	font-size: 30px;
	font-weight: 700;
	transition: ease .3s;
}
.contact .box:hover p {
	color: white;
}

.contact .box .circle {
	align-items: center;
	background-color: white;
	border: solid 1px #584848;
	border-radius: 50%;
	display: flex;
	margin-left: 50px;
	position: relative;
	transition: ease .3s;
	height: 140px;
	width: 140px;
}
.contact .box:hover .circle {
	border-color: white;
}
.contact .box .circle span {
	font-family: 'futura-pt', sans-serif;
	font-size: 30px;
	font-style: italic;
	font-weight: 500;
	text-align: center;
	transition: ease .3s;
	width: 100%;
}
.contact .box:hover .circle span {
	color: #CBCBCB;
}


.contact .box .circle .deco {
	background: transparent;
	border: 1px solid #fff;
	border-radius: 50%;
	filter: blur(5px);
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: ease .3s;
	height: 0;
	width: 0;
}
.contact .box:hover .circle .deco {
	opacity: 1;
}
.contact .box:hover .circle .hover_1 {
	width: 190px;
	height: 190px;
}
.contact .box:hover .circle .hover_2 {
	width: 250px;
	height: 250px;
}
.contact .box:hover .circle .hover_3 {
	width: 305px;
	height: 305px;
}
.contact .box:hover .circle .hover_4 {
	width: 360px;
	height: 360px;
}

@media screen and (max-width: 1760px) {
	.contact {
		margin-top: 5.8vw;
	}

	.contact .headline_1 p {
		font-size: 3.4vw;
		letter-spacing: .6vw;
	}

	/** box **/
	.contact .box {
		border-radius: 1.2vw;
		padding: .28vw;
        height: 14.8vw;
        width: 68vw;
	}
	.contact .box .inner {
		border-radius: 1.2vw;
		padding-left: 5.7vw;
	}
	.contact .box p {
		font-size: 1.7vw;
	}

	.contact .box .circle {
		margin-left: 2.8vw;
		height: 8vw;
		width: 8vw;
	}
	.contact .box .circle span {
		font-size: 1.7vw;
	}
	
	.contact .box:hover .circle .hover_1 {
		width: 11vw;
		height: 11vw;
	}
	.contact .box:hover .circle .hover_2 {
		width: 14vw;
		height: 14vw;
	}
	.contact .box:hover .circle .hover_3 {
		width: 17vw;
		height: 17vw;
	}
	.contact .box:hover .circle .hover_4 {
		width: 20vw;
		height: 20vw;
	}
}

@media screen and (max-width: 780px) {
	.contact {
		margin-top: 14vw;
	}

	.contact .headline_1 p {
        font-size: 4.6vw;
        letter-spacing: 1vw;
	}

	/** box **/
	.contact .box {
        border-radius: 3vw;
        padding: 0;
        height: 42vw;
        width: 100%;
	}
	.contact .box .inner {
		align-items: initial;
        border-radius: 3vw;
		padding: 6vw 4vw;
	}
	.contact .box p {
		font-size: 4vw;
	}

	.contact .box .circle {
        margin-left: 0;
        position: absolute;
        right: 4vw;
        bottom: 4vw;
        height: 18vw;
        width: 18vw;
	}
	.contact .box .circle span {
        font-size: 3.4vw;
	}
}