@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

/* リセット
---------------------------------------------------------- */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h4, h5, h6,
pre, form, fieldset, input, select, option, textarea, p, table, th, td, button, hr {
    margin: 0;
	padding: 0;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

img {
	border: 0;
	vertical-align:bottom;
}

ol ,
ul {
	list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

address {
	font-style: normal;
}

html {
	height: 100%;
}

body {
	height: 100%;
}

* html div#wrapper {
	height: 100%;
}

div#wrapper {
	min-height: 100%;
	position: relative;
}

body > #wrapper {
	height: auto;
}
/* リセットここまで
----------------------------------------*/



/* スタイル
---------------------------------------------------------- */
body {
	color: #333333;
	font-family: 'Noto Sans JP', sans-serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height: 1.7;
	background: #ffffff;
	min-width: 1020px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}
img {
	max-width:100%;
}

/* a */
a {
	font-weight: bold;
	position: relative;
}
a:link, a:visited {
	color: #1685df;
	text-decoration: none;
}
a:hover, a:active {
	color: #e70014;
	text-decoration: none;
}
a:focus, *:focus {
	outline:none;
}

select,
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],
input[type="checkbox"],input[type="radio"] {
	padding:10px;
	/*border: 1px #019FE8 solid;*/
	border: none;
	width: 100%;
}

/* プレースホルダ文字色 */
input::-webkit-input-placeholder{
	color: #444;
}
input:-ms-input-placeholder{
	color: #444;
}
input::-moz-placeholder{
	color: #444;
}
input[type="button"]{
	padding:6px 10px;
	border-radius: 4px;
	background:#f1f1f1;
	color: #666666;
	box-shadow: 0px 1px 0px 1px #a9a9a9; 
	-moz-box-shadow: 0px 1px 0px 1px #a9a9a9; 
	-webkit-box-shadow: 0px 1px 0px 1px #a9a9a9; 
}
textarea {
	width: 100%;
	padding: 10px;
	border: none;
	font-family: 'Noto Sans JP', sans-serif, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

/* dl dt dd */
dt {
	padding-top:10px;
	padding-left:21px;
	font-weight: bold;
	font-size:130%;
}
dd{
	padding-left:20px;
	padding-bottom:15px;
	border-bottom: 2px #D6D6D6 solid;
}

@media screen and (max-width: 736px) {
	body {
		min-width: 300px;
		height: 100%;
		font-size: 12px;
	}
	img {
		width: 100%;
	}
}

/* 汎用クラス
---------------------------------------------------------- */
@media screen and (min-width: 736px) {
/* SPだけ表示 */
	.visible_s {
		display: none !important;
	}
}
@media screen and (max-width: 736px) {
/* PCだけ表示 */
	.visible_l {
		display: none !important;
	}
}
/* clearfix */
.clearfix { zoom:1; }
.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
/* float */
.float_l {
	float: left;
	*display: inline;
	*zoom: 1;
}
.float_r {
	float: right;
	*display: inline;
	*zoom: 1;
}

/* text-align */
.align_l { text-align: left !important; }
.align_c { text-align: center !important; }
.align_r { text-align: right !important; }

/*font-size*/
.font10 { font-size: 77% !important; }
.font11 { font-size: 85% !important; }
.font12 { font-size: 93% !important; }
.font13 { font-size: 100% !important; }
.font14 { font-size: 108% !important; }
.font15 { font-size: 116% !important; }
.font16 { font-size: 123.1% !important; }
.font17 { font-size: 131% !important; }
.font18 { font-size: 138.5% !important; }
.font19 { font-size: 146.5% !important; }
.font20 { font-size: 153.9% !important; }
.font21 { font-size: 161.6% !important; }
.font22 { font-size: 167% !important; }
.font23 { font-size: 174% !important; }
.font24 { font-size: 182% !important; }
.font25 { font-size: 189% !important; }
.font26 { font-size: 197% !important; }
.fontn { font-weight: normal !important; }
.fontb { font-weight: bold !important; }

.color_red {
	color: #bd0000 !important;
}

/*余白
----------------------------------------*/
/*top*/
.mt0{ margin-top: 0px !important; }
.mt03{ margin-top: 3px !important; }
.mt05{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt45{ margin-top: 45px !important; }
.mt50{ margin-top: 50px !important; }
.pt0{ padding-top: 0px !important; }
.pt05{ padding-top: 5px !important; }
.pt10{ padding-top: 10px !important; }
.pt15{ padding-top: 15px !important; }
.pt20{ padding-top: 20px !important; }
.pt25{ padding-top: 25px !important; }
.pt30{ padding-top: 30px !important; }
.pt40{ padding-top: 40px !important; }
.pt50{ padding-top: 50px !important; }

/*bottom*/
.mb0{ margin-bottom: 0px !important; }
.mb05{ margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }

/*right*/
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.mr1em{ margin-right: 1em !important; }
.mr2em{ margin-right: 2em !important; }

/*left*/
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.ml1em{ margin-left: 1em !important; }
.ml2em{ margin-left: 2em !important; }


/* 固有クラス
---------------------------------------------------------- */

 #wrapper {
	background: #fff;
}

#contents {
	font-family: 'Noto Sans JP', sans-serif, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	width: 100%;
	/*width: 1200px;*/
	margin: 0 auto;
	letter-spacing: 0.5px;
}
#contents h1 {
	text-align: center;
}
@media screen and (max-width: 736px) {
}
@media screen and (max-width: 736px) {
	#contents {
		width: 100%;
	}
}

