@font-face {
    font-family: 'Antro_Vectra';
    src: url('/wp-content/themes/a/fonts/Antro_Vectra.eot') format('embedded-opentype'),
        url('/wp-content/themes/a/fonts/Antro_Vectra.woff') format('woff'),
        url('/wp-content/themes/a/fonts/Antro_Vectra.ttf') format('truetype'),
        url('/wp-content/themes/a/fonts/Antro_Vectra.woff2') format('woff2'),
        url('/wp-content/themes/a/fonts/Antro_Vectra.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ===================
ABOUT_PAGE
=================== */
h2{
	display:flex;
	align-items:center;
	font-size:23px;
}

h2:before{
	display:block;
	content:"";
	border-top:1px solid #333;
	width:47px;
	margin-right:15.5px;
}

p{
	font-size:15px;
  line-height: 2.0;
}

li{
	list-style:none;
}

.visual,
.visualMt{
	width:100%;
}

.visualMt{
	background:url("/wp-content/themes/a/img/about/mt.jpg") no-repeat center;
	background-size:cover;
	height:518px;
}

.visual img{
	width:100%;
}

.aboutTop{
	position:relative;
	background:url("/wp-content/themes/a/img/about/about_kv.jpg") no-repeat center;
	background-size:cover;
	height:730px;
}

.pageTitle{
	font-size:71px;
	color:#fff;
	width:100%;
	max-width:1320px;
	position:absolute;
	top: 40%;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

#kigakuLogo{
	width:211px;
	margin-bottom:215.2px;
}

.aboutConteiner,
.contactUs{
	width:1320px;
	margin:0 auto;
}

.aboutContent,
.afterServiceMenu{
	display:flex;
	justify-content: center;
}

.engArea{
	margin-right:188.9px;
}

.verticalText{
	writing-mode: vertical-rl;
}

#MASSAGE h2{
	margin-bottom:186px;
}

#MASSAGE h3{
	font-size:32px;
	margin-bottom:57px;
}

#MASSAGE p{
	font-size:13px;
}

#MASSAGE .aboutConteiner{
	position:relative;
}

#MASSAGE .subTitle{
	writing-mode: vertical-rl;
	position:absolute;
	top:-305px;
	right:0;
	font-size:36px;
	height:650px;
}

#MASSAGE .subTitle:before{
	display: inline-block;
	content: "";
	border-right: 1px solid #707070;
	height: 243px;
	margin-bottom:44.5px;
}

#MASSAGE .subTitle span{
	display:block;
	padding-top:320px;
	margin-right:20px;
}

#MASSAGE{
	margin:95px 0 283px;
}

#PROFILE h3{
	font-size:28px;
	margin-bottom:70px;
}

#PROFILE h3 span{
	font-size:12px;
	margin-left:17.5px;
}

#PROFILE h2{
	margin-bottom:87.5px;
}

#PROFILE .imageArea{
	position:relative;
}

#PROFILE .hisName{
	font-family:'Antro_Vectra';
	position:absolute;
	font-size:46px;
	bottom:-60px;
	right:145px;
	transform: rotate(-5deg);
}

.aboutSns{
	display:flex;
	margin-top:76px;
}

.followMe{
	margin-right:48px;
}

.insta{
	margin-right:24.8px;
}

#yamamotoImage{
	width:514px;
	margin-right:203px;
}

.profileArea{
	width:603px;
	font-size:15px;
	margin:auto 0;
}

#PROFILE{
	margin-bottom:260px;
}

#PHILOSOPHY h2{
	margin-bottom:79px
}

#PHILOSOPHY h3{
	font-size:32px;
	margin-bottom:71px;
}

#PHILOSOPHY h3 br{
	display:none;
}

#PHILOSOPHY h3 span{
	display:block;
	font-size:16px;
	margin-top: 21px;
}

#PHILOSOPHY .textArea{
	margin-right:151.8px;
	font-size:15px;
}

#PHILOSOPHY{
	margin-bottom:247px;
}

#PRICE h2{
	margin-bottom:141px;
}

#PRICE h3{
	width:115px;
	padding-bottom:12.5px;
	font-size:23px;
	text-align:center;
	margin:0 auto 101px;
	border-bottom:1px solid #707070;
}

#kigakuPrice,
#atherPrice{
	width:660px;
	text-align:center;
}

#kigakuPrice h4,
#atherPrice h4{
	border:1px solid #707070;
	font-size:18px;
}

#kigakuPrice h4{
	width:234px;
	padding:17.5px 14px 19.5px;
	margin:0 auto 66px;
}

.unitPrice{
	font-size:18px;
	margin-bottom:43px;
}

.caution{
	font-size:13px;
	margin-bottom:4px;
}

#atherPrice h4{
	width:296px;
	margin:0 auto 55px;
	padding:20px 13px 17px;
}

#PRICE{
	margin:175px 0 351px
}

#AFTERSERVISE h2{
	margin-bottom:217px;
}

#AFTERSERVISE h3{
	font-size:32px;
	margin-bottom:59px;
}

#AFTERSERVISE h3 br{
	display:none;
}

#AFTERSERVISE .textArea{
	margin:auto 243px auto 0;
}

.afterServiceMenu{
	margin-top:60px;
}

.afterServiceMenu li{
	border:1px solid #707070;
	font-size:18px;
}

.afterServiceMenu li:first-child{
	padding:20px 44px 17px;
	margin-right:18px;
}

.afterServiceMenu li:nth-child(2){
	padding:20px 31px 17px 32px;
}

#AFTERSERVISE{
	margin-bottom:311px;
}

#COMPANYINFO h2{
	margin-bottom:2px;
}

