/*
Theme Name: Chromes2025
Theme URI: https://polyphonic.me/
Author: Polyphonic
Author URI: https://polyphonic.me/
Description: Wall Street is a responsive WordPress business theme for savvy entrepreneurs and startups.
Version: 1.1.10
License: GNU General Public License, V2
License URI: license.txt
Text Domain: wallstreet
Domain Path: /languages/
Tags: black, white, light, dark, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 1.0vw;
	line-height: 1.8;
	overflow-x: hidden;
	background: #606060;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
}

a {
	color: #222;
	text-decoration: none;
}
a:hover {
	color: #222;
}
html {
	scroll-behavior: smooth;
}
br.brsp {
	display: none;
}
br.brpc {
	
}
img.pcimg {
	display: block;
}
img.spimg {
	display: none;
}
.pcnon {
	display: none;
}

#main-container {
	width: 100%;
	max-width: 100%;
}
/*
----------------------------------------------
LOADING Tablet Portrait /  Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	br.brsp {
		display: inline-block;
	}
	span.spnon {
		display: none;
	}
	br.spnon {
		display: none;
	}
	img.pcimg {
		display: none;
	}
	img.spimg {
		display: block;
	}
	.spnon {
		display: none;
	}
	.pcnon {
		display: block;
	}
}

/*
----------------------------------------------
HEADER
----------------------------------------------
*/
#header-wrapper {
	width: 100vw;
	height: auto;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
#header-wrapper h1 {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 3vw;
	right: 5vw;
}
#header-wrapper h1 img {
	width: 100%;
}
#header_menu {
	background-size: 100%;
	height: auto;
	margin: 0 auto;
}
#header_menu ul {
	display: flex;
	justify-content: flex-start;
}
#header_menu ul li {
	list-style: none;
	margin: 1.5vw 0 0 2.1vw;
	letter-spacing: 0.1vw;
}
#header_menu ul li a {
	color: #fff;
	font-weight: 500;
}
#header_menu ul li.nav01 a:hover,
#header_menu ul li.nav02 a:hover,
#header_menu ul li.nav03 a:hover,
#header_menu ul li.nav04 a:hover {
	text-decoration-line: line-through;
	text-decoration-thickness: 2px;
}
#mobile-header {
	display: none;
}
#navi-wrapper {
	display: none;
}
body.about #header_menu ul li.nav01 a {
	text-decoration-line: line-through;
	text-decoration-thickness: 2px;
}
body.works #header_menu ul li.nav02 a {
	text-decoration-line: line-through;
	text-decoration-thickness: 2px;
}
body.access #header_menu ul li.nav03 a {
	text-decoration-line: line-through;
	text-decoration-thickness: 2px;
}
body.contact #header_menu ul li.nav04 a {
	text-decoration-line: line-through;
	text-decoration-thickness: 2px;
}

.c-btn.slide {
	background: none;
	color: #fff;
	overflow: hidden;
	position: relative;
 	z-index: 1;
}
 .c-btn.slide::after {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: .2s;
	z-index: -1;
}
.c-btn.slide:hover {
 	color: #606060;
}
#header_menu ul li.c-btn.slide a:hover {
	color: #606060;
}
.c-btn.slide:hover::after {
	transform: scale(1, 1);
}

/*
----------------------------------------------
CONTENT
----------------------------------------------
*/
.content-wrapper {
	width: 100vw;
	height: auto;
	clear: both;
	position: relative;
}
/*
----------------------------------------------
CONTENT Tablet Portrait /  Smart Phone
----------------------------------------------
*/

@media screen and (max-width: 1024px) {
	.content-wrapper {
		padding-top: 0;
	}
}

