@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
}


#header{
	width: 100%;
	height: 50px;
	background: #3399ff;
}

.tableheader {
	border-collapse: collapse;
	width: 100%;
	max-width: 1000px;
	height: 50px;
	border: 0px solid #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.nav {
	display:flex;
	justify-content: center;
	width: 100%;
	background: #fffffa;
	margin: 0 auto;
	padding: 0.5rem 0;
}

.link {
	width: 6.0%;
	text-align: center;
	margin: 0 0.25rem 0 0.25rem;
	padding: 0;
}

.link01 {
	font-weight: 400;
	font-size: 1.0rem;
	color: #3377ff;
	margin: 0.5rem 2.0rem 0 2.0rem;
}

.h1-title {
	font-size: 0.8em;
	color: #ffffff;
}

.ttd02 {
	width: 240px;
}

.ttd03 {
	width: 100px;
}

.h1logo {
	margin: 0 0 0 0.25rem;
}


.t-title {
	margin: -1px 0 0 0;
}

.t-title02 {
	width: 240px;
	margin: 0 0.5rem 0 0;
}


.header2 {
	width: 100%;
	max-width: 1000px;
}

.headerphoto {
	width: 100%;
}


h1 {
	display: inline;
 }




/*ナビ*/

.nav {
	display:flex;
	justify-content: center;
	width: 100%;
	background: #ffffff;
	margin: 0 auto;
	padding: 0.5rem 0;
}

.link {
	width: 6.0%;
	text-align: center;
	margin: 0 0.25rem 0 0.25rem;
	padding: 0;
}


.topphoto {
	width: 100%;
}

.topphoto2 {
	width: 100%;
	margin: 80px 0 0 0;
}


/*メインセクション1*/

.wrap {
	width: 100%;
	background-color: #000000;
	padding: 5.0rem 0 0 0;
}

.n-photo {
	display: block;
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
}

.section2 {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 2.0rem 0.5rem 5.0rem 0.5rem;
}

.h3-01 {
	font-family: Noto Serif JP;
	font-size: 1.4rem;
	font-weight: 300;
	color: #ffff00;
	line-height: 2.0;
	text-align: center;
	margin: 1.0rem 0 2.0rem 0;
}

.p-01 {
	font-size: 1.0rem;
	font-weight: normal;
	color: #ffff00;
	line-height: 2.0;
	text-align: justify;
	text-justify: inter-ideograph;
	margin: 0;
}

.section5 {
	background-color: #ff9532;
	width: 100%;
	padding: 5.0rem 0;
}

.profile {
	display: flex;
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}

.profile2 {
	max-width: 600px;
	margin: 0;
	padding: 0;
}

.p-photo {
	width: 100%;
	margin: 0;
}

.profile3 {
	max-width: 600px;
	margin: 0;
	padding: 0 0 0 2.0rem;
}

.h3-sk {
	font-family: Noto Serif JP;
	font-size: 1.4rem;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.75;
	text-align: center;
	text-justify: inter-ideograph;
	margin: 0 0 0.5rem 0;
}



.p-sk {
	font-family: Noto Serif JP;
	font-size: 1.0rem;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.75;
	text-align: center;
	margin:0 0 2.0rem 0;
}

.p-sk02 {
	font-family: Noto Serif JP;
	font-size: 1.0rem;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.75;
	text-align: justify;
	text-justify: inter-ideograph;
	margin:0;
}


.p-sk2 {
	font-family: Noto Serif JP;
	font-size: 0.8rem;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-left: 1em;
	text-indent: -1em;
	margin: 0:
}


.section3 {
	background-color: #fffff0;
	width: 100%;
	padding: 5.0rem 0;
}

.live {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
}

.p-live {
	font-size: 1.75rem;
	font-weight: normal;
	color: #333333;
	line-height: 2.0;
	text-align: center;
	margin: 0 0 1.0rem 0;
}

.photo-live {
	width: 100%;
	margin: 0;
}

.live2 {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0.5rem 1.0rem 0 1.0rem;
}

.p-live2 {
	font-size: 1.2rem;
	font-weight: normal;
	color: #333333;
	line-height: 2.0;
	text-align: justify;
	text-justify: inter-ideograph;
}



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

}


@media screen and (min-width: 701px) {

#top-head {
	display: none;
}

.topphoto2 {
	display: none;
}


}


/* mobile */

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


.topphoto {
	display: none;
}

.h3-01 {
	font-size: 1.0rem;
}

.p-01 {
	font-size: 0.8rem;
}

.section5 {
	padding: 2.0rem 0;
}

.profile {
	flex-direction: column;
}

.profile2 {
	width:95%x;
}

.p-photo {
	width: 100%;
}

.profile3 {
	width:95%x;
	margin: 0;
	padding: 1.0rem 0.5rem;
}

.h3-sk {
	font-size: 1.2rem;
}

.p-live {
	font-size: 1.2rem;
}

.live2 {
	width: 95%;
	padding: 0.5rem;
}

.p-live2 {
	font-size: 1.0rem;
}




/*nav*/

#header {
	display: none;
}

.nav {
	display: none;
}

.inner {
    width: 1000px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}


}