@charset "utf-8";

/* fls-introduction
--------------------------------------------------------------- */

.fls-introduction .red{
    color: #e60114;
}

.fls-introduction .mainAtt{
    color: #e60114;
    margin-bottom: 20px;
    font-size: 1.2em;
    padding: 20px;
    border: 1px solid #e60114;
    text-align: center;
}

.fls-introduction .introduction-1 img {
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.fls-introduction .introduction-1 p {
	font-size:1.2em;
	line-height:150%;
}

.fls-introduction .introduction-1 p:nth-of-type(1) {
	font-size:1.8em;
	margin-bottom:20px;
}

.fls-introduction .introduction-1 ul li {
	width:48%;
	float:left;
	list-style:none;
}

.fls-introduction .introduction-1 ul li em {
	position: relative;
	font-size:1.4em;
	line-height:150%;
	font-weight:normal;
	display:block;
}

.fls-introduction .introduction-1 ul li p {
	font-size:1em !important;
}


.fls-introduction .introduction-2 ul li {
	width:48%;
	float:left;
	list-style:none;
}

.fls-introduction .introduction-2 ul li:nth-child(odd) {
	margin-right:4%;
}

.fls-introduction .introduction-2 ul li:nth-child(n+3) {
	margin-top:4%;
}

.fls-introduction .introduction-2 ul li span {
	font-size:0.8em;
}

.fls-introduction .introduction-2 ul li em {
	position: relative;
	font-size:1.4em;
	line-height:150%;
	font-weight:normal;
	padding: 0.15em 1em 0 2em;
	display:block;
}

.fls-introduction .introduction-2 ul li em::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 30px;
	height: 30px;
	border: 5px solid #E60114;
	border-radius: 100%
}

.fls-introduction .introduction-2 ul li img {
	max-width:100%;
	height:auto;
	display:block;
	margin:20px auto 0;
}

.fls-introduction .introduction-2 ul li.join {
	margin-right:0;
	width:100%;
	border-top:1px dotted #AAA;
}


.fls-introduction .introduction-2-2 ul li img {
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto 10px;
}

.fls-introduction .introduction-2 ul li p {
	margin:20px 0 0;
	font-size:1em;
}



.fls-introduction .introduction-5 ul li {
	margin:0 0 40px;
	width:100%;
	list-style:none;
}
.fls-introduction .introduction-5 ul li span {
	font-size:0.8em;
}
.fls-introduction .introduction-5 ul li em {
	position: relative;
	font-size:1.4em;
	line-height:150%;
	font-weight:normal;
	padding: 0.15em 1em 0 2em;
	display:block;
}
.fls-introduction .introduction-5 ul li em::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 30px;
	height: 30px;
	border: 5px solid #E60114;
	border-radius: 100%
}
.fls-introduction .introduction-5 ul li div{
	margin-top:20px;
	overflow:hidden;
}	
.fls-introduction .introduction-5 ul li img {
	display:block;
	float:left;
	max-width:100%;
	width:47.5%;
	height:auto;
}
.fls-introduction .introduction-5 ul li img:nth-of-type(2n) {
	float:right;
}
.fls-introduction .introduction-5 ul li p {
	margin:20px 0 0;
	font-size:1em;
}






.fls-introduction table {
	font-size:1.2em;
	line-height: 150%;
}

.fls-introduction table th {
	width: 20% ;
	background-color: #777777 ;
	color: #ffffff ;
	text-align: center ;
}

.fls-introduction table td {
	background-color: #EEEEEE ;
	width: 80% ;
}


.fls-introduction table th, .fls-introduction table td {
	border-top: 2px solid #FFFFFF;
	padding: 16px 8px;
	vertical-align: top;
}

.fls-introduction table th {
	border-right: 2px solid #FFFFFF;
	text-align:center;
}

.fls-introduction table td img.icon {
	vertical-align:middle;
	margin-right:4px;
}

