@charset "utf-8";

/* style */
html {
	font-size: 100%;
}
body{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 100%;
	color: #333;
	padding: 0;
}
ul,li{
	list-style: none;
}
/* @media (max-width:640px){
	br{
		display: none !important;

}} */
a:hover {
	text-decoration: none;
}
.white-popup {
  position: relative;
  padding: 20px;
  width: auto;
  max-width: 590px;
  margin: 20px auto;
  text-align: center;
}
.mfp-close-btn-in .mfp-close {
  color: #fff;
}

/* *************************
bootstrap overwrite
************************* */
.navbar{
	border-radius: 0;
	margin-bottom: 0;
	padding: 20px 0 24px;
	min-height: inherit;
}
.navbar-inverse{
	border: 0;
	background-color: #fff;
}
.navbar-header h1{
	margin: 0;
	font-size: 1.5em;
	padding-top: 6px;
}
.navbar-left {
	display: table;
}
.navbar-left a {
	display: block;
}
.navbar-left .logo,
.navbar-left .sub-txt {
	display: table-cell;
	vertical-align: middle;
}
.navbar-left .sub-txt {
	padding-left: 15px;
}
.nav-pills > li{
	display: inline-block;
}
.nav-pills > li > a{
	background-color: #00B6AB;
	color: #fff;
	font-weight: bold;
	border-radius: 6px;
}
.nav > li > a:hover, .nav > li > a:focus,.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
	background-color: #20745b;
}
/* *************************
common css
************************* */
.container {
	width: 980px;
	color: #000!important;
}

header{
	border-bottom: 1px solid #ccc;
}

footer{
	background-color: #fff;
	padding: 35px 25px 25px;
	font-size: 0.75em;
	font-weight: bold;
	letter-spacing: 0.02em;
	border-top: 1px #ccc solid;
}

footer .inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

footer .right {
	position: absolute;
	top: -10px;
	right: 0;
	margin-bottom: 0;
}

/* *************************
contents css
************************* */

h1{
	text-align: center;
	font-size: 170%;
	font-weight: bold;
	line-height: 150%;
	margin: 35px 0 40px 0;
}

h1 img{
	margin-top: 7px;
}


h2{
	color: #009e97;
	border-top:1px dotted #007b73;
	border-bottom:1px dotted #007b73 ;
	padding: 15px 0 13px 0;
	margin-bottom: 35px;
	font-size: 105%;
	font-weight: bold;
}

.name_set{
	margin-bottom: 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.name_set{
		background: url(/corporate/athlete/qa/img/arrow_bg.png) no-repeat 190px center;
	}

	.name_set .name{
		color: #fff;
		font-size: 100%;
		padding: 10px 0 6px 12px;
		min-width: 190px;
		font-weight: bold;
	}

	.name_set.ath01 .name{
		background: url(/corporate/athlete/qa/img/ath01.png) no-repeat right bottom #3bb6a9;
	}

	.name_set.ath02 .name{
		background: url(/corporate/athlete/qa/img/ath02.png) no-repeat right bottom #3bb6a9;
	}

	.name_set.ath03 .name{
		background: url(/corporate/athlete/qa/img/ath03.png) no-repeat right bottom #3bb6a9;
	}
	.name_set.ath00 .name{
		background:#3bb6a9;
	}

		.name_set .name p{
			margin: 0;
			padding: 3px 0 3px 40px;
		}

		.name_set .name p.icon01{
			background: url(/corporate/athlete/qa/img/icon01.png) no-repeat left center;
		}

		.name_set .name p.icon02{
			background: url(/corporate/athlete/qa/img/icon02.png) no-repeat left center;
		}


		.name_set p.com_text{
			width: 76%;
			font-size: 90%;
			padding: 0;
			margin: 0;
			line-height: 150%;
		}

		.btn_back{
			text-align: center;
			margin: 40px 0 50px 0;
			border-top: 1px dotted #007b73;
			padding-top: 50px;
		}




@media (max-width:640px){
	h1{
		text-align: center;
		font-size: 140%;
		margin: 20px 0 20px 0;
	}
			h1 img{
				width: 60%;
			}

	h2{
		font-size: 120%;
		padding: 10px 0 8px 0;
		margin-bottom: 20px;
		line-height: 150%;
	}

	.name_set{
		margin-bottom: 20px;
		display: block;
		background: none;
	}

	.name_set .name{
		width: 100%;
		color: #fff;
		font-size: 110%;
		padding: 10px 0 5px 15px;
		background:#009e97;
		margin-bottom: 10px;
	}

		.name_set .name p{
			padding: 3px 0 5px 35px;
			background-size: 7%!important;
		}

		.name_set .name p.icon01{
			background: url(/corporate/athlete/qa/img/icon01.png) no-repeat left center;
		}

		.name_set .name p.icon02{
			background: url(/corporate/athlete/qa/img/icon02.png) no-repeat left center;
		}

	.name_set p.com_text{
		width: 100%;
		font-size: 100%;
		line-height: 140%;
	}

		.btn_back{
			margin: -5px 0 15px 0;
			padding-top: 15px;
		}

}


/* *************************
news
************************* */
.news_phpto{
	text-align: center;
	margin-bottom: 50px;
}

/* SP(~640px) */
@media (max-width:640px){
	.news_phpto{
		margin-bottom: 25px;
	}
}



/* *************************
add css
************************* */
/* SP(~640px) */
@media (max-width:640px){
	img {
		max-width: 100%;
		height: auto;
	}
	.pcimg {
		display: none;
	}
	.spimg {
		display: block;
	}
	.container{
		width: 100%;
	}
	.navbar-header h1{
		font-size: 1em;
	}
	.navbar-left{
		float: left;
		position: relative;
		/*width: 130px;*/
		top: -5px;
		margin-bottom: 25px;
	}
	.navbar-left .sub-txt{
		position: absolute;
		top: 0;
		left: 100px;
		width: 80px;
	}
	.navbar-left .logo{
		width: 100px;
		position: absolute;
		top: 15px;
		left: 0;
	}
	.white-popup {
	    max-width: 100%;
	}
	.white-popup img {
		width: 100%;
	}
	.mfp-close {
		right: 1%;
    	top: -3%;
	}
	footer {
		padding: 4.5% 3.5% 3.5%;
	}
	footer small {
		text-align: left;
	}
	footer .inner {
		width: auto;
	}
	footer .right {
		position: relative;
	    margin-bottom: 0;
	}
	footer .right img {
		width: 100px;
		margin: 0 auto 0;
		padding-top: 20px;
		display: block;
	}
}
