@charset "UTF-8";

/*CSSDocument*/


/* share
===============================================================*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{ clear:both;}




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

.c-headTitle {
	font-size: 24px;
	line-height: 1.3;
	text-align: left;
	background: #3f3a39;
	color: #FFF;
	font-weight: 700;
	display: table;
	width: 100%;
	margin-bottom: 40px;
}
.c-headTitle span {
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}
.c-headTitle-num {
	width: 78px;
	background: #f08200;
	color: #FFF;
	font-size: 40px;
	font-style: italic;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-align: right;
	position: relative;
	box-sizing: border-box;
	padding-right: 5px;
}
.c-headTitle-num:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -70px;
	margin: auto;
	content: '';
	vertical-align: middle;
	box-sizing: border-box;
	width: 35px;
	height: 35px;
	border: 35px solid transparent;
	border-left: 35px solid #f08200;	
}
.c-headTitle-text {
	padding-left: 60px;
	text-align: left;
}

.c-text {
	font-size: 20px;
	line-height: 2.4;
	text-align: left;
}
.c-text + .c-headTitle {
	margin-top: 60px;
}
figure {
	margin: 45px 0 0 0;
}
figcaption {
	margin: 22px 0 0 0;
	font-size: 18px;
	line-height: 1.4;
	text-align: left;
}

figure + .c-headTitle {
	margin-top: 60px;
}
@media screen and (max-width: 1000px) {
	.c-headTitle {
		font-size: 20px;
		line-height: 1.3;
		display: table;
		margin-bottom: 30px;
	}
	.c-headTitle span {
		height: 70px;
		display: table-cell;
		vertical-align: middle;
	}
	.c-headTitle-num {
		width: 65px;
		font-size: 30px;
		padding-right: 5px;
	}
	.c-headTitle-num:before {
		right: -70px;
		width: 35px;
		height: 35px;
		border: 35px solid transparent;
		border-left: 35px solid #f08200;	
	}
	.c-headTitle-text {
		padding-left: 60px;
		text-align: left;
	}

	.c-text {
		font-size: 16px;
		line-height: 2.4;
		text-align: left;
	}
	.c-text + .c-headTitle {
		margin-top: 40px;
	}
	figure {
		margin: 35px 0 0 0;
	}
	figcaption {
		margin: 22px 0 0 0;
		font-size: 14px;
		line-height: 1.4;
		text-align: left;
	}

	figure + .c-headTitle {
		margin-top: 40px;
	}	
}
@media screen and (max-width: 640px) {
	.c-headTitle {
		font-size: 16px;
		line-height: 1.3;
		display: table;
		margin-bottom: 20px;
	}
	.c-headTitle span {
		height: 70px;
		display: table-cell;
		vertical-align: middle;
	}
	.c-headTitle-num {
		width: 45px;
		font-size: 20px;
		padding-right: 5px;
	}
	.c-headTitle-num:before {
		right: -55px;
		width: 35px;
		height: 35px;
		border: 35px solid transparent;
		border-left: 20px solid #f08200;	
	}
	.c-headTitle-text {
		padding-left: 30px;
		text-align: left;
		padding-right: 10px;
	}

	.c-text {
		font-size: 14px;
		line-height: 2;
	}
	.c-text + .c-headTitle {
		margin-top: 40px;
	}
	figure {
		margin: 25px 0 0 0;
	}
	figcaption {
		margin: 17px 0 0 0;
		font-size: 12px;
		line-height: 1.4;
		text-align: left;
	}

	figure + .c-headTitle {
		margin-top: 40px;
	}	
}




.p-main {
}
.p-main .main02 {
	display: none;
}
.p-mainBottom {
	background: #eeefef;
}
.p-mainBottom p {
	text-align: right;
	font-weight: 900;
	font-size: 1.25vw;
	line-height: 1.4;
	display: table;
	width: 100%;
}
.p-mainBottom p span {
	display: table-cell;
	vertical-align: middle;
	height: 5.2vw;
}
.p-mainPartsBottom {
	position: relative;
}
.p-mainPartsBottom:after {
	content: '';
	display: block;
	background: url(../images/back_02.png) no-repeat left top;
	background-size: 100% auto;
	width: 33%;
	height: 1000px;
	top:-5.2vw;
	left: 0;
	position: absolute;
	z-index: 10;
}

@media screen and (max-width: 1200px) {
	.p-main {
	}
	.p-main .main01 {
		display: none;
	}
	.p-main .main02 {
		display: inline;
	}
	.p-mainBottom {
		background: #eeefef;
	}
	.p-mainBottom p {
		text-align: right;
		font-weight: 900;
		font-size: 20px;
		line-height: 1.4;
		display: table;
		width: 100%;
		position: relative;
		z-index: 1000;
	}
	.p-mainBottom p span {
		display: table-cell;
		vertical-align: middle;
		height: 6.2vw;
	}
	.p-mainPartsBottom {
		position: relative;
	}
	.p-mainPartsBottom:after {
		content: '';
		display: block;
		background: url(../images/back_02_02.png) no-repeat left top;
		background-size: 100% auto;
		width: 29.01%;
		height: 1000px;
		top:-6.2vw;
		left: 0;
		position: absolute;
		z-index: 10;
	}
}
@media screen and (max-width: 700px) {
	.p-mainBottom p {
		font-size: 2vw;
		line-height: 1.4;
	}	
}


.p-content {
	margin-bottom: 156px;
	position: relative;
	z-index: 100;
}
.p-contentHead {
	padding: 55px 0 0 0;
	margin-bottom: 40px;
}
.p-contentHead-text {
	font-size: 18px;
	line-height: 1.5;
	text-align: right;
	margin-bottom: 40px;
}
.p-contentHead-text span {
	display: inline-block;
	position: relative;
	padding-left: 47px;
	text-align: left;
}
.p-contentHead-text span:before {
	background: url(../images/icon.png) no-repeat center center;
	width: 32px;
	height: 30px;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top:6px;
	bottom:0;
	margin: auto;
}
.p-contentHead-title {
	font-size: 2.34vw;
	line-height: 1.6;
	text-align: right;
	font-weight: 900;
}
@media screen and (max-width: 1200px) {
	.p-contentHead-title {
		font-size: 3.4vw;
		line-height: 1.6;
	}
	.p-contentHead {
		padding: 55px 0 0 0;
		margin-bottom: 40px;
	}	
}
@media screen and (max-width: 700px) {
	.p-content {
		margin-bottom: 80px;
	}
	.p-contentHead {
		padding: 35px 0 0 0;
		margin-bottom: 30px;
	}		
	.p-contentHead-text {
		font-size: 12px;
		margin-left: 20%;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.p-contentHead-text span {
		display: inline-block;
		position: relative;
		padding-left: 32px;
		text-align: left;
	}
	.p-contentHead-text span:before {
		background: url(../images/icon.png) no-repeat center center;
		background-size: cover;
		width: 22px;
		height: 20px;
		left: 0;
		top:6px;
		bottom:0;
		margin: auto;
	}
	.p-contentHead-title {
		font-size: 3.9vw;
		line-height: 1.6;
	}	
}






.p-profile {
	background: #eeeeee;
	margin-bottom: 131px;
}
.p-profileFrame {
	display: table;
	width: 100%;
}
.p-profile-txtWrap ,
.p-profile-photo {
	display: table-cell;
	vertical-align: top;
}
.p-profile-txtWrap {
	text-align: left;
}
.p-profile-subTitle {
	font-size: 18px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 27px;
}
.p-profile-subTitle span {
	display: inline-block;
	background: #000;
	color: #FFF;
	padding: 10px 15px 12px 15px;
	font-weight: bold;
}
.p-profile-name {
	font-size: 24px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
}
.p-profile-job {
	font-size: 24px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 20px;
	font-weight: bold;
}
.p-profile-txt {
	font-size: 18px;
	line-height: 1.75;
	text-align: left;
}
.p-profile-photo {
	width: 303px;
}


@media screen and (max-width: 1200px) {
	.p-profile {
		margin-bottom: 80px;
	}
	.p-profileFrame {
		display: table;
	}
	.p-profile-txtWrap ,
	.p-profile-photo {
		display: table-cell;
		vertical-align: top;
	}
	.p-profile-txtWrap {
		text-align: left;
	}
	.p-profile-subTitle {
		font-size: 14px;
		line-height: 1.4;
		text-align: left;
		margin-bottom: 20px;
	}
	.p-profile-subTitle span {
		padding: 10px 15px 12px 15px;
	}
	.p-profile-name {
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 10px;		
	}
	.p-profile-job {
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 15px;
		padding-right: 20px;
	}
	.p-profile-txt {
		font-size: 16px;
		line-height: 1.75;
		text-align: left;
		padding-right: 20px;
	}
	.p-profile-photo {
		width: 303px;
	}
}

@media screen and (max-width: 640px) {
	.p-profile {
		margin-bottom: 80px;
	}
	.p-profileFrame {
		display: block;
		padding-bottom: 20px;
	}
	.p-profile-txtWrap ,
	.p-profile-photo {
		display: block;
	}
	.p-profile-txtWrap {
		text-align: left;
		margin-bottom: 20px;
	}
	.p-profile-subTitle {
		font-size: 14px;
		line-height: 1.4;
		text-align: center;
		margin-bottom: 20px;
	}
	.p-profile-subTitle span {
		padding: 10px 15px 12px 15px;
	}
	.p-profile-name {
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 10px;		
	}
	.p-profile-job {
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 15px;
		padding-right: 0px;
	}
	.p-profile-txt {
		font-size: 14px;
		line-height: 1.75;
		padding-right: 0px;
	}
	.p-profile-photo {
		width: 100%;
		margin: 
			0 auto;
		max-width: 303px;
	}
}



.p-contact {
	background: url(../images/back_01.png) no-repeat center center;
	background-size: cover;
	padding: 70px 0 79px 0;
}
.p-contact-txt {
	font-size: 24px;
	line-height: 1.333;
	text-align: center;
	color: #FFF;
	margin-bottom: 35px;
}
.p-contact-btnWrap {
	text-align: center;
}
.p-contact-btnWrap a {
	display: inline-block;
	background: #fff100;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	line-height: 80px;
	height: 80px;
	font-style: italic;	
	width: 100%;
	max-width: 400px;
}
@media screen and (max-width: 640px) {
	.p-contact {
		background: url(../images/back_01.png) no-repeat center center;
		background-size: cover;
		padding: 40px 0 50px 0;
	}
	.p-contact-txt {
		font-size: 16px;
		line-height: 1.333;
		margin-bottom: 25px;
	}
	.p-contact-btnWrap {
	}
	.p-contact-btnWrap a {
		display: inline-block;
		background: #fff100;
		color: #000;
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		line-height: 50px;
		height: 50px;
		font-style: italic;	
		width: 100%;
		max-width: 240px;
	}
	
}