/*
----------------------------------------------
NAVIGATION
----------------------------------------------
*/
#navi-wrapper #nav_toggle {
    display: none;
    width: 40px;
    height: 40px;
    background: none;
    z-index: 3001;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
	transform: none;
}
#navi-wrapper #nav_toggle div {
	position: relative;
}
#navi-wrapper #nav_toggle div span {
    display: block;
    height: 1px;
    background: #ffffff;
    position: absolute;
    width: 30px;
    left: 5px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#navi-wrapper #nav_toggle div span:nth-child(1) {
    top: 9px;
}
#navi-wrapper #nav_toggle div span:nth-child(2) {
    top: 19px;
}
#navi-wrapper #nav_toggle div span:nth-child(3) {
    top: 29px;
}
#navi-wrapper #nav_toggle.open div span:nth-child(1) {
	top: 20px;
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#navi-wrapper #nav_toggle.open div span:nth-child(2) {
	width: 0px;
}
#navi-wrapper #nav_toggle.open div span:nth-child(3) {
	top: 20px;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

ul.entry-link-sp {
	display: none;
}
/*
----------------------------------------------
HEADER NAVIGATION Tablet Portrait
----------------------------------------------
*/

@media screen and (max-width: 1024px) {
	#header-wrapper {
		display: none;
	}
	#mobile-header h1 {
		width: 26vw;
		height: 26vw;
		position: absolute;
		top: 12vw;
		left: 10vw;
	}
	#mobile-header h1 img {
		width: 100%;
	}
	#mobile-header {
		display: inline-block;
		background-: none;
		width: 100vw;
		position: fixed;
		top: 0;
		z-index: 999;
	}
	#navi-wrapper {
		width: 100%;
		height: 0px;
		position: fixed;
		top: 0;
		z-index: 1001;
		background: #fff;
		margin: 0 0 0;
		transform: none;
		display: block;
	}
	#navi-wrapper #nav_toggle {
		display: block;
		position: absolute;
		top: 12px;
		right: 20px;
	}
	#navi-wrapper #inner_menu {
		width: 50vw;
		height: 0;
		background: rgba(51,51,51,0.8);
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		position: fixed;
		top: 0;
		left: 50vw;
		bottom: 0;
		z-index: 3000;
		box-sizing: border-box;
		padding: 0px;
		display: flex;
		overflow-y: auto;
	}
	#navi-wrapper #inner_menu.open {
		height: 52vh;
	}
	body.menu-open {
		overflow: hidden;
	}
	#inner_menu ul {
		margin-top: 10vw;
		padding: 5vw 0 5vw 12vw;
	}
	#inner_menu ul li {
		margin-bottom: 5vw;
	}
	#inner_menu ul li a {
		font-size: 3.6vw;
		color: #fff;
		font-weight: 500;
		letter-spacing: 1px;
	}
	#inner_menu ul li.nav04 {
		margin-bottom: 10vw;
	}
	#inner_menu ul li.nav05 {
		margin-left: -4em;
	}
	#inner_menu ul li.nav06 {
		margin-left: -4em;
	}
}

/*
----------------------------------------------
HEADER NAVIGATION Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 440px) {
}

/*
----------------------------------------------
FOOTER
----------------------------------------------
*/
footer {
	width: 100vw;
	clear: both;
	color: #fff;
	display: block;
	padding-top: 5vw;
}
footer .copy {
	text-align: center;
	font-size: 11px;
	padding: 3em 0 8em;
	color: #fff;
	letter-spacing: 1px;
}
.home footer {
	position: absolute;
	bottom: 2vw;
}
.home footer .copy {
	padding: 0 0 0;
}

/*
----------------------------------------------
FOOTER Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 440px) {
	.home footer {
		position: absolute;
		bottom: 10vw;
	}
}

/*
----------------------------------------------
FADEIN PAGING
----------------------------------------------
*/
.animation-bg {
	background: #222;
	content: "";
	position: fixed;
	z-index: 1001;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	animation-name: PageAnime-fade;
	animation-duration: 1.0s;
	animation-delay: 0.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	pointer-events: none;
}

@keyframes PageAnime-fade {
	0% {
    	opacity: 1;
	}
	100% {
		opacity: 0;
		display: none;
	}
}

