@charset "UTF-8";
/* CSS Document */
/*  BEAUTY  */
#main_area{
	margin:0 auto 50px auto;
	position:relative;
}
#main_area .bg_block{
	width:100%;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
}
#main_area  .bg_block .photo_block{
	width:47%;
	display:block;
	background:url("/about/images/profile.jpg") no-repeat center top;
	background-size:cover;
}
#main_area .bg_block .copy_block{
	width:53%;
	
	font-size:1.077vw;
	line-height:2.0;
	letter-spacing:0.05rem;
	
	display:inline-block;
	padding:10px 0 10px 35px;
}

#main_area .bg_block .copy_block h1{
	font-family: 'Noto Serif JP', serif;
	font-size:2.2vw;
	font-weight:200;
	line-height:1.4;
	letter-spacing:0.15rem;
	color:#000;
	text-align:center;
	
	padding-top:10px;
	margin-bottom:40px;
}
#main_area .bg_block .copy_block h1 span{
	font-size:0.923vw;
	display:block;
}
#main_area .bg_block .copy_block h5{
	font-family: 'Noto Serif JP', serif;
	font-size:1.077vw;
	font-weight:200;
	line-height:1.8;
	color:#000;
	text-align:center;
	
	margin-bottom:40px;
}
@media screen and (max-width:767px) {
	#main_area{
		margin:90px auto 50px auto;
		position:relative;
	}
	#main_area .bg_block{
		width:90%;
		margin:0 auto;
		
		display:block;
	}
	#main_area  .bg_block .photo_block{
		width:40%;
		height:23vh;
		display:block;
		background:url("/about/images/profile.jpg") no-repeat center top;
		background-size:cover;
		
		margin:0 auto 15px auto;
	}
	#main_area .bg_block .copy_block{
		width:100%;
		font-size:12px;
		line-height:2.0;
		letter-spacing:0.05rem;

		display:inline-block;
		padding:0;
	}

	#main_area .bg_block .copy_block h1{
		font-family: 'Noto Serif JP', serif;
		font-size:20px;
		font-weight:200;
		line-height:1.4;
		letter-spacing:0.15rem;
		color:#000;
		text-align:center;

		padding-top:0;
		margin-bottom:15px;
	}
	#main_area .bg_block .copy_block h1 span{
		font-size:10px;
		display:block;
	}
	#main_area .bg_block .copy_block h5{
		font-family: 'Noto Serif JP', serif;
		font-size:10px;
		font-weight:200;
		line-height:1.8;
		color:#000;
		text-align:center;

		margin-bottom:15px;
	}
}

/* SUB01 */

#sub_area{
	margin:0 auto;
	position:relative;
}
#sub_area .bg_block{
	width:100%;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
	
	padding:30px;
	
	background:#f6f6f6;
}
#sub_area  .bg_block .photo_block{
	width:49.8%;
	display:block;
	padding:0;
}
#sub_area  .bg_block .photo_block img{
	width:100%;
}
#sub_area .bg_block .copy_block{
	width:45%;
	
	display:inline-block;
	padding:10px 0;
	margin-left:40px;
}

#sub_area .bg_block .copy_block span{
	font-family: 'Noto Serif JP', serif;
	font-size:1.846vw;
	font-weight:200;
	line-height:1.0;
	letter-spacing:0.15rem;
	display:block;
	padding-bottom:10px;
}
#sub_area .bg_block .copy_block p{
	font-size:1.0vw;
	line-height:1.8;
	text-align:left;
}
@media screen and (max-width:767px) {
	#sub_area{
		margin:0 auto;
		position:relative;
		
		background:#f6f6f6;
	}
	#sub_area .bg_block{
		width:90%;
		display:block;

		padding:30px 0;
		
		margin:0 auto;

		
	}
	#sub_area  .bg_block .photo_block{
		width:100%;
		display:block;
		padding:0;
	}
	#sub_area  .bg_block .photo_block img{
		width:100%;
	}
	#sub_area .bg_block .copy_block{
		width:100%;

		display:inline-block;
		padding:10px 0;
		margin-left:0;
	}

	#sub_area .bg_block .copy_block span{
		font-family: 'Noto Serif JP', serif;
		font-size:13px;
		font-weight:200;
		line-height:1.0;
		letter-spacing:0.15rem;
		display:block;
		padding-bottom:10px;
	}
	#sub_area .bg_block .copy_block p{
		font-size:12px;
		line-height:1.8;
		text-align:left;
	}
}
/* SUB02 */

#sub02_area{
	margin:0 auto 70px auto;
	position:relative;
}
#sub02_area .bg_block{
	width:100%;
}
#sub02_area .bg_block .copy_block{
	width:100%;
	
	display:inline-block;
	
	margin:25px 0 0 0;
	padding:25px 30px;
}
#sub02_area .bg_block .copy_block span{
	font-family: 'Noto Serif JP', serif;
	font-size:1.846vw;
	font-weight:200;
	padding-bottom:5px;
	margin-bottom:15px;
	
	display:block;
	
	border-bottom:dotted 1px #000;	
}
#sub02_area .bg_block .copy_block p{
	font-size:1.0vw;
	line-height:1.8;
	text-align:left;
	
	display:block;
}
#sub02_area .bg_block .copy_block .photo{
	width:13.571vw;
}
#sub02_area .bg_block .copy_block .photo img{
	width:100%;
}
#sub02_area .bg_block .gr{
	background:#f6f6f6;
}
#sub02_area .bg_block .copy_block .profile_block{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
	
	align-items:flex-start;
	
	font-size:0.923vw;
	line-height:1.6;
	text-align:left;
}
#sub02_area .bg_block .copy_block .profile_block dl{
	width:48%;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}
