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

/* ==========================
.top_visual
============================= */
.mainvisual{
	background: url(../img/mainvisual_bg.png) no-repeat center;
	background-size: cover;
}
/* ==========================
.staff_wrap
============================= */
.staff_wrap{
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
	    max-width: 800px;
    margin: auto;
}
.staff_box{
	margin: 25px;
	position: relative;
	height:315px;
	overflow: hidden;
}
.staff_box a{
	display: block;
	opacity: 1;
}
.staff_box a img{
	opacity: 1;
}

.staff_img{
	background: url(../img/staff_img01.png) no-repeat center;
	width: 180px;
	height: 253px;
	/*margin-right: 10px;*/
}
.staff_img.s1{
	
}
.staff_img.s2{
	background: url(../img/staff_img02.png) no-repeat center;
}
.staff_img.s3{
	background: url(../img/staff_img03.png) no-repeat center;
}
.staff_img.s4{
	background: url(../img/staff_img04.png) no-repeat center;
}
.staff_img.s5{
	background: url(../img/staff_img05.png) no-repeat center;
}
.staff_img.s6{
	background: url(../img/staff_img06.png) no-repeat center;
}
.staff_img.s7{
	background: url(../img/staff_img07.png) no-repeat center;
}
.staff_box a:hover .staff_img{
	transition:0.4s;
}
.staff_box a:hover .staff_img.s1{
	background: url(../img/staff_img01_on.png) no-repeat center;
}
.staff_box a:hover .staff_img.s2{
	background: url(../img/staff_img02_on.png) no-repeat center;
}
.staff_box a:hover .staff_img.s3{
	background: url(../img/staff_img03_on.png) no-repeat center;
}
.staff_box a:hover .staff_img.s4{
	background: url(../img/staff_img04_on.png) no-repeat center;
}
.staff_box a:hover .staff_img.s5{
	background: url(../img/staff_img05_on.png) no-repeat center;
}
.staff_box a:hover .staff_img.s6{
	background: url(../img/staff_img06_on.png) no-repeat center;
}
.staff_box a:hover .staff_img.s7{
	background: url(../img/staff_img07_on.png) no-repeat center;
}
.staff_txt{
	position: absolute;
	right: 0;
	bottom: 0;
}
/* ==========================
.staff_txt_wrap
============================= */

.box.blue ,.box.blue .staff_txt_wrap{
	padding-bottom: 0px;
}

.top_img{
	overflow: hidden;
	margin-bottom: 50px;
	height: 385px;
	display: flex;
	align-items: center;
	padding: 0 0 0 40px;
	flex-wrap: wrap;
}
.top_inner{
	
}
.message{
	width: 100%;
	color: #2d3393;
	font-size: 250%;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 55px;
}
.name_box{
	display: flex;
}
.name_img{
	border-right:1px solid #000;
	padding-right: 50px;
	margin-right: 50px;
}
.txt2{
	font-weight: bold;
}
.top_img.b1{
	background: url(../img/main_img011.png) no-repeat center;
}
.top_img.b2{
	background: url(../img/main_img021.png) no-repeat center;
}
.top_img.b3{
	background: url(../img/main_img031.png) no-repeat center;
}
.top_img.b4{
	background: url(../img/main_img041.png) no-repeat center;
}
.top_img.b5{
	background: url(../img/main_img051.png) no-repeat center;
}
.top_img.b6{
	background: url(../img/main_img061.png) no-repeat center;
}
.top_img.b7{
	background: url(../img/main_img071.png) no-repeat center;
}
.staff_side_box{
	display: flex;
	justify-content: flex-start;
	position: relative;
	margin-bottom: 50px;
	
}
.staff_side_box.re{
	flex-direction: row-reverse;
	justify-content: flex-start;
	display: block;
	    overflow: hidden;
	margin-bottom: 0px;
}
.staff_side_box.re img{
	margin-top: 95px;
}
.small_txt{
	font-size: 90%;
}
.indent{
	padding-left: 1em;
	text-indent: -1em;
}
.indent2{
	padding-left: 6em;
	text-indent: -6em;
}
.staff_txt_area{
	background-color: rgba(236, 235, 240,0.9);
	padding: 25px 25px 0px 25px;
	max-width: 545px;
	position: relative;
	left:0;
	top: 0;
	margin-top: 45px;
	z-index: 2;
	    min-height: 350px;
}


