@charset "utf-8";
/* CSS Document */

/*タブレット用スタイル*/
@media (min-width: 768px) and (max-width: 959px) {
	.container{
		max-width: 929px;
		margin: 0 auto;	
		padding-right: 15px;
		padding-left: 15px;
	}
	.br_sp{
	   display:none;
	}
	.br_pc{
	   display:none;
	}
	.br_tab {
	   display:block;
	}
	section{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	h2{
		padding-top: 0px;
		padding-bottom: 30px;
		padding-right: 0px;
		padding-left: 0px;
	}
	.white-box {
		padding: 30px;
	}
	.bg-black{
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 50px;
	}
	.bg-grn{
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 50px;
	}
/*-------------------------------------------------------------
mv
---------------------------------------------------------------*/	
	.mv h2{
		padding-top: 30px;
	}
	.mv h2 img{
		width: 63%;
	}
	.yazi{
		top: -25px;
	}
/*-------------------------------------------------------------
cta
---------------------------------------------------------------*/	
	.cta .box{
		padding: 20px;
		font-size: 20px;
	}
	.cta .box h3 img{
		width: 78%;	
	}
	.seminar img{
		width: 85%;
	}
	
/*-------------------------------------------------------------
sec01
---------------------------------------------------------------*/	
.slide{
		width: 100%;
		overflow: auto;
	}

/*-------------------------------------------------------------
sec03
---------------------------------------------------------------*/
.sec03 .pic01{
	width: 50%;
}

/*-------------------------------------------------------------
sec04
---------------------------------------------------------------*/
.sec04 h2{
	padding-bottom: 50px;
	}
/*-------------------------------------------------------------
sec05
---------------------------------------------------------------*/	
	.sec05 .white-box {
		margin-top: 30px;
		float: right;
		min-width: 768px;
		padding: 50px;
		text-align: center;
	}
/*--------------------------------------*/
	.beige {
	  max-width: 959px
	}
	.migiyose {
	height: 100%;
	}
	.sec05 h3{
		margin-left: auto;
		max-width:76%; 
		margin-bottom: 30px;
		background:#1b1b1b;
		padding: 10px 20px;
		margin-right: 15px;
	}
	.sec05 .box{
		margin-left: auto;
		max-width: 80%; 
		text-align: left;
		padding-right: 15px;
	}

	.beige {
		height: 700px;
		max-width: 930px; 
		margin: 0 auto;
		text-align: center;
	}

	/*-------------------------------*/
	.point2 .kuro{
		margin-left: auto;
		max-width:96%; 
		margin-bottom: 30px;
		background:#1b1b1b;
		padding: 10px 20px;
		margin-right: 0px;
	}
	.migiyose02 {
	  width: 100%;
	  height: 380px;
	  margin-left: auto;
	}
	.beige02 {
	height: 1240px;
	  max-width: 930px;
	  margin: 0 auto;
	  text-align: center;
	}
	.sec05 .txt02{
		width: 95%; 
		float: none;
		margin-left: auto;
	}
	.sec05 .bg-gray{
		background: url("../img/bg-gray.png");
		padding: 50px 0;
		margin-top: 50px;
	}
	.point2 .box{
		padding-right: 15px;
	}
	/*-------------------------------*/

	.point1:before,
	.point2:before,
	.point3:before {
	  position: absolute;
	  content: "";
	  background-position: top;
	  background-repeat: no-repeat;
	  width: 2170px;
	  margin-left: calc(50% - 1000px);
	  height: 100%;
	  z-index: 2;
	}

	.migiyose03 {
	  width: 100%;
	  height: 530px;
	  margin-left: auto;
	}
	.beige03 {
		height: 780px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.sec05 .point3 .box{
		margin-left: auto;
		max-width: 86%; 
		text-align: left;
		margin-bottom: 0px;
	}
	.sec05 .white-box{
		margin-left: auto;
		float: none;
	}
	.point3 .txt02{
		width: 88%;
	}

/*------------------------------------------------------*/	
	.sec05-1 .yazi img{
		width: 20%;
	}	
	.sec05-1 .white-box{
		margin-top: -10px;
		margin-left: 7px;
		width: 94%;
		padding: 20px;
	}
/*-------------------------------------------------------------
	sec06
---------------------------------------------------------------*/
	.sec06 h3 img{
		width: 90%;
	}
	.sec06 .white-box img{
		width: 100%;
	}
	.sec06 .txt01{
		padding-top: 0px;
	}
	
/*-------------------------------------------------------------
sec07
---------------------------------------------------------------*/

.sec07 h3{
	background: url("../img/bg-grn.png");
	padding: 30px;
	padding-left: 140px;
}
.sec07 li{
	background: url("../img/icon02.png")no-repeat left top;
	padding-left: 35px;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 20px
}
.sec07 ul{
	padding: 50px;
}
.sec07 .medaru{
	position: absolute;
	top: -5px;
	left: -5px;
}

/*-------------------------------------------------------------
sec08
---------------------------------------------------------------*/
	.sec08 .yazi{
		top: -31px;
	}
	.sec08 li{
		background: url("../img/icon03.png")no-repeat left top;
		padding-left: 35px;
		padding-bottom: 20px;
		font-size: 24px;
		font-weight: bold;
	}

	.sec08 .white-box{
		padding: 30px;
	}

/*-------------------------------------------------------------
sec010
---------------------------------------------------------------*/

	.sec10 .bg-gray{
		background: #f5f5f5;
		padding: 30px;
	}
	.bg-green{
		background: url("../img/bg-grn.png");
		padding: 30px;
		margin-top: 50px;
	}
	.sec10 .movie img{
		width: 100%;
	}
	.bg-gray .maru img{
		width: 100%;
	}
	.bg-gray .maru {
		right: 0px;
		bottom: -50px;
	}

	button img{
		width: 100%;
	}

/*-------------------------------------------------------------
sec11
---------------------------------------------------------------*/
	.sec11 h3{
		padding-left:130px; 
	}
	.sec11 .white-box{
		padding: 30px; 
		padding-top: 20px;
	}
	.sec11 .sen {
		margin-bottom: 30px;
		height: 3px;
		margin-left: -30px;
		width: calc(100% + 60px);
	}
	.sec11 .sen02{
		margin-top: 30px;
		height:3px;
		margin-left: -30px;
		width: calc(100% + 60px);
	}
	.sec11 .maru{
		position: absolute;
		left: 170px;
		bottom: -40px;
	}
	.sec11 .white-box p{
		padding-left:20px;
	}

	.sec11 .pd{
		padding-top: 30px!important;
	}
	.sec11 .tokuten{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
	}



	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*-------------------------------------------------------------
header
---------------------------------------------------------------*/
#header {
	background: #001111;
}
#header .header {
	width: 768px;
	margin: 0 auto;
	padding: 0.8em 15px 0.8em;
}
.header .txt01{
	font-size: 14px;
	line-height: 1.4em;
	text-align: left;
	color: #fff;
	padding-top: 3px;
}
/*--------------------------*/
.hr{
	float: right;
	width: 50%;
}
.hl{
	float: left;
	width: 30%;
}
/*
.hrl02{
	float: left;
	width: 30%;
}
/*--------------------------*/
.hrl{
	float: left;
	width: 60%;
}
.hrr{
	float: right;
	width: 35%;
	background: #3dadbb;
	text-align: center;
	font-size: 12px;
}
.hrr a{
	display: block;
	padding: 10px 0px;
	text-decoration: none;
	color: #fff;
}
.hrr:befor {
    content: "";
    display: block;
    clear: both;
}
.hrll :hover{
	background-color: #eff;
}

/*tab用スタイルend*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}