/*
----------------------------------------------
HOME SLIDER
----------------------------------------------
*/
.swiper-wrapper {
	height: calc(100vh - 90px) !important;
}

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes zoom {
  0% {
    background-size: 100%; /* 初期サイズ */
  }
  100% {
    background-size: 130%; /* 初期サイズに戻る */
  }
}

.topimg-wrapper {
	display: flex;
}
.slide-itemsA,
.slide-itemsB {
	width: 50%;
}
.slide-itemsA article,
.slide-itemsB article {
	width: 100%;
	height: 100vh;
}
.home .slide-itemsA article:nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-a-1.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.home .slide-itemsA article:nth-of-type(2) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-a-2.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.home .slide-itemsA article:nth-of-type(3) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-a-3.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.home .slide-itemsA article:nth-of-type(4) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-a-4.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.home .slide-itemsA article:nth-of-type(5) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-a-5.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.home .slide-itemsB article:nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-b-1.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.home .slide-itemsB article:nth-of-type(2) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-b-2.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.home .slide-itemsB article:nth-of-type(3) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-b-3.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.home .slide-itemsB article:nth-of-type(4) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-b-4.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.home .slide-itemsB article:nth-of-type(5) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-b-5.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}

.about .slide-itemsA article:nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-b-2.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.about .slide-itemsB article:nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/aboutimg-b-1.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}

.works .slide-itemsA article:nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/worksimg01.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.works .slide-itemsB article:nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-a-1.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}

.access .slide-itemsA article:nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/accessimg-a-1.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.access .slide-itemsB article:nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/topimg-b-3.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}

.contact .slide-itemsA article:nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/contactimg-a-1-1.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}
.contact .slide-itemsB article:nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/contactimg-b-1.jpg") no-repeat;
	background-position: right top;
	background-size: cover;
}

/*
----------------------------------------------
HOME SLIDER Tablet Portrait
----------------------------------------------
*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	.slide-itemsA,
	.slide-itemsB {
		width: 100%;
	}
	.slide-itemsA article,
	.slide-itemsB article {
		width: 100%;
		height: 100vh;
	}
	.slide-itemsB {
		display: none;
	}
	.home .slide-itemsA article:nth-of-type(1) {
		background-position: 30% top;
	}
	.home .slide-itemsA article:nth-of-type(2) {
	}
	.home .slide-itemsA article:nth-of-type(3) {
		background-position: 10% top;
	}
	.home .slide-itemsA article:nth-of-type(4) {
		background-position: 40% top;
	}
	.home .slide-itemsA article:nth-of-type(5) {
		background-position: 50% top;
	}
	.works .slide-itemsA article:nth-of-type(1) {
		background: url("https://chromes.jp/cms/wp-content/uploads/worksimg01.jpg") no-repeat;
		background-position: 50% top;
		background-size: cover;
	}
}

/*
----------------------------------------------
HOME SLIDER Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	.swiper {
		
	}
	/*.swiper-wrapper {
		height: 35vh !important;
	}
	/*.swiper-slide img {
		width: 100vh !important;
		height: 70vh !important;
		max-inline-size: none !important;
		max-block-size: 100% !important;
	}*/
	.swiper-wrapper .swiper-slide h3 {
		top: 2vh;
		left: 5vw;
		font-size: 2.6vh;
	}
	.swiper-wrapper .swiper-slide p {
		top: 7vh;
		left: 5vw;
		font-size: 8vw;
	}
	.swiper-wrapper .swiper-slide img {
		width: 50vw;
	}
}

/*
----------------------------------------------
PAGE TITLE
----------------------------------------------
*/

.page-title {
	width: 80%;
	margin: 0 auto;
	padding: 8vw 0 5vw;
}
.page-title h2 {
	font-size: 1.2vw;
	font-weight: 500;
	letter-spacing: 0.1vw;
}