.setTwoCol .fls-introduction .banner{
    /* margin-right: 324px; */
    margin-right: 304px;
}

.setTwoCol .fls-introduction .banner a img{
    width: 100%;
}

.fls-introduction .att{
	clear:both;
	padding-top:40px;
	text-align:right;
	font-size:0.8em;
	color:#666;
}


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

.fls-introduction table {
	table-layout:fixed;
}

.fls-introduction table th {
	width:20% !important;
}

.fls-introduction table td a {
	width:100%;
	display:block;
	word-wrap:break-word;
	font-size:1.2em;
}

.setTwoCol .fls-introduction .banner{
    margin-right: 0;
}


}


.fls-introduction .introduction-3-1 em {
	position: relative;
	font-size:1.4em;
	line-height:150%;
	font-weight:normal;
	padding: 0.15em 1em 0 2em;
	display:block;
}

.fls-introduction .introduction-3-1 em::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 30px;
	height: 30px;
	border: 5px solid #E60114;
	border-radius: 100%
}

.fls-introduction .introduction-3-1 ul li {
	position:relative;
	width:25%;
	margin:0 auto;
	padding:20px 0;
	float:left;
	list-style:none;
	text-align:center;
}


.fls-introduction .introduction-3 ul {
	overflow: hidden;
}
.fls-introduction .notice {
	background: #F3F3F3;
	padding:15px;
	margin:20px 0 10px 0;
	clear: both;
}

.fls-introduction .introduction-3 ul li {
	position:relative;
	width:25%;
	margin:0 auto;
	padding:50px 0;
	float:left;
	list-style:none;
	text-align:center;
}

.fls-introduction .introduction-3 ul li:nth-child(-n+4){
	padding-top:0;
}



.fls-introduction .introduction-3 ul li::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: -1px;
	left: -1px;
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}

.fls-introduction .introduction-3 ul li:nth-child(-n+4)::before, 
.fls-introduction .introduction-3 ul li:nth-child(4n+5)::before {
	border-top: none;
	border-left: none;
}

.fls-introduction .introduction-3 ul li::after {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 0;
	right: 0;
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}

.fls-introduction .introduction-3 ul li:nth-child(4n+4)::after,
.fls-introduction .introduction-3 ul li.last::after {
	border-bottom: none;
	border-right: none;
}

.fls-introduction .introduction-3 ul li img {
	width:70%;
	height:auto;
}

.fls-introduction .introduction-3 ul li em,
.fls-introduction .introduction-3 ul li p {
	width:70%;
	display:block;
	text-align:center;
	margin:0 auto;
}

.fls-introduction .introduction-3 ul li em{
	margin-top:20px;
	color:#E60114;
}

/*.fls-introduction .introduction-3 ul li p:before{
	content: "\005C";
}
*/

.fls-introduction .introduction-4 {
	margin:0 auto;
	text-align:center;
	}


.setTwoCol .fls-introduction .introduction-4 {
    /* margin-right: 324px; */
    margin-right: 304px;
}