/*** 固定ボタン ***/
.fixed_btn {
	position: fixed;
	display: block;
	z-index: 1000;
	bottom: 70px;
	right: 0;
}
@media screen and (max-width: 736px) {
	.fixed_btn_sp {
		position: fixed;
		width: 100%;
		bottom: 0;
		box-shadow: 0 -25px 25px 0 rgb(18 18 18 / 41%);
		z-index: 1000;
	}
	.fixed_btn_sp a {
		display: block;
		background: #911d22;
		padding: 20px;
		text-align: center;
		color: #fff;
		font-size: 16px;
	}
}

/*** 初期表示画像 ***/
.front {
	background: #000;
	position: fixed;
	display: flex;
	align-items: center;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.front p {
	position: fixed;
	display: none;
	z-index: 9999;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/*** メインビジュアル ***/
#main {
	position: relative;
	background: url("../img/bg_main.jpg") no-repeat #000 center top;
	min-height: 745px;
}
#main .conts_area {
	position: absolute;
	width: 890px;
	margin: 0 auto;
	top: 8%;
	left: 14%;
	right: 14%;
	z-index: 10;
}
@media screen and (max-width: 1020px) {
	#main {
		background-size: cover;
		min-height: auto;
		padding: 290px 0;
	}
	#main .conts_area {
		width: 700px;
	}
}
@media screen and (max-width: 736px) {
	#main {
		background: none;
		min-height: auto;
		padding: 0;
	}
}

/*** To the world!! You can grow!! ***/
#world_grow {
	background: url("../img/bg_world_grow.jpg?001") no-repeat #080403 center top;
	min-height: 1960px;
	color: #fff;
}
#world_grow .conts_area {
	width: 1200px;
	margin: 0 auto;
}
#world_grow .big_font {
	font-size: 80px;
	font-weight: bold;
}
#world_grow .middle_font {
	font-size: 29px;
	font-weight: bold;
}
#world_grow .small_font {
	font-size: 15px;
	font-weight: 500;
}
#world_grow .mini_font {
	font-size: 11px;
}
@media screen and (max-width: 1200px) {
	#world_grow .conts_area {
		width: 900px;
		margin: 0 auto;
	}
	#world_grow .big_font {
		font-size: 60px;
	}
}
@media screen and (max-width: 736px) {
	#world_grow {
		background: url("../img/bg_world_grow_sp.jpg") no-repeat #080403;
		background-size: cover;
		min-height: auto;
		padding-bottom: 85%;
	}
	#world_grow .conts_area {
		width: 100%;
	}
	#world_grow .big_font {
		font-size: 53px;
	}
	#world_grow .middle_font {
		font-size: 28px;
	}
	#world_grow .small_font {
		font-size: 16px;
	}
	#world_grow .mini_font {
		font-size: 12px;
	}
}
@media screen and (max-width: 500px) {
	#world_grow {
		padding-bottom: 25%;
	}
}
@media screen and (max-width: 425px) {
	#world_grow {
		padding-bottom: 0;
	}
}