#sub02_area .bg_block .copy_block .profile_block dt{
	width:25%;
	padding:5px 0;
}
#sub02_area .bg_block .copy_block .profile_block dd{
	width:75%;
	padding:5px 0;
}

#sub02_area .bg_block .copy_block .link_block ul{
	width:100%;
}
#sub02_area .bg_block .copy_block .link_block li{
	width:100%;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
	
	align-items:flex-start;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-size:0.923vw;
	line-height:1.6;
	text-align:left;
	
	padding:10px 0;
	
	border-bottom:solid 1px #f0f0f0;
}
#sub02_area .bg_block .copy_block .link_block h3{
	width:20%;
	
	font-size:1.154vw;
	font-weight:400;
}
#sub02_area .bg_block .copy_block .link_block .add{
	width:70%;
	font-size:1.0vw;
	font-weight:300;
}
#sub02_area .bg_block .copy_block .link_block .caution{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:0.923vw;
	padding:0;
	margin:0;
	border:none;
}
#sub02_area .bg_block .copy_block .link_block　p{
	width:10%;
	display: block;
}
#sub02_area .bg_block .copy_block .link_block a{
	display: block;
	
	font-size:0.923vw;
	font-weight:300;
	text-align:right;
	color:#00d24b;
	
	padding:5px 0;
	
	transition:0.5s;
}
#sub02_area .bg_block .copy_block .link_block a::before{
	content:' ';
	background:url("/about/images/icon_web.svg") no-repeat center;
	background-size:1.0vw;
	display: inline-block;
	width:1.0vw;
	height:1.0vw;
	margin-right:5px;
}
#sub02_area .bg_block .copy_block .link_block a:hover{
	opacity:0.5;
}
@media screen and (max-width:767px) {
	#sub02_area{
		margin:0 auto 40px auto;
		position:relative;
	}
	#sub02_area .bg_block{
		width:100%;
	}
	#sub02_area .bg_block .copy_block{
		width:100%;

		display:inline-block;

		margin:15px 0 0 0;
		padding:15px 5%;
	}
	#sub02_area .bg_block .copy_block span{
		font-family: 'Noto Serif JP', serif;
		font-size:13px;
		font-weight:200;
		padding-bottom:5px;
		margin-bottom:15px;

		display:block;

		border-bottom:dotted 1px #000;	
	}
	#sub02_area .bg_block .copy_block p{
		font-size:11px;
		line-height:1.8;
		text-align:left;

		display:block;
	}
	#sub02_area .bg_block .copy_block .photo{
	width:25vw;
}
	#sub02_area .bg_block .gr{
		background:#f6f6f6;
	}
	#sub02_area .bg_block .copy_block .profile_block{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;

		align-items:flex-start;

		font-size:11px;
		line-height:1.6;
		text-align:left;
	}
	#sub02_area .bg_block .copy_block .profile_block dl{
		width:100%;
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
	}
	#sub02_area .bg_block .copy_block .profile_block dt{
		width:25%;
		padding:5px 0;
	}
	#sub02_area .bg_block .copy_block .profile_block dd{
		width:75%;
		padding:5px 0;
	}

	#sub02_area .bg_block .copy_block .link_block ul{
		width:100%;
	}
	#sub02_area .bg_block .copy_block .link_block li{
		width:100%;
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;

		align-items:flex-start;

		font-family: 'Noto Sans JP', sans-serif;
		font-size:11px;
		line-height:1.6;
		text-align:left;

		padding:10px 0;

		border-bottom:solid 1px #f0f0f0;
	}
	#sub02_area .bg_block .copy_block .link_block h3{
		width:100%;

		font-size:12px;
		font-weight:400;
	}
	#sub02_area .bg_block .copy_block .link_block .add{
		width:100%;
		font-size:11px;
		font-weight:300;
	}
	#sub02_area .bg_block .copy_block .link_block .caution{
		font-family: 'Noto Sans JP', sans-serif;
		font-size:10px;
		padding:0;
		margin:0;
		border:none;
	}
	#sub02_area .bg_block .copy_block .link_block　p{
		width:10%;
		display: block;
	}
	#sub02_area .bg_block .copy_block .link_block a{
		display: block;

		font-size:10px;
		font-weight:300;
		text-align:right;
		color:#00d24b;

		padding:5px 0 0 0;

		transition:0.5s;
	}
	#sub02_area .bg_block .copy_block .link_block a::before{
		content:' ';
		background:url("/about/images/icon_web.svg") no-repeat center;
		background-size:11px;
		display: inline-block;
		width:11px;
		height:11px;
		margin-right:5px;
		margin-top:3px;
	}
	#sub02_area .bg_block .copy_block .link_block a:hover{
		opacity:0.5;
	}
}