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

.sponly {
	display: block;
}
.spmask {
	display: none;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');



@media (min-width : 601px) and (max-width : 750px){
}

/*------------------------------
	contents
------------------------------*/
#contents {
}

/*------------------------------
	index
------------------------------*/
#index #kv {
	width: 100%;
	position: relative;
	margin-top: 60px;
	background: url("../../common/bg_kv.jpg") no-repeat center center;
	background-size: cover;
	background-color: #003391;
}
#index #kv h2 {
	text-align: center;
	padding: 44px 0 44px;
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;

	font-family: 'Noto Sans JP', Open Sans;
}
/*------------------------------*/
#index #contents {
	background-image: url("../../common/bg_left.png"), url("../../common/bg_right.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: 116px auto, 135px auto;
	position: relative;
}
/*------------------------------*/
#index #contents #readBox {
	padding: 30px 10px 40px;
	background-color: #ffffff;
}
#index #contents #readBox .title {
	color: #003391;
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
	padding-bottom: 16px;
	font-weight: bold;
}
#index #contents #readBox p {
	font-size: 12px;
	color: #232323;
	line-height: 1.8;
	text-align: center;
}
/*------------------------------*/
#index #contents #talkBox {
	padding: 0 10px;
}
#index #contents #talkBox .listR {
	position: relative;
	padding-bottom: 50px;
}
#index #contents #talkBox .listL {
	position: relative;
	padding-bottom: 50px;
}
#index #contents #talkBox .listR h3,
#index #contents #talkBox .listL h3 {
	color: #003391;
	font-size: 20px;
	line-height: 1.2;
	font-weight: normal;
	padding-bottom: 6px;
	border-bottom: dotted 1px #003391;
	margin-bottom: 20px;
}
#index #contents #talkBox .listR h3 span,
#index #contents #talkBox .listL h3 span {
	font-size: 12px;
	font-weight: bold;
}
#index #contents #talkBox .listR .pic {
	padding: 0 50px;
}
#index #contents #talkBox .listL .pic {
	padding: 0 50px;
}
#index #contents #talkBox .listR .pic img,
#index #contents #talkBox .listL .pic img {
	width: 100%;
}
#index #contents #talkBox .listR p,
#index #contents #talkBox .listL p {
	font-size: 14px;
	line-height: 1.8;
	padding: 20px 0 20px;
}
#index #contents #talkBox .listR .btn,
#index #contents #talkBox .listL .btn {
	max-width: 240px;
	margin: 0 auto;
	background-color: #003391;
	text-align: center;
	font-size: 12px;

	transition-duration: 0.3s;
}
#index #contents #talkBox .listR .btn a,
#index #contents #talkBox .listL .btn a {
	display: block;
	padding: 14px 0 12px;
	color: #ffffff;
	text-decoration: none;
}
#index #contents #talkBox .listR .btn:hover,
#index #contents #talkBox .listL .btn:hover {
	opacity: 0.7;
}


/*------------------------------
	talk
------------------------------*/
#talk #kv {
	width: 100%;
	margin-top: 60px;
}
#talk #kv .pic img {
	width: 100%;
}
/*------------------------------*/
#talk #contents {
	background-image: url("../../common/bg_left.png"), url("../../common/bg_right.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: 116px auto, 135px auto;
	position: relative;
}
/*------------------------------*/
#talk .h2Box {
	padding: 30px 0;
}
#talk .h2Box h2 {
	font-size: 20px;
	text-align: center;
	line-height: 1.4;
	font-weight: normal;
}
#talk .h2Box h2 span {
	font-size: 12px;
	color: #003391;
	font-weight: bold;
}
/*------------------------------*/
#talk #personArea {
	background-color: #a0a0a0;
	padding: 0px 10px 20px;
	margin-bottom: 40px;
}
#talk #personBox {
}
#talk #personBox .list {
	padding-left: 150px;
	min-height: 140px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	border-bottom: dotted 1px #ffffff;
}
#talk #personBox .list.end {
	border-bottom: none;
}
#talk #personBox .list .pic {
	position: absolute;
	left: 0;
	top: 20px;
	width: 140px;
}
#talk #personBox .list .pic img {
	width: 100%;
}
#talk #personBox .list .dataBox {
	position: relative;
}
#talk #personBox .list .dataBox .jobS {
	width: 200px;
	padding: 8px 0 6px;
	color: #003391;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #ffffff;
}
#talk #personBox .list .dataBox .jobZ {
	width: 200px;
	padding: 8px 0 6px;
	color: #232323;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #ffffff;
}
#talk #personBox .list .dataBox .name {
	font-size: 12px;
	color: #ffffff;
	line-height: 1.7;
	padding: 12px 0;
}
#talk #personBox .list .dataBox .name span {
	font-size: 14px;
	font-weight: bold;
}
#talk #personBox .list .dataBox .status {
	color: #ffffff;
	font-size: 12px;
	padding-bottom: 14px;
}
#talk #personBox .list p {
	padding: 10px 0;
	font-size: 12px;
	line-height: 1.7;
	color: #ffffff;
	border-top: solid 1px #ffffff;
}
/*------------------------------*/
#talk .textBox {
	padding: 0 10px 30px;
}
#talk .textBox h3 {
	font-size: 20px;
	color: #003391;
	line-height: 1.4;
	padding-bottom: 4px;
	margin-bottom: 30px;
	border-bottom: solid 1px #003391;
	text-align: center;
}
#talk .textBox p {
	padding-bottom: 20px;
	padding-left: 45px;
	font-size: 14px;
	line-height: 1.8;
	position: relative;
}
#talk .textBox p span.sogo {
	position: absolute;
	left: 0;
	top: 0;
	color: #003391;
	font-weight: bold;
}
#talk .textBox p span.zimu {
	position: absolute;
	left: 0;
	top: 0;
	color: #232323;
	font-weight: bold;
}
#talk .textBox .kome {
	padding: 20px 0;
	font-size: 12px;
	padding-left: 3em;
	text-indent: -3em;
	line-height: 1.8;
	position: relative;
}
/*------------------------------*/
#talk .picArea {
	width: 100%;
	padding-bottom: 40px;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
#talk .picArea.end {
	padding-bottom: 0px;
}
#talk .picArea .pic {
	width: 50%;
}
#talk .picArea .pic img {
	width: 100%;
}

/*------------------------------
	loading
------------------------------*/
#loadingWrap {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index:1000;
	overflow: hidden;
}
#loadingWrap img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	width: 50px;
}