/* シーズアスリートとは */
#world_grow .about_csathlete {
	position: absolute;
	top: 20px;
	left: 14%;
	font-size: 12px;
}
#world_grow .about_csathlete h2 {
	background: url(../img/img_h2_logo.png) no-repeat left center;
	background-size: 57px 38px;
	min-height: 38px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 70px;
	margin-bottom: 10px;
}
@media screen and (max-width: 736px) {
	#world_grow .about_csathlete {
		position: relative;
		top: 45px;
		left: 0;
		width: 90%;
		margin: 0 auto;
		font-size: 20px;
	}
	#world_grow .about_csathlete h2 {
		font-size: 18px;
		padding-left: 65px;
	}
}
@media screen and (max-width: 425px) {
	#world_grow .about_csathlete {
		top: 0;
		font-size: 16px;
	}
}

/* To the world!! */
#world_grow .world_area {
	position: relative;
}
#world_grow .world_txt {
	position: absolute;
	top: 230px;
	left: 14%;
}
#world_grow .world_txt .big_font {
	margin-bottom: 30px;
}
#world_grow .world_txt .middle_font {
	margin-bottom: 40px;
}
#world_grow .world_txt .small_font {
	margin-bottom: 30px;
}
#world_grow .world_img {
	position: absolute;
	top: 40px;
	right: 0;
}
@media screen and (max-width: 1200px) {
	#world_grow .world_txt {
		position: relative;
		left: 2%;
	}
	#world_grow .world_img {
		position: relative;
    right: -14%;
	}
}

@media screen and (max-width: 736px) {
	#world_grow .world_txt {
		position: relative;
		top: 240px;
		left: 0;
		width: 90%;
		margin: 0 auto;
	}
	#world_grow .world_txt .small_font {
		margin-bottom: 40px;
	}
	#world_grow .world_img {
		position: relative;
		top: 220px;
		right: 0;
		text-align: center;
	}
}
@media screen and (max-width: 425px) {
	#world_grow .world_txt {
		top: 115px;
	}
	#world_grow .world_img {
		top: 100px;
	}
}

/* You can grow!!! */
#world_grow .grow_area {
	position: absolute;
	top: 1100px;
	right: 13%;
	left: 13%;
}
/* 選手の仕事・活動事例 */
#world_grow .grow_area .work {
	width: 40%;
	float: left;
	margin-top: 65px;
}
/* 仕事で成長 */
#world_grow .grow_area .grow {
	width: 55%;
	float: right;
}
#world_grow .grow_area .grow .small_font {
	margin-bottom: 40px;
}
#world_grow .grow_area .grow_img {
	width: 90%;
	margin: 0 auto;
	margin-right: 10px;
}
#world_grow .grow_area .grow_txt {
	margin-top: 40px;
}
#world_grow .grow_area .grow_txt .small_font {
	margin-bottom: 30px;
}
@media screen and (max-width: 736px) {
	#world_grow .grow_area {
		position: relative;
		top: 550px;
		right: 0;
		left: 0;
		width: 90%;
		margin: 0 auto;
		padding: 280px 0 0 0;
	}
	#world_grow .grow_area .work {
		width: 100%;
		float: none;
		text-align: center;
	}
	#world_grow .grow_area .grow {
		width: 100%;
		float: none;
	}
	#world_grow .grow_area .grow .big_font {
		margin-bottom: 15px;
	}
	#world_grow .grow_area .grow_img {
		width: 100%;
		margin-right: 0;
		margin: 0 auto;
	}
}
@media screen and (max-width: 652px) {
	#world_grow .grow_area {
		top: 400px;
	}
}
@media screen and (max-width: 500px) {
	#world_grow .grow_area {
		top: 35px;
	}
}
@media screen and (max-width: 425px) {
	#world_grow .grow_area {
		top: -100px;
	}
}


