@charset "utf-8";

/*----------------------------------------------------------
 COMMON
----------------------------------------------------------*/

/* mainvisual */
#mainVisual.service_index { background:url(../img/service/bg_index.jpg) no-repeat top center / cover; }
#mainVisual.sdgs_index { background:url(../img/sdgs/sdgs_top.jpg) no-repeat top center / cover; }
#mainVisual.ashlete_index {width: 100%; background:url(../img/ashlete/ashlete-top.png) no-repeat top center / cover; }
#mainVisual_no_image { background:#43a8c7; }

#main .lowerMenu ul li.bg_profile,
#main .lowerMenu ul li.bg_history,
#main .lowerMenu ul li.bg_sponsor,
#main .lowerMenu ul li.bg_recruit { border:10px solid #fff; }

	@media only screen and (max-width:767px) {
		#main .lowerMenu ul li.bg_profile,
		#main .lowerMenu ul li.bg_history,
		#main .lowerMenu ul li.bg_sponsor,
		#main .lowerMenu ul li.bg_recruit { border:5px solid #fff; }
		#mainVisual.ashlete_index {font-size: 10px; width: 100%; height: 150px; background:url(../img/ashlete/ashlete-top.png) no-repeat top center / cover; }
	}


/*
 sdgs
----------------------------------------------------------*/


.sdgs { color:#fff; position:relative;
background: #008965;
}

.sdgs_gide{
   color: #45a77d;
    font-size: 24px;
	font-weight: bold;
	text-align: center;
    letter-spacing: 0.14em;
	
}
#main .sdgs .inner { position:relative; z-index:2; padding:6.5% 20px 6.5%; }

.sdgs_title { font-size:10px; }
.sdgs_text { font-size:10px; margin:20px 0 10px; }
.sdgs .btn_round { letter-spacing:0.1em; font-size:22px; line-height:1; }

	@media only screen and (max-width:767px) {
    	.sdgs_title { font-size:8vw; }
    	.sdgs_text { font-size:14px; margin:10px 0; }
    	.sdgs .btn_round { font-size:5vw; margin:5% 0; }
    }





.sdgs_blue { color:#fff; position:relative;
background: #0092bb;
}


#main .sdgs_blue .inner { position:relative; z-index:2; padding:6.5% 20px 6.5%; }

.sdgs_blue_title { font-size:10px; }
.sdgs_blue_text { font-size:10px; margin:20px 0 10px; }
.sdgs_blue .btn_round { letter-spacing:0.1em; font-size:22px; line-height:1; }

	@media only screen and (max-width:767px) {
    	.sdgs_blue_title { font-size:8vw; }
    	.sdgs_blue_text { font-size:14px; margin:10px 0; }
    	.sdgs_blue .btn_round { font-size:5vw; margin:5% 0; }
    }

