/* CSS Document */

@media (min-width:751px) {

/* #mv
-------------------------------------------------- */
	#mv { 
		background: url("../images/mv.jpg") center center no-repeat; 
		background-size: cover; 
	}
	#mv h2 { 
		background: url("../images/ttl.png") center top 83px no-repeat; 
	}

/* #s_list
-------------------------------------------------- */
	#s_list {
		margin-top: 60px;
		margin-bottom: 125px;
	}

/* #greeting
-------------------------------------------------- */
	#greeting { 
		position: relative; 
		padding-bottom: 150px;
	}
	#chairman {
		margin-bottom: 50px;
	}
	#greeting .txt {
		width: 54%;	
		margin-right: 1%;
		margin-top: 100px;
	}
	#greeting .txt p {
		line-height: 1.8;
	}
	#greeting .img {
		width: 45%;
	}
	#greeting .img img {
		width: 100%;
	}
	#greeting .img p {
		text-align: right;
		line-height: 2;
	}
	.v-pre {
		justify-content: space-between;
	}
	.greeting2 { 
		width: 48%;
		flex-direction: row-reverse;
	}

	#greeting .greeting2 .txt {
		margin-top: 20px;
		margin-right: 0;
		margin-left: 1%;
	}
	#greeting .greeting2 .txt h3.ch3_1 {
		font-size: 28px;
	}
	.greeting2 .img { 
		width: 38%;
	}


/* #philosophy
-------------------------------------------------- */
	#philosophy {
		position: relative;
		background: url("../../images/bg_mesh.png");
		border-top: 1px solid #67AF7D;
		padding-bottom: 90px;
	}
	#philosophy .lead {
		margin-bottom: 60px;
	}
	#philosophy ul {
		background: #FFFFFF;
		padding: 45px 0 45px 290px;
	}
	#philosophy ul li {
		font-size: 18px;
		margin-bottom: 1em;
	}
	#philosophy ul li:last-child {
		margin-bottom: 0;
	}
	.bg_ex1 {
		position: relative;
		width: 100%;
		height: 410px;
		background: url("../images/bg_ex1.jpg") center center no-repeat;
		background-size: cover;
		text-indent: -100000px;
	}


/* #history
-------------------------------------------------- */
	#history {
		position: relative;
	}
	#history .ch3 {
		margin-bottom: 60px;
	}
	#history .bg_his {
		background: url("../images/bg_history.jpg");
		padding-top: 140px;
		padding-bottom: 150px;
	}
	#history .ctable th {
		width: 170px;
	}
	.bg_ex2 {
		position: relative;
		width: 100%;
		height: 410px;
		background: url("../images/bg_ex2.jpg") center center no-repeat;
		background-size: cover;
		text-indent: -100000px;
	}


/* #overview
-------------------------------------------------- */
	#overview {
		position: relative;
	}
	#overview .inner {
		padding: 150px 0 100px;
	}
	#overview .ch3 {
		margin-bottom: 60px;
	}
	#overview .ctable th {
		width: 170px;
	}


/* #related
-------------------------------------------------- */
	#related { 
		background: url("../../images/index/bg_related.jpg"); 
		padding: 70px 0; 
		margin-bottom: 100px;
		border-top: 1px solid #20B27B; 
		border-bottom: 1px solid #20B27B; 
	}
	#related .mainw.cflex { 
		align-items: center; 
		justify-content: space-between; 
		background: #FFFFFF; 
		padding: 40px 105px 45px; 
		border-top: 1px solid #20B27B; 
		box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2);
	}
	#related ul { 
		justify-content: space-between; 
	}
	#related ul li:first-child { 
		margin-right: 30px; 
	}
	#related ul a { 
		text-align: center; 
	}
	#related ul a p { 
		text-align: center; 
		color: #20B27B; 
		margin-top: 20px; 
	}


}/* End @media(min-width751px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and  (max-width:1100px) {


}/* End @media (min-width: 751px) and  (max-width:1100px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (max-width:750px) {

/* #mv
-------------------------------------------------- */
	#mv { 
		background: url("../images/mv_sp.jpg") center center no-repeat; 
		background-size: cover; 
	}
	#mv h2 { background: url("../images/ttl.png") center center no-repeat; 
		background-size: contain; 
	}