/*
----------------------------------------------
PAGE TITLE Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	.page-title {
		width: 90%;
		margin: 0 auto;
		padding: 15vw 0 5vw;
	}
	.page-title h2 {
		font-size: 4vw;
	}
}

/*
----------------------------------------------
ABOUT
----------------------------------------------
*/
.about-wrapper-pc {
	display: flex;
	flex-wrap: wrap;
}
.about-wrapper-pc .left-content {
	width: 50%;
}
.about-wrapper-pc .left-content img {
	width: 100%;
	vertical-align: bottom;
}
.about-wrapper-pc .right-content {
	width: 50%;
}
.about-wrapper-pc .right-content p {
	font-size: 1vw;
	line-height: 2.4;
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
	width: 60%;
	margin: 0 25% 6em 15%;
}
.about-wrapper-pc .right-content p strong {
	font-size: 1.1em;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 4;
}
.about-wrapper-pc .right-content p:nth-of-type(4) {
	margin: 0 25% 9em 15%;
}
.about-wrapper-pc .right-content p:nth-of-type(5) {
	margin: 0 25% 1em 15%;
}
.about-wrapper-pc .right-content p.logo-img {
	width: 31vw;
	height: 31vw;
	background: url(https://chromes.jp/cms/wp-content/uploads/logo-img.png) no-repeat;
	background-size: 100%;
}
.about-wrapper-pc .right-content p.white-border {
	border-bottom: 1px solid #fff;
    width: 60%;
    padding: 0 0 2em;
    margin: 0 25% 3em 15%;
}
.about-wrapper-pc .right-content .company-info {
	width: 50%;
	margin: 0 30% 1.5em 20%;
}
.about-wrapper-pc .right-content .company-info table {
	margin-top: 2em;
}
.about-wrapper-pc .right-content .company-info table th {
	width: 30%;
}
.about-wrapper-pc .right-content .company-info table td {
	width: 70%;
}
.about-wrapper-pc .right-content .company-info table th,
.about-wrapper-pc .right-content .company-info table td {
	padding: 7px 0;
}

.about-wrapper-sp {
	display: none;
}


/*
----------------------------------------------
ABOUT Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	.about-wrapper-sp {
		display: flex;
		flex-wrap: wrap;
	}
	.about-wrapper-sp p {
		font-size: 3vw;
		line-height: 2.4;
		font-family: "Zen Old Mincho", serif;
		font-weight: 400;
		font-style: normal;
		width: 90%;
		margin: 0 auto 16vw;
	}
	.about-wrapper-sp p:nth-of-type(3) {
        margin: 0 auto 10vw;
    
    }
	.about-wrapper-sp p strong {
		font-size: 1.1em;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 500;
		font-style: normal;
		line-height: 6;
	}
	.about-wrapper-sp .about-img-wrapper {
		display: flex;
		width: 100%;
		margin: 0 auto 16vw;
	}
	.about-wrapper-sp .about-img-wrapper img {
		width: 50%;
	}
	.about-wrapper-sp p.logo-img {
		width: 100vw;
		height: 100vw;
		background: url(https://chromes.jp/cms/wp-content/uploads/logo-img.png) no-repeat;
		background-size: 100%;
	}
	.about-wrapper-sp p.white-border {
		border-bottom: 1px solid #fff;
		width: 90%;
		padding: 0 0 2em;
		margin: 0 auto 3em;
	}
	.about-wrapper-sp .company-info {
		font-size: 3.0vw;
		width: 90%;
		margin: 0 auto 1.5em;
	}
	.about-wrapper-sp .company-info table {
		margin-top: 2em;
	}
	.about-wrapper-sp .company-info table th {
		width: 30%;
	}
	.about-wrapper-sp .company-info table td {
		width: 70%;
	}
	.about-wrapper-sp .company-info table th,
	.about-wrapper-sp .right-content .company-info table td {
		padding: 7px 0;
	}
	.about-wrapper-pc {
		display: none;
	}

}

/*
----------------------------------------------
WORKS
----------------------------------------------
*/
.works-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.works-wrapper.pcnon {
	display: none;
}
.works-wrapper img {
	width: 50vw;
	vertical-align: bottom;
}
.works-wrapper article {
	width: 50vw;
	height: 65vw;
	vertical-align: bottom;
}
/*.works-wrapper article::nth-of-type(1) {
	background: url("https://chromes.jp/cms/wp-content/uploads/worksimg-sp-01.jpg") no-repeat;
}*/
.about-wrapper-pc .right-content {
	width: 50%;
}
p.bottom-caps {
	width: 80%;
	margin: 0 auto;
	padding: 3em 0 0;
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
}
p.bottom-caps a {
	color: #fff;
	text-decoration: underline;
}

/*
----------------------------------------------
WORKS Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	.works-wrapper.pcnon {
		display: flex;
	}
	.works-wrapper.spnon {
		display: none;
	}
	.works-wrapper article {
		height: 52vh;
		width: 50vw;
	}
	.works-wrapper article:nth-of-type(1) {
		background-position: 
	}
	p.bottom-caps {
		font-size: 3.0vw;
	}
}

/*
----------------------------------------------
ACCESS
----------------------------------------------
*/
.access-wrapper {
	width: 85%;
	margin: 0 auto;
}
.works-wrapper img {
	width: 50%;
	vertical-align: bottom;
}
.gmap-box {
	width: 100%;
	margin: 0 auto;
}
#access-map {
	margin-bottom: 1em;
}
a.maplink {
	color: #fff;
	width: 85%;
	margin: 0 0 0 2.5%;
}
.address {
	line-height: 2.0;
	width: 85%;
	margin: 2.5em 0 5em 2.5%;
	letter-spacing: 0.1vw;
}
.access-img {
	width: 100%;
}