.entry { color:#fff; position:relative;
background: #5dac8a;
background: -moz-linear-gradient(left, #5dac8a 0%, #dddd73 100%);
background: -webkit-linear-gradient(left, #5dac8a 0%,#dddd73 100%);
background: linear-gradient(to right, #5dac8a 0%,#dddd73 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dac8a', endColorstr='#dddd73',GradientType=1 ); }

.entry::after { content:""; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background: url(../img/recruit/common/bg_town.png) no-repeat bottom right / 100% auto; }
#main .entry .inner { position:relative; z-index:2; padding:6.5% 20px 6.5%; }

.entry_title { font-size:60px; }
.entry_title_sdgs { font-size:28px; text-align: center; }
.entry_text { font-size:16px; margin:20px 0 10px; }
.entry .btn_round { letter-spacing:0.1em; font-size:22px; line-height:1; }

	@media only screen and (max-width:767px) {
    	.entry_title { font-size:8vw; }
		.entry_title_sdgs { font-size:4vw; text-align: center; }
    	.entry_text { font-size:14px; margin:10px 0; }
    	.entry .btn_round { font-size:5vw; margin:5% 0; }
		.sawarabi-br { display: inline;}
    }
.sawarabi { font-family: "Sawarabi Mincho", serif; }

@media screen and (min-width:480px) { 
    /*　for iPhone Landscape　(iPhone 横)　*/
 .sawarabi-br {display: none;}
}

.environment_lead {
    padding: 0 0 40px;
}

.lead_wrap {

	margin: 50px 50px 50px 50px;
    display: flex;
    justify-content: space-between;
	border-bottom: 1px solid #aaa6aa;
	padding: 0 0 40px 0;
}

.lead_wrap_sdgs {
    display: flex;
    justify-content: space-between;
	border-bottom: 1px solid #aaa6aa;
	padding: 0 0 40px 0;
}

.lead_title {
    width: 40%;
    color: #45a77d;
    font-size: 36px;
    line-height: 1.388;
    letter-spacing: 0.14em;
}

.lead_title:before {
    display: inline-block;
    content: "";
    margin-top: 26px;
    width: 60px;
    height: 3px;
    background: #45a77d;
    vertical-align: top;
}

.lead_titleTxt {
    display: inline-block;
}


.ashlete-lead_title {
    width: 40%;

    font-size: 36px;

}

.ashlete-lead_title:before {
    margin-top: 26px;
    width: 60px;
    height: 3px;
    vertical-align: top;
}

.ashlete-lead_titleTxt {
    display: inline-block;
}



.lead_description {
    width: 58%;
}
.lead_description_sdgs {
    width: 58%;
}


.lead_descriptionCopy, .lead_descriptionCopy > span {
    color: #45a77d;
    font-size: 24px;
    letter-spacing: 0.14em;
}

.lead_descriptionTxt {
    margin: 30px 0 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    letter-spacing: 0.02em;
}

.lead_sdgs {
margin: 10px 0 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    letter-spacing: 0.02em;
	
}

.lead_sdgs_under {
margin: 10px 0 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    letter-spacing: 0.02em;
	
}

.lead_sdgs_2 {

    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    letter-spacing: 0.02em;
	
}

p.lead_sdgs {
	   list-style: none;
   text-indent: -1em;
   padding-left: 1em;
}

p.lead_sdgs_under {
	   list-style: none;
   text-indent: -1em;
   padding-left: 1em;
	margin-bottom: 40px;
}

p.lead_sdgs_2 {

   text-indent: -1em;
   padding-left: 2em;
}

.sdgs_icon img{
	margin: 0 80px 0;

}

    @media only screen and (max-width: 767px) {
        .environment_lead {
            padding: 0;
        }

        .lead_wrap {
            display: block;
        }
		        .lead_wrap_sdgs {
            display: block;
        }

        .lead_title {
            width: auto;
            font-size: 28px;
        }

        .lead_title:before {
            margin-top: 20px;
        }
		
		        .ashlete-lead_title {
            width: auto;
            font-size: 28px;
        }

        .ashlete-lead_title:before {
            margin-top: 20px;
        }

        .lead_description {
            width: auto;
            padding: 30px 0 0;
        }
		
		.lead_description_sdgs {
            width: auto;
            padding: 30px 0 0;
        }

        .lead_descriptionCopy {
            font-size: 20px;
        }

        .lead_descriptionTxt {
            font-size: 14px;
        }
		.lead_sdgs {
            font-size: 14px;
        }
		.lead_sdgs_2 {
            font-size: 14px;
        }
    }
.wordblock {
    display: inline-block;
	font-weight: bold;
	
	  

}
.wordblock_img {
    display: inline-block;
	font-weight: bold;
	
	    padding-left: 30px;
    line-height: 30px;
    background: url(../img/sdgs/sdgs_icon.png) no-repeat;
 background-size: 25px;
}


/*----------------------------------------------------------
 INDEX
----------------------------------------------------------*/

.titleWrap h3 { font-size:30px; font-weight:bold; }
.titleWrap h3::before { content:attr(data-en) ""; font-size:12px; line-height:1.5; font-weight:normal; color:#43a8c7; text-align:center; font-family:'Ropa Sans', sans-serif; display:block; letter-spacing:0.01em; transition:0.3s; }


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

	@media only screen and (max-width:767px) {
		.titleWrap h3 { font-size:24px; }
		.titleWrap h3::before { font-size:10px; }
	}

.service_icon01 { margin: 0 auto; width: 160px; }
.service_title01 { text-align: center; font-size: 24px; font-weight: 500; margin-top: 25px; }
.service_title01 span { display: block; font-size: 22px; }
.service_box01 { margin-top: 60px; }
.service_box01 img { display: block; margin: 0 auto; }
.service_list01 li:before { content: "Little More"; display: inline-block; margin-right: 1em; font-size: 17px; }
.service_list02 > dt { font-size: 16px; font-weight: bold; color: #1a6b84; margin-top: 1.6em; }
.service_list02 > dd { margin-top: 0.6em; }
.service_name { font-size: 21px; }
.service_box02 img { display: block; margin: 0 auto; }
.service_box02_image { margin-top: 25px; }
.service_box02_text { margin-top: 25px; }
.service_title02 { font-size: 24px; font-weight: bold; color: #1a6b84; line-height: 1.4; }
.service_title02:before { content: attr(data-en) ""; font-size: 12px; line-height: 1.5; font-weight: normal; color: #43a8c7; font-family: 'Ropa Sans', sans-serif; display: block; letter-spacing: 0.01em; -webkit-transition: 0.3s; transition: 0.3s; }
.service_sec01 .inner_fixedBox { padding-bottom: 100px; padding-top: 60px; }
.service_sec02 .inner_fixedBox { padding-top: 100px; }

.remodal { padding: 0 !important; }

.modal_box01 { max-width: 1240px; background: url(../img/service/bg_modal01.jpg) no-repeat center center/cover; padding: 0 5% 0 9.6%; text-align: left; letter-spacing: 0.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.modal_textArea { width: 43%; padding: 6.4% 0; }
.modal_image { width: 51%; }
.modal_image img { display: block; margin: 0 auto; }
.modal_text01 { font-size: 13px; }
.modal_text02 { font-size: 22px; margin-top: 0.5em; }
.modal_text03 { margin-top: 1em; }
.modal_title01 { font-size: 21px; line-height: 1.4; border-bottom: 1px solid #5f615d; margin-top: 45px; }

.modal_closeBtn { position: absolute; top: -40px; right: 0; color: #fff; font-size: 18px; font-weight: 500; letter-spacing: 0.2em; }
.modal_closeBtn:before { content: "\00d7"; font-size: 26px; vertical-align: middle; margin-bottom: 2px; display: inline-block; }
.modal_closeBtn:hover { font-size: 18px; }

	@media only screen and (min-width: 768px) {
	    .service_box01 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: center; }
	    .service_box01_image { width: 41%; margin-right:3%; }
	    .service_box01_textArea { width: 50%; }
	    .service_box02 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
	    .service_box02 li { width: 31%; }
	}
	@media only screen and (max-width: 767px) {
	    .service_icon01 { width: 30%; max-width: 160px; margin-top: 50px; }
	    .service_title01 { font-size: 18px; }
	    .service_title01 span { font-size: 16px; }
	    .service_box01 { font-size: 13px; }
	    .service_box01_textArea { margin-top: 30px; }
	    .service_list01 { margin-bottom: 50px; }
	    .service_list01 li { text-align: center; margin-bottom: 1.5em; }
	    .service_list01 li:before { font-size: 15px; display: block; margin: 0 auto 0.5em; text-align: center; }
	    .service_list02 > dt { font-size: 14px; }
	    .service_name { font-size: 16px; }
	    .service_box02 li { font-size: 12px; }
	    .service_box02 li + li { margin-top: 50px; }
	    .service_title02 { font-size: 20px; }
	    .service_sec01 .inner_fixedBox { padding-top: 50px; padding-bottom: 50px; }
	    .service_sec02 .inner_fixedBox { padding-top: 50px; }
	    .modal_box01 { display: block; padding: 5% 5% 0; }
	    .modal_textArea { width: 100%; }
	    .modal_image { width: 50%; margin: 0 auto; }
	    .modal_text01 { font-size: 11px; }
	    .modal_text02 { font-size: 18px; }
	    .modal_text03 { font-size: 12px; }
	    .modal_title01 { font-size: 15px; margin-top: 20px; }
	}


/*----------------------------------------------------------
 アスリート
----------------------------------------------------------*/
#qa{
	width: 100%px;
	margin-bottom: 50px;
}
#qa h4 {
  margin-bottom: 10px;
}
#qa .qa_wrap {
  display: none;
  margin-top: 10px;
}
#qa .toggle {
  width: 100%;
  vertical-align: middle;
  position: relative;
  height: 48px;
  line-height: 48px;
  background: #000000;
  padding: 0 52px 0 10px;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
}
#qa .toggle:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  background: #c9d4dd url(../img/profile/icon_plus.gif) 0 0 no-repeat;
  background-size: 48px 48px;
}
#qa .toggle.active:after {
  background: #dce4ea url(../img/profile/icon_batsu.gif) 0 0 no-repeat;
  background-size: 48px 48px;
}
#qa table {
  width: 100%;
}
#qa table th {
  width: 30%;
  font-weight: normal;
  color: #FFFFFF;
  background: #000000;
  padding: 10px;
  border-bottom: 1px solid #FFF;
}
#qa table td {
  background: #edf1f4;
  padding: 10px;
  border-bottom: 1px solid #FFF;
}

#qa .accordion {
  margin: 0 10px;
}
#qa .toggle {
  font-size: 13px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