/*** シーズアスリートの魅力 ***/
#miryoku {
	background: url("../img/bg_miryoku.jpg") no-repeat center top;
	min-height: 901px;
	color: #333;
	padding: 80px 0 30px;
}
#miryoku h2 {
	color: #911d22;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 45px;
	text-align: center;
}
#miryoku h2 span.line {
	background: linear-gradient(transparent 60%, #e6e6e5 60%);
}
#miryoku .conts_area {
	width: 600px;
	margin: 0 auto;
}
#miryoku .question {
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0 15px 73px;
	background: url(../img/icon_question.png) top left no-repeat;
	min-height: 55px;
	margin-bottom: 30px;
}
#miryoku .answer {
	background: url(../img/icon_answer.png) top left no-repeat;
	padding: 15px 35px 0 73px;
	font-size: 15px;
	font-weight: 500;
	text-align: justify;
}
#miryoku hr {
	border: none;
	border-top: solid 1px #911d22;
	margin: 30px auto;
}

@media screen and (max-width: 736px) {
	#miryoku {
		background-image: none;
		background-color: #fff;
		min-height: auto;
		padding: 40px 0 20px 0;
	}
	#miryoku .conts_area {
		width: 95%;
	}
	#miryoku .question {
		font-size: 18px;
		padding-top: 10px;
		margin-bottom: 10px;
	}
}

/*** #message ***/
#message {
	background: url("../img/bg_message.jpg") no-repeat center top #911d22;
	min-height: 325px;
	color: #fff;
	padding: 50px 0 0;
	text-align: center;
}
#message h2 {
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 30px;
}
#message .conts_area {
	width: 480px;
	margin: 0 auto;
	font-size: 15px;
}
@media screen and (max-width: 736px) {
	#message {
		background: url(../img/bg_message_sp.jpg) no-repeat #911d22;
    background-size: contain;
		min-height: auto;
		color: #fff;
		padding: 60px 20px;
		text-align: center;
	}
	#message h2 {
		font-size: 30px;
	}
	#message .conts_area {
		width: 90%;
    font-size: 18px;
    margin: 0 auto;
    text-align: inherit;
	}
}

/*** #inquiry ***/
#inquiry {
	background: #ddd;
	padding: 60px 0;
	color: #333;
}
#inquiry .conts_area {
	width: 800px;
	margin: 0 auto;
}
#inquiry .entry_condition {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 40px;
	border: solid 2px #911d22;
	border-radius: 70px;
	padding: 10px 20px;
	background: #fff;
	font-size: 14px;
}
#inquiry .attention {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
#inquiry .entry_condition th {
	width: 25%;
	color: #911d22;
	font-size: 16px;
	font-weight: bold;
	border-right: 1px solid #911d22;
	padding-right: 5px;
}
#inquiry .entry_condition td {
	padding-left: 30px;
	line-height: 20px;
}
#inquiry .entry_condition td ul {
	margin-left: 10px;
}
#inquiry .entry_condition td ul li {
	list-style-type: disc;
}
#inquiry h2 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 40px;
}
#inquiry h2 span {
	font-size: 12px;
}