.staff_side_box.re .staff_txt_area{
	background-color: rgba(255,255,255,0.9);
	right: 0;
	left: auto;
	margin-top: 0px;
	    float: right;
    position: absolute;
}
.staff_txt_img{
    position: absolute;
    float: right;
    right: 0;
    top: 0;
    z-index: 1;
}
.staff_side_box.re .staff_txt_img{
	right: auto;
	left: 0;
	position: static;
	    float: left;
    margin-bottom: 50px;
}

.staff_txt_area p{
	line-height: 2;
	margin-bottom: 30px;
	font-size: 94%;
}
.staff_txt_area p:last-child{
	margin-bottom: 0px;
}

.staff_txt_area p.note{
	position: absolute;
	bottom: -35px;
	right: 0;
	font-size: 80%;
}


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

/* ==========================
.staff_wrap 
============================= */
.staff_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.staff_box {
    margin: auto;
    position: relative;
    height: 290px;
    overflow: hidden;
    width: 46%;
    margin-bottom: 30px;
    /*padding-right: 2%;*/
	}
.staff_img{
	width: 100%;
	}
.staff_txt {
    position: absolute;
    /*right: -5%;*/
    bottom: 0;
    width: 100%;
	}
/* ==========================
.top_img
============================= */
.top_img {
    overflow: hidden;
    margin-bottom: 0px;
    height: auto;
    display: block;
	padding:30px 5%;
	}
	.message {
	font-size: 180%;
	    margin-bottom: 30px;
	}
	.name_box {
       display: block;
    justify-content: center;
    /* float: right; */
    margin-bottom: 80%;
	}
.name_img {
       padding-right: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    border: none;
	}
.staff_side_box{
	display: block;
	}
.staff_txt_area{
	display: block;
	position: static;
	}
.staff_txt_area{
	max-width: 100%;
	padding:30px 5%;
	    margin-top: 0px;
	    min-height: 100%;
	}
.staff_side_box.re img {
	margin-top: 0px;
	}

.staff_txt_img{
	padding:0 0 0 0;
	background-color: #fff;
	position: static;
	}
.staff_txt_area p.note {
    position: static;
	}
.staff_side_box {
	background-color: #fff;
	margin-bottom: 0px;
	}
	
.top_img.b1{
	background: url(../img/sp_main_img011.png) no-repeat center;
	background-size: cover;
}
.top_img.b2{
	background: url(../img/sp_main_img021.png) no-repeat center;
	background-size: cover;
}
.top_img.b3{
	background: url(../img/sp_main_img031.png) no-repeat center;
	background-size: cover;
}
.top_img.b4{
	background: url(../img/sp_main_img041.png) no-repeat center;
	background-size: cover;
}
.top_img.b5{
	background: url(../img/sp_main_img051.png) no-repeat center;
	background-size: cover;
}
.top_img.b6{
	background: url(../img/sp_main_img061.png) no-repeat center;
	background-size: cover;
}
.top_img.b7{
	background: url(../img/sp_main_img071.png) no-repeat center;
	background-size: cover;
}
.staff_txt_wrap{
	padding-bottom: 0px;
	}
.box.blue, .box.blue .staff_txt_wrap {
    padding-bottom: 30px;
}
.staff_side_box.re .staff_txt_area{
	position: static;
	}
.staff_side_box.re .staff_txt_img{
	margin-bottom: 0px;
	}
}
@media print {
.staff_side_box {
	display: block;
	}
.staff_txt_area{
	padding: 25px;
	    top: 45px;
	}
	

}