#qa table th {
  background: #000000 !important;
}

/* SIDEMENU_PROFILE
-------------------------- */
.side-wrap {
  border: 1px solid #1a242c;
  padding: 10px;
  margin: 20px 0;
}
.side-wrap .tit {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #1a242c;
}
.side-wrap .stl-year {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #b9b9b9;
  margin: 10px 0;
}
.toggle span {
  display: inline-block;
  padding: 0 30px 0 10px;
}
.toggle span.tit-topteam {
  border-left: 12px #CC0000 solid;
}
.toggle {
  font-size: 16px;
  line-height: 16px;
  display: block;
  position: relative;
  padding: 8px 0;
  text-decoration: none;
  background: #1A242C;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 10px;
}
.toggle:hover {
  background: #2F526F;
}
.toggle:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 25%;
  right: 8px;
  background: url(/img/profile/icon_plus_w.png) 0 0 no-repeat;
  background-size: 16px 16px;
}
.toggle.active:after {
  background: url(/img/profile/icon_batsu_w.png) 0 0 no-repeat;
  background-size: 16px 16px;
}
.toggle + ul {
  display: none;
  background: #FFF;
  margin: 0;
  font-size: 14px;
  overflow: hidden;
  margin: 0 0 30px 0;
}
.toggle + ul li {
  padding: 3px 5px;
}
.toggle + ul li.team {
  background: #1a242c;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 24px;
  height: 24px;
  padding: 0 5px;
  position: relative;
}
.toggle + ul li.team span {
  padding-left: 5px;
  display: block;
}
.toggle + ul li.team span.topteam {
  border-left: 3px #CC0000 solid;
}
.toggle + ul li.team span.amateur {
  border-left: 3px #9900CB solid;
}
.toggle + ul li.team span.u21 {
  border-left: 3px #cc6600 solid;
}
.toggle + ul li.team span.u23 {
  border-left: 3px #cc6600 solid;
}
.toggle + ul li.team span.univ {
  border-left: 3px #cc9900 solid;
}
.toggle + ul li.team span.u18 {
  border-left: 3px #006600 solid;
}
.toggle + ul li.team span.u15 {
  border-left: 3px #33CC33 solid;
}
.toggle + ul li.team span.u12 {
  border-left: 3px #3399CC solid;
}
.toggle + ul li.team span.woman {
  border-left: 3px #FF6666 solid;
}
.toggle + ul li.team span.itsuwari {
  border-left: 3px #012063 solid;
}
.toggle + ul li.team span.list {
  background: #2F526F;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 5px;
}
.toggle + ul li.team span.list a {
  color: #FFF;
  font-weight: normal;
  font-size: 13px;
}
.toggle + ul li.active {
  font-weight: bold;
}
.toggle + ul li:nth-child(even) {
  background: #edf1f4;
}
.side_navi {
  padding: 20px;
  background: #edf1f4;
}
.side_navi li {
  padding-bottom: 10px;
}

.ashlete-table{
	
margin: auto;
}

.ashlete-table .left-td{
	float: left;
width: 50%;
padding-right: 10px;
	
}

.ashlete-table .right-td{
	float: right;
width: 50%;
	padding-left: 10px;
}

html {scroll-behavior: smooth;}