@charset "UTF-8";

/* CSS Document */
/*--------------*/
/*人を知る　トップ*/
/*--------------*/

/*メインビジュアル*/
div.mainImagePerson{
	background-size: cover;
	background-position: center center;
	background-image: url(../img/person_main_image.jpg);
	position: relative;
	color:#FFFFFF;
}

div.mainImagePerson h1{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: bold;
	text-align: center;
	text-shadow:0px -1px 5px rgba(0,0,0,0.6), 0px 1px 5px rgba(0,0,0,0.6),1px 0px 5px rgba(0,0,0,0.6),-1px 0px 5px rgba(0,0,0,0.6);
	-moz-text-shadow: 0px -1px 5px rgba(0,0,0,0.6), 0px 1px 5px rgba(0,0,0,0.6),1px 0px 5px rgba(0,0,0,0.6),-1px 0px 5px rgba(0,0,0,0.6);
    -o-text-shadow: 0px -1px 5px rgba(0,0,0,0.6), 0px 1px 5px rgba(0,0,0,0.6),1px 0px 5px rgba(0,0,0,0.6),-1px 0px 5px rgba(0,0,0,0.6);
    -ms-text-shadow: 0px -1px 5px rgba(0,0,0,0.6), 0px 1px 5px rgba(0,0,0,0.6),1px 0px 5px rgba(0,0,0,0.6),-1px 0px 5px rgba(0,0,0,0.6);
}

div.mainImagePerson p{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: bold;
	text-align: center;
	text-shadow:0px -1px 5px rgba(0,0,0,0.6), 0px 1px 5px rgba(0,0,0,0.6),1px 0px 5px rgba(0,0,0,0.6),-1px 0px 5px rgba(0,0,0,0.6);
	-moz-text-shadow: 0px -1px 5px rgba(0,0,0,0.6), 0px 1px 5px rgba(0,0,0,0.6),1px 0px 5px rgba(0,0,0,0.6),-1px 0px 5px rgba(0,0,0,0.6);
    -o-text-shadow: 0px -1px 5px rgba(0,0,0,0.6), 0px 1px 5px rgba(0,0,0,0.6),1px 0px 5px rgba(0,0,0,0.6),-1px 0px 5px rgba(0,0,0,0.6);
    -ms-text-shadow: 0px -1px 5px rgba(0,0,0,0.6), 0px 1px 5px rgba(0,0,0,0.6),1px 0px 5px rgba(0,0,0,0.6),-1px 0px 5px rgba(0,0,0,0.6);
}
/*スマホ*/
@media screen and (max-width:767px) {
div.mainImagePerson .inner{
	padding:15% 0;
}

div.mainImagePerson h1{
	font-size: 25px;
}

div.mainImagePerson p{
	font-size: 15px;
}
}

/*タブレット*/
@media screen and (min-width: 768px) and (max-width: 979px) { 
div.mainImagePerson .inner{
	padding:9% 0;
}

div.mainImagePerson h1{
	font-size: 50px;
}

div.mainImagePerson p{
	font-size: 25px;
}
}

/*PC*/
@media screen and (min-width:980px) {
div.mainImagePerson .inner{
	padding:100px 0;
}

div.mainImagePerson h1{
	font-size: 70px;
}

div.mainImagePerson p{
	font-size: 30px;
}
}


/*コンテンツ*/
span.fontSizeSmall{
font-size: 0.8em;
}

.personAreaNew {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 1400px;
    padding: 0 15px;
}

/*スマホ・タブレット*/
@media screen and (max-width:767px) {
.personAreaNew .box {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
}	
.personAreaNew .box:nth-child(even) {
    margin-right: 0;
}
}

.cautionText{
	max-width: 1400px;
	margin: 0 auto;
    padding: 0 15px 1em;
}