@charset  "UTF-8";

/* common  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.content { margin:160px 0; padding:0; }

	/*
	serectのBGの薄緑：#d8e8e0
	/* ==SH== */


/* main  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.main{
	/*padding-top: 20px;*/
	position: relative;
}
.main_title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 95.2%;
}

/* about  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.about{
	padding-bottom: 0px;
}
.about_title{
	margin-bottom: -22px;
	position: relative;
	z-index: 1;
}
.about_block1{
	margin-bottom: 80px;
}
.about_block1 .about_pic{
	position: relative;
	right: -5.97%;
	padding-bottom: 56.25%;
}
.about_block1 .about_pic video{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}
.about_block2{
	margin-top: 80px;
}
.about_copy{
	margin: 34px 0 14px;
}
.about_lead{
	font-weight: 700;
}
.about_lead p{
	margin-bottom: 1em;
}
.about_lead p:last-child{
	margin-bottom: 0;
}
.about_head{
	max-width: 335px;
	margin: 44px 0 18px;
}


/* voice  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.voice{
	padding-bottom: 40px;
}
.voice_pic{
	position: relative;
	top: -108px;
	margin-bottom: -108px;
}
.voice_title{
	margin: 30px 0 24px;
}
.voice_list{
	border-bottom: 1px solid #004639;
}
.voice_item{
	border-top: 1px solid #004639;
	padding: 24px 0;
}
.voice_head{
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}
.voice_head h3{
	line-height: 1.5;
	flex: 1;
	padding-right: 1em;
}
.voice_icon{
	width: 48px;
}
.voice_text{
	margin-bottom: 16px;
}
.voice_hash{
	color: #428d65;
	font-weight: 700;
	line-height: 1.5;
}


/* belt  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.belt{
	padding: 23px 0;
	font-size: 5.6rem;
	font-weight: 700;
	color: transparent;
	text-stroke: 1px #004639;
	-webkit-text-stroke: 1px #004639;
}
/*
body.is-ie .belt{
    color: #fff;
    text-shadow: #004639 1px 1px 0px, #004639 -1px 1px 0px,
    #004639 1px -1px 0px, #004639 -1px -1px 0px;
}
*/

.belt_list{
	display: flex;
}


/* image  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.image{
	background-image: url("/img/201606wab/top/image1.jpg");
}



/* topics  */
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.topics{
	padding-top: 90px; padding-bottom:160px; /* padding-bottomのみ SH */
}
.topics_title{
	margin-bottom: 24px;
}
.topics_row{
	display: inline;
	letter-spacing: -.4em;
}
/*
.topics_list{
	width: 106%;
	margin-left: -3%;
}
*/
.topics_item{
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 3%;
	margin-bottom: 34px;
}
.topics_item:last-child{
	margin-bottom: 0;
}
.topics_item a{
	display: block;
}


/* 20230208 ==SH== */
.magazine-list { display:flex; flex-wrap:wrap; }
.magazine-list li { display:inline-block; width:48%; }
.magazine-list li:nth-child(even) { margin-left:4%; }
.magazine-list li:nth-child(n+3)  { margin-top:40px; }
.magazine-list a > div {
	width:100%; height:12rem; margin-bottom:0.5em;
	background-size:cover; background-position:center;
}



/* ==SH== */
section h3,
.col_reverse img { margin-bottom:20px; }

.bg_bottom:before {
	content:""; display:block; width:100%; height:50%; background:#d9e8e1;
	position:absolute; bottom:-20px; left:0;
}



/* missionBox ==SH== */
.missionBox:before {
	content:""; display:block; width:70%; height:450px; background:#d9e8e1;
	position:absolute; top:170px; left:0;
}
.missionBox .col_reverse {
	padding-top:40px;
}




/* trainingSupportBox ==SH== */
/* personalTrainingBox ==SH== */

.trainingSupportBox .col,
.personalTrainingBox .col { align-items:flex-start; }

.trainingSupportBox .col_item:nth-child(2),
.personalTrainingBox .col_item:nth-child(2) { padding:0 20px 20px 20px; background:#FFF; }




/**/



@media (min-width: 769px) {

	/* common  */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   *
	.content{
		padding-top: 100px;
	}
	*/
	.wrap{
		margin-top: 0;
	}

	/* main  */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.main{
		padding-top: 0;
	}
	.main_pic{
		max-width: 660px;
		margin: 0 auto;
	}
	.main_pic img{
		opacity: 1;
	}
	.main_title{
		width: 96.4%;
	}
	.main_menus{
		position: absolute;
		top: 80px;
		left: 20px;
	}
	.main_menu a{
		font-weight: 700;
		font-size: 1.3rem;
	}


	/* about  */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.about{
		padding-bottom: 0;
	}
	.about_title{
		margin-bottom: -50px;
	}
	.about_block1{
		margin-bottom: 160px;
		align-items: center;
	}
	.about_block1 .about_pic{
		right: -14.49%;
		width: 108.9%;
	}
	.about_block2{
		margin-top: 160px;
	}
	.about_block2 .col_item:nth-child(2){
		padding-left: 5.4%;
	}
	.about_copy{
		margin-top: 0;
	}
	.about_head{
		max-width: 100%;
		width: 99.41%;
		margin-top: 0;
	}


	/* voice  */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.voice{
		padding-bottom: 130px;
	}
	.voice .col_item:nth-child(2){
		padding-right: 92px;
	}
	.voice_pic{
		position: relative;
		top: -108px;
		margin-bottom: -108px;
	}
	.voice_title{
		margin: 160px 0 40px;
	}


	/* belt  */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   *
	.belt{
		font-size: 6.4rem;
		padding: 32px 0;
	}


	/* image  */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.image{
		background-image: url("/img/201606wab/top/image1_pc.jpg");
	}



	/* topics  */
	/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
	.topics{
		padding-top: 160px;
	}
	.topics_title{
		margin-bottom: 24px;
	}
	.topics_list{
		width: 100%;
		margin-left: 0;
	}
	.topics_row{
		display: flex;
		padding: 40px 0;
		border-top: 1px solid #004639;
	}
	.topics_row:last-child{
		border-bottom: 1px solid #004639;
	}
	.topics_item{
		display: block;
		width: 31.1%;
		margin-bottom: 0;
		margin-right: 3.35%;
		padding: 0;
	}
	.topics_item:last-child{
		margin-right: 0;
	}


	/* trainingSupportBox ==SH== */
    .trainingSupportBox .more_link { margin-left:auto; }

    /* 20230208 ==SH== */
	.magazine-list {
		padding:0 0 40px 0; overflow:hidden;
		border-top:1px solid #004639; border-bottom:1px solid #004639;
	}
	.magazine-list li { width:31%; margin-top:40px; }
	.magazine-list li,
	.magazine-list li:nth-child(even) { margin-left:3.5%; }
	.magazine-list li:nth-child(n+4) { margin-top:80px; }
	.magazine-list li:first-child,
	.magazine-list li:nth-child(4) { margin-left:0; }
	.magazine-list li:nth-child(4) { position:relative; }
	.magazine-list li:nth-child(4)::before {
		content:""; position:absolute; top:-40px; left:0;
		width:1000%; height:1px; background:#004639;
		max-width:574px;
	}

}