#COMPANYINFO ul{
	width:860px;
	margin:0 0 0 auto;
}

#COMPANYINFO li{
	border-top:1px solid #707070;
	padding:35.5px 0 33.5px
}

#COMPANYINFO li span{
	margin-left:140px;
}

#COMPANYINFO li:nth-child(4) span{
	margin-left:125px;
}

#COMPANYINFO li:last-child{
	border-bottom:1px solid #707070;
}

#COMPANYINFO li:last-child span{
	margin-left:110px;
}

#COMPANYINFO{
	margin-bottom:244px;
}

.contactUs{
	position:relative;
	margin-bottom:126px;
}

.contactText{
	position:absolute;
	font-size:38px;
	color:#fff;
	width:266px;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
}

.contactText a{
	text-decoration:none;
	color:#fff;
}

.topLink{
	width:197px;
	margin:0 auto 160px;
	border:1px solid #707070;
	padding:24px 42.3px 20px 43px;
	text-align:center;
}

.topLink a{
	text-decoration:none;
	display:block;
	width:100%;
	font-size:16px;
}

.topLink a::after{
	content:">";
	margin-left:15px;
	font-weight:bold;
}

@media screen and (max-width:480px){
	h2:before{
		width:11.5px;
		margin-right:6.5px;
	}

	img{
		width:100%;
	}

  br{
    display: none
  }

	h3{
		line-height: 1.5;
	}

	.aboutConteiner,
	.contactUs{
		width:90%;
		margin:0 auto;
	}

	.visualMt{
		height:418px;
	}

	.aboutTop{
		height:304px;
	}

	.aboutContent{
		flex-flow: column;
	}

	.verticalText{
		writing-mode: horizontal-tb;
	}

	.pageTitle{
		font-size:32px;
		width:90%;
	}

	#kigakuLogo{
		width:122px;
		margin-bottom:101.2px;
	}

	.engArea{
		margin:0 auto;
		order:3;
	}

	#MASSAGE h2{
		font-size:23px;
		margin-bottom:95.4px;
	}

	#MASSAGE h3{
		font-size:24px;
		margin-bottom:27px;
	}

	#MASSAGE h3 br{
		display:none;
	}

	#MASSAGE p{
		font-size:12px;
	}

	#MASSAGE .verticalText{
		font-size:16px;
		margin-bottom:66px;
		order:2;
	}

	#MASSAGE .subTitle{
		position:static;
		writing-mode: horizontal-tb;
		height:auto;
		font-size:32px;
		margin-bottom:53px;
		order:1;
	}

	#MASSAGE .subTitle:before{
		display:none;
	}

	#MASSAGE .subTitle span{
		display:inline;
	}

	#MASSAGE{
		margin:58px 0 154px;
	}

	#yamamotoImage{
		width:100%;
		position:relative;
		left:-6%;
	}

	.profileArea{
		width:100%;
	}

	#PROFILE h2{
		margin-bottom:61.5px;
	}

	#PROFILE h3{
		margin-bottom:72px;
	}

	.aboutSns{
		margin-top:44px;
	}

	#PROFILE .imageArea{
		margin-bottom:132.8px;
	}

	#PROFILE .hisName{
		font-size:33px;
		bottom:-55px;
		right:-10px;
	}

	#PROFILE{
		margin-bottom:157px;
	}

	#PHILOSOPHY .textArea{
		margin:0 auto 82px;
	}

	#PHILOSOPHY h3{
		margin-bottom:68px;
	}

	#PHILOSOPHY h3 br{
		display:inline;
	}

	#PHILOSOPHY h3 span{
		font-size:14px;
		margin-top:44px;
	}

	#PHILOSOPHY{
		margin-bottom:181.3px;
	}

	#kigakuPrice,
	#atherPrice{
		width:100%;
		text-align:center;
	}

	#kigakuPrice{
		border:none;
		margin-bottom:80px;
	}

	#PRICE h2{
		margin-bottom:78.5px;
	}

	#PRICE h3{
		margin:0 auto 64px;
	}

	#PRICE{
		margin:122px auto 132px;
	}

	.afterServiceMenu{
		margin-top:59px;
	}

	.afterServiceMenu{
		justify-content: space-between;
	}

	.afterServiceMenu li{
		font-size:0.8em;
	}

	.afterServiceMenu li:first-child{
		padding:19px 43px 15px 40px;
		margin-right:16px;
	}

	.afterServiceMenu li:nth-child(2){
		padding:19px 32px 15px 30px;
	}

	#AFTERSERVISE h2{
		margin-bottom:91px;
	}

	#AFTERSERVISE h3{
		margin-bottom:54px;
	}

	#AFTERSERVISE h3 br{
		display:inline;
	}

	#AFTERSERVISE .textArea{
		margin:0 auto 42px;
	}

  #AFTERSERVISE .textArea p br{
    display: none;
  }

	#AFTERSERVISE{
		margin-bottom:142px;
	}

	#COMPANYINFO h2{
		margin-bottom:71px;
	}

	#COMPANYINFO ul{
		width:100%;
		margin:0 0 0 auto;
	}

	#COMPANYINFO li{
		font-size:12px;
	}

	#COMPANYINFO li span{
		margin-left:52px;
	}

	#COMPANYINFO li:nth-child(4) span{
		margin-left:40px;
	}

	#COMPANYINFO li:last-child{
		border-bottom:1px solid #707070;
	}

	#COMPANYINFO li:last-child span{
		margin-left:28px;
	}

	#COMPANYINFO{
		margin-bottom:142px;
	}

	.contactUs{
		margin-bottom:66px;
	}

	.contactUs img{
		width:100%;
	}

	.contactText{
		font-size:29px;
		left:61%;
	}
}