@media screen and (max-width: 736px) {
	#inquiry {
		padding: 60px 20px;
		color: #333;
	}
	#inquiry .conts_area {
		width: 100%;
	}
	#inquiry .entry_condition {
		width: 100%;
		border-radius: 0;
		padding: 15px;
		font-size: 14px;
	}
	#inquiry .attention {
		font-size: 21px;
	}
	#inquiry .entry_condition th {
		display: block;
		width: 100%;
		font-size: 21px;
		border-right: none;
		padding-right: 0;
	}
	#inquiry .entry_condition th span {
		border-bottom: 1px solid #911d22;padding: 0 40px 10px 40px;
	}
	#inquiry .entry_condition td {
		padding: 25px 10px;
		padding-bottom: 0;
		display: block;
	}
	#inquiry h2 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 30px;
	}
	#inquiry h2 span {
		font-size: 17px;
	}
}


/* フォーム */
#inquiry .form_area dl {
	margin-bottom: 20px;
}
#inquiry .form_area dl dt,
#inquiry .form_area dl dd {
	float: left;
	font-size: 15px;
}
#inquiry .form_area dl dt {
	width: 30%;
	padding-top: 5px;
	padding-left: 0;
}
#inquiry .form_area dl dd {
	width: 70%;
	border: none;
	padding-left: 0;
	padding-bottom: 0;
}
#inquiry .btn_area  {
	width: 40%;
	margin: 0 auto;
	text-align: center;
}
#inquiry .btn_area button {
	background: #911d22;
	color: #fff;
	padding: 15px 90px;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	border: none;
}
#inquiry .form_area.conf  dl dd {
	background: #fff;
	padding: 5px;
}
#inquiry .conf .btn_area {
	width: 80%;
	margin: 0 auto;
	margin-top: 40px;
}
#inquiry .conf .btn_area button {
	float: left;
	margin-right: 5px;
}
#inquiry .thanks,
#inquiry .error {
	height: 400px;
	font-size: 16px;
}
#inquiry .error a {
	color: #333;
}

@media screen and (max-width: 736px) {
	#inquiry .form_area dl {
		margin-bottom: 30px;
	}
	#inquiry .form_area dl dt,
	#inquiry .form_area dl dd {
		float: none;
		font-size: 18px;
	}
	#inquiry .form_area dl dt {
		width: 100%;
		margin-bottom: 10px;
	}
	#inquiry .form_area dl dd {
		width: 100%;
	}
	#inquiry .btn_area  {
		width: 100%;
	}
	#inquiry .btn_area button {
		font-size: 18px;
	}
}


/*** footer ***/
.footer_nav {
	width: 100%;
	background: #202020;
	text-align: center;
}
.footer_nav ul {
	display: inline-block;
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.footer_nav li {
	list-style: none;
	position: relative;
	margin: 0;
	float: left;
	color: #fff;
}
.footer_nav li:after {
	content: "／";
	position: absolute;
	color: #b1b1b1;
	top: 17px;
	left: 0;
}
.footer_nav li:first-child::after {
	content: none;
}
.footer_nav li a {
	display: inline-block;
	padding: 15px 35px 10px;
	font-size: 14px;
}
.footer_nav li a:link,
.footer_nav li a:visited {
	color: #fff;
	text-decoration: none;
}
.footer_block .copyright {
	height: 74px;
	text-align: center;
}
.footer_block .copyright img {
	width: 194px;
	height: auto;
	margin-top: 30px;
}
@media screen and (max-width: 736px) {
	.footer_nav ul {
		display: block;
		padding: 15px;
	}
	.footer_nav li {
		width: 50%;
	}
	.footer_nav li a {
		padding: 10px 0;
		font-size: 12px;
	}
	.footer_nav li:after {
		top: 14px;
	}
	.footer_nav li:nth-child(2n+1)::after {
		content: none;
	}
	.footer_block .copyright img {
		width: 60%;
	}
}


/*** 個人情報取り扱い ***/
#privacy {
	width: 70%;
	margin: 0 auto;
	font-size: 14px;
	padding: 40px 0;
}

#privacy h2 {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 30px;
}
#privacy .midashi_ttl {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}
#privacy .main_txt {
	margin-bottom: 15px;
}