/* #s_list
-------------------------------------------------- */
	#s_list {
		margin-top: 8vw;
		margin-bottom: 18vw;
	}


/* #greeting
-------------------------------------------------- */
	#greeting { 
		position: relative; 
		padding-bottom: 28vw;
	}
	#chairman {
		margin-bottom: 10vw;
	}
	#greeting .mainw { 

	}
	#greeting .txt {
		width: 100%;
		margin-bottom: 4vw;
		/*margin-right: 1%;*/
		/*margin-top: 6vw;*/
	}
	#greeting .txt p {
		line-height: 1.8;
	}
	#greeting .img {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	#greeting .img img {
		width: 100%;
	}
	#greeting .img p {
		text-align: right;
		line-height: 2;
	}
	.greeting2 {
		margin-bottom: 10vw;
	}



/* #philosophy
-------------------------------------------------- */
	#philosophy {
		position: relative;
		background: url("../../images/bg_mesh.png");
		border-top: 1px solid #67AF7D;
		padding-bottom: 8vw;
	}
	#philosophy .lead {
		margin-bottom: 6vw;
	}
	#philosophy ul {
		background: #FFFFFF;
		padding: 6vw 0 6vw 0;
	}
	#philosophy ul li {
		/*font-size: 4vw;*/
		margin-bottom: 1em;
	}
	#philosophy ul li:last-child {
		margin-bottom: 0;
	}
	.bg_ex1 {
		position: relative;
		width: 100%;
		height: 50vw;
		background: url("../images/bg_ex1.jpg") center center no-repeat;
		background-size: cover;
		text-indent: -100000px;
	}


/* #history
-------------------------------------------------- */
	#history {
		position: relative;
	}
	#history .ch3 {
		margin-bottom: 6vw;
	}
	#history .bg_his {
		background: url("../images/bg_history.jpg");
		padding-top: 12vw;
		padding-bottom: 12vw;
	}
	#history .ctable th {
		display: block;
		width: 100%;
	}
	#history .ctable tr:last-of-type th {
		/*border-bottom: #A3A3A3 1px dashed;*/
	}
	#history .ctable td {
		display: block;
		width: 100%;
	}
	.bg_ex2 {
		position: relative;
		width: 100%;
		height: 50vw;
		background: url("../images/bg_ex2.jpg") center center no-repeat;
		background-size: cover;
		text-indent: -100000px;
	}


/* #overview
-------------------------------------------------- */
	#overview {
		position: relative;
	}
	#overview .inner {
		padding: 12vw 0 ;
	}
	#overview .ch3 {
		margin-bottom: 6vw;
	}
	#overview .ctable th {
		display: block;
		width: 100%;
	}
	#overview .ctable tr:last-of-type th {
		/*border-bottom: #A3A3A3 1px dashed;*/
	}
	#overview .ctable td {
		display: block;
		width: 100%;
	}


/* #related 
-------------------------------------------------- */
	#related { 
		background: url("../../images/index/bg_related.jpg"); 
		padding: 10.4vw 0; 
		border-top: 1px solid #20B27B; 
		border-bottom: 1px solid #20B27B; 
		margin-bottom: 8vw;
	}
	#related .mainw.cflex { 
		background: #FFFFFF; 
		padding: 6.6vw 5.3vw; 
		border-top: 1px solid #20B27B; 
		box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2);
	}
	#related ul {  
	}
	#related ul li:first-child { 
		margin-bottom: 6vw; 
	}
	#related ul a { 
		text-align: center; 
	}
	#related ul a img { 
		width: 100%; 
	}
	#related ul a p { 
		text-align: center; 
		color: #20B27B; 
		margin-top: 4.6vw; 
	}


}/* End @media (max-width: 750px) */

/* ----------------------------------------------------------------------------------------------------