.setTwoCol .fls-cards {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


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

.fls-introduction .introduction-1 p {
	font-size:1.6em;
	line-height:150%;
}

.fls-introduction .introduction-1 p:nth-of-type(1) {
	font-size:1.8em;
	margin-bottom:20px;
}

.fls-introduction .introduction-2 ul li em {
	font-size:1.6em;
}

.fls-introduction .introduction-2 ul li p {
	font-size:1.8em;
}

.fls-introduction .introduction-2 ul li span {
	font-size:1.2em;
}

.fls-introduction .introduction-2 ul li {
	width:100%;
	clear:both;
}

.fls-introduction .introduction-2 ul li:nth-child(odd) {
	margin-right:0;
}

.fls-introduction .introduction-2 ul li:nth-child(n+2) {
	margin-top:4%;
}

.fls-introduction .introduction-2 ul li p {
	font-size:1.4em;
}


.fls-introduction .introduction-5 ul li {
	margin-bottom:30px;
}
.fls-introduction .introduction-5 ul li:last-of-type{
	margin:0 0 20px;
}
.fls-introduction .introduction-5 ul li em {
	font-size:1.2em;
}
.fls-introduction .introduction-5 ul li p {
	margin-top:10px;
	font-size:1em;
}
.fls-introduction .introduction-5 ul li span {
	font-size:1.2em;
}
.fls-introduction .introduction-5 ul li img {
	margin-bottom:10px;
	float:none;
	width:100%;
	clear:both;
}



.fls-introduction .banner img,
.fls-introduction .introduction-4 img {
	width:100%;
	height:auto;
	margin:0 auto;
}


.fls-introduction .introduction-3 ul li,
.fls-introduction .introduction-3-1 ul li {
	position:relative;
	width:48%;
	margin:0 auto;
	padding:20px 0;
	float:left;
	list-style:none;
	text-align:center;
}

.fls-introduction .introduction-3 ul li:nth-child(odd){
	margin-right:4%;
}

.fls-introduction .introduction-3 ul li::before,
.fls-introduction .introduction-3 ul li::after {
	display:none;
}

.fls-introduction .introduction-3 ul li img {
	width:100%;
	height:auto;
}

.fls-introduction .introduction-3 ul li em,
.fls-introduction .introduction-3 ul li p {
	width:100%;
	display:block;
	text-align:center;
	margin:0 auto;
}

.fls-introduction .introduction-3 ul li em{
	margin-top:10px;
}


.setTwoCol .fls-introduction .introduction-4 {
    margin-right: 0;
	}

}





/* fls-introduction-interview
--------------------------------------------------------------- */

.fls-introduction-interview .interview em {
	font-size:1.8em;
	font-weight:normal;
	margin-bottom:30px;
	display:block;
}

.fls-introduction-interview .interview span {
	font-size:1em;
	padding-top:10px;
	display:block;
}

.fls-introduction-interview .interview dt{
	font-size:1.2em;
	line-height:150%;
	color:#E60114;
	margin-bottom:20px;
	margin-left: 2em;
	text-indent: -2em;
}

.fls-introduction-interview .interview dd{
	font-size:1.2em;
	line-height:150%;
	margin-bottom:20px;
}

.fls-introduction-interview .interview dt:before{
	content: "Q";
}

.fls-introduction-interview .interview dt:first-letter{
	font-size:1.8em;
}

.fls-introduction-interview .interview dd span {
	color:#E60114;
	display: inline-block;
}

.fls-introduction-interview .interview .interview-left1 {
	float:left;
	width:76%;
}

.fls-introduction-interview .interview .interview-right1 {
	float:right;
	width:22%;
}

.fls-introduction-interview .interview .interview-left2 {
	float:left;
	width:22%;
}

.fls-introduction-interview .interview .interview-right2 {
	float:right;
	width:76%;
}

.fls-introduction-interview .interview .interview-left3 {
	float:left;
	width:66%;
}

.fls-introduction-interview .interview .interview-right3 {
	float:right;
	width:32%;
}

.fls-introduction-interview .interview .interview-left1 img,
.fls-introduction-interview .interview .interview-right1 img,
.fls-introduction-interview .interview .interview-left2 img,
.fls-introduction-interview .interview .interview-right2 img,
.fls-introduction-interview .interview .interview-left3 img,
.fls-introduction-interview .interview .interview-right3 img {
	width:100%;
}

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

.fls-introduction .introduction-1 ul li {
	width:100%;
	clear:left;
}

.fls-introduction-interview .interview .mb40{
	margin-bottom:20px !important;
}

.fls-introduction-interview .interview .mb60{
	margin-bottom:40px !important;
}

.fls-introduction-interview .interview em {
	font-size:1.4em;
	margin-bottom:20px;
}

.fls-introduction-interview .interview span {
	font-size:0.8em;
}

.fls-introduction-interview .interview dt{
	font-size:1em;
	line-height:150%;
	margin-bottom:10px;
}

