@charset "UTF-8";

@media screen and (max-width: 768px) {
/*
=========================================
	common
=========================================
*/
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
img {
	width: 100%;
	height: auto;
}
/*
=========================================
	ather
=========================================
*/
.wrap {
	background: url(../images/main_visual_sp.png) top no-repeat;
	background-size: contain;
}
.header__inner {
	width: 100%;
	padding: 3% 3% 0;
	box-sizing: border-box;
}
.header__logo{
	width: 30%
}
.header__logo img{
	vertical-align: middle;
	max-width: 50%;
}
.header__credit {
	padding: 0;
	line-height: 150%;
	font-size: 1.5vw;
	width: 70%
}
.mainVisual h1 {
	width: 100%;
	padding: 5% 3%;
	box-sizing: border-box;
}
.mainContent {
	width: 95%;
	padding: 3%;
}
.mainContent .photo {
	width: 30%;
}
.mainContent .outline{
	padding: 0 0 5%;
}
.mainContent .outline p{
	width: 65%;
	text-align: left;
}
.mainContent .plofile{
	width: 100%;
}
.mainContent p{
	font-size: 4vw;
	padding: 0 0 5%;
}
.mainContent .plofile dl{
	padding: 3%;
	margin: 0 0 0;
	font-size: 3vw;
}
.punctuation h2{
	font-size: 5vw;
	margin: 0 0 5%;
	line-height: 150%;
}
.punctuation{
	/*padding: 0 0 5%;*/
	padding: 0 0 0;
}
.punctuation .picture img{
	/*margin: 5% 0 3%;*/
	margin: 0;
	padding: 0 0 5%;
}
.punctuation .picture span{
	font-size: 80%;
	margin-top: 3%;
}
.mb55{
	margin-bottom: 5% !important;
}
.earth{
	padding: 0 25% 5%;
}
footer{
	font-size: 2.5vw;
	padding: 5% 5% 5%;
}
.pageTop{
	right: 3%;
	bottom: 3%;
}
.pageTop img{
	width: 60%;
}






}

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