/*
----------------------------------------------
ACCESS Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	a.maplink,
	.address {
		font-size: 3.3vw;
	}
}

/*
----------------------------------------------
CONTACT
----------------------------------------------
*/
.contact-wrapper {
	width: 80%;
	margin: 0 auto;
}
.contact-wrapper ul {
	width: 70%;
	margin-top: 4.5em;
}
.contact-wrapper ul li {
	margin-bottom: 2em;
}
.contact-wrapper ul li input,
.contact-wrapper ul li textarea {
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 15px 0 10px;
}
.contact-wrapper ul li input::placeholder,
.contact-wrapper ul li textarea::placeholder {
	color: #858585;
}
.contact-wrapper input[type="submit"] {
	background: #fff;
	color: #000;
	padding: 10px 6em;
	width: auto;
	font-weight: 500;
	margin-top: 4.5em;
}
.contact-wrapper p {
	width: 70%;
}
.contact-wrapper p.privacy-link {
	text-align: right;
	margin-top: 1.5em;
}
.contact-wrapper p.privacy-link a {
	color: #fff;
	text-decoration: underline;
}

/*
----------------------------------------------
CONTACT Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	.contact-wrapper {
		width: 90%;
		margin: 0 auto;
	}
	.contact-wrapper ul {
		width: 100%;
		margin-top: 4.5em;
	}
	.contact-wrapper ul li {
		margin-bottom: 2em;
		font-size: 3.3vw;
	}
	.contact-wrapper ul li input,
	.contact-wrapper ul li textarea {
		width: 100%;
		font-size: 3.3vw;
	}
	.contact-wrapper input[type="submit"] {
		font-size: 3.3vw;
	}
	.contact-wrapper p {
		width: 100%;
		font-size: 3.0vw;
	}
}

/*
----------------------------------------------
PRIVACY
----------------------------------------------
*/
.privacy-wrapper {
	width: 60%;
	margin: 0 30% 0 10%;
}
.privacy-wrapper h5 {
	font-weight: 500;
	padding: 3em 0 .5em;
}


/*
----------------------------------------------
PRIVACY Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	.privacy-wrapper {
		font-size: 3vw;
	}
}

/*
----------------------------------------------
OTHER
----------------------------------------------
*/
br.sp {
	display: none;
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
	br.sp {
		display: inline;
	}
	br.sp {
		display: inline;
	}
}





/*
----------------------------------------------
TOP　Tablet Portrait /  Smart Phone
----------------------------------------------
*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
}