.fls-introduction-interview .interview dd{
	font-size:1em;
	line-height:150%;
}

.fls-introduction-interview .interview dd span {
	font-size:1.6em !important;
}


.fls-introduction-interview .interview .interview-left1,
.fls-introduction-interview .interview .interview-right1,
.fls-introduction-interview .interview .interview-left2,
.fls-introduction-interview .interview .interview-right2,
.fls-introduction-interview .interview .interview-left3,
.fls-introduction-interview .interview .interview-right3 {
	float:none;
	width:100%;
}



.fls-introduction-interview .interview .interview-left1 img,
.fls-introduction-interview .interview .interview-right1 img,
.fls-introduction-interview .interview .interview-left2 img,
.fls-introduction-interview .interview .interview-right2 img,
.fls-introduction-interview .interview .interview-left3 img,
.fls-introduction-interview .interview .interview-right3 img {
	width:50%;
}

.fls-introduction-interview .interview .interview-right1,
.fls-introduction-interview .interview .interview-left2 {
	float:none;
	width:100%;
	margin:0 auto;
	text-align:center;
}

.fls-introduction-interview .interview .interview-right2 {
	width:100%;
}

.fls-introduction-interview .interview .interview-left2 {
	margin-bottom:20px;

}

}


.introduction-party ul li{
	float:left;
	width:23.5%;
	margin-left:2%;
	margin-bottom:2%;
}

.introduction-party ul li:nth-child(4n+1){
	margin-left:0;
}

.introduction-party ul li:nth-child(-n+4) {
	margin-top:2%;
}

.introduction-party ul li img{
	max-width:100%;
	height:auto;
	display:block;
}


.introduction-party em {
	position: relative;
	font-size:1.4em;
	line-height:150%;
	font-weight:normal;
	padding: 0.15em 1em 0 2em;
	display:block;
}

.introduction-party em::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 30px;
	height: 30px;
	border: 5px solid #E60114;
	border-radius: 100%
}

@media only screen and (max-width: 640px) {
.introduction-party ul li{
	position:relative;
	width:48%;
	margin:0 auto;
	padding:20px 0;
	float:left;
	list-style:none;
	text-align:center;
}

.introduction-party ul li{
	padding:0;
}

.introduction-party ul li:nth-child(even){
	margin-left:2%;
	padding:0;
}

.introduction-party ul li:nth-child(n+3) {
	margin-top:10px;
}

.fls-introduction .att{
	padding-top:20px;
	text-align:left;
}

}



.fls-introduction-interview .interview small{
	display:block;
	text-align:right;
	color:#888;
}
@media only screen and (max-width: 640px) {
	.fls-introduction-interview .interview small{
		margin-top:40px;
		text-align:left;
	}
}

@media only screen and (max-width: 640px) {
.fls-introduction .introduction-2 ul li {
    margin-bottom: 20px;
}
}




/*エレコム追加20180323*/
.introduction-lineup ul li{
	float:left;
	width:30%;
	margin-left:5%;
	margin-bottom:20px;
    min-height: 220px;
}

.introduction-lineup ul li:nth-child(3n+1){
	margin-left:0;
}

.introduction-lineup ul li:nth-child(-n+3) {
	margin-top:2%;
}

.introduction-lineup ul li img{
	max-width:100%;
	height:auto;
	display:block;
    margin-bottom: 10px;
}

@media only screen and (max-width: 640px) {
.introduction-lineup ul li{
	float:left;
	width:47%;
	margin-left:6%;
	margin-bottom:20px;
    min-height: 190px;
}    

.introduction-lineup ul li:nth-child(3n+1){
	margin-left:4%;
}

.introduction-lineup ul li:nth-child(-n+3) {
	margin-top:0;
}    

.introduction-lineup ul li:nth-child(2n+1){
	margin-left:0;
}

.introduction-lineup ul li:nth-child(-n+2) {
	margin-top:2%;
}    
    
    
}