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

@import "flex.css";

main{
	margin-top: 100px;
}

/** 社是・経営理念
---------------------------------------------------------------------------------*/
@media screen and (max-width: 639px) {
	section#philosophy-01 { padding-top: 40px; padding-bottom:10px; }
	section#philosophy-02 { padding-top: 0; padding-bottom:20px; }
	section#philosophy-03 { padding-top: 0; padding-bottom:40px; }
	section#philosophy-04 { padding-top: 0; padding-bottom:30px; }

ol  {
    position: relative;
    margin:0;
    padding:0
}
 
ol li  {
    list-style: none;
    list-style-position:outside;
    margin:0;
    padding-left:1.25em
}
ol li span {
    position: absolute;
    left:0;
    margin:0
}
	
}
@media screen and (min-width: 640px) {
	section#philosophy-01 { padding-top: 70px; padding-bottom:60px; }
	section#philosophy-02 { padding-top: 0; padding-bottom:40px; }
	section#philosophy-03 { padding-top: 0; padding-bottom:70px; }
	section#philosophy-04 { padding-top: 0; padding-bottom:80px; }
}
#page-philosophy {
	background-image: url(../img/company/philosophy/bg_intoro.jpg);
	background-repeat: no-repeat;
}

@media screen and (max-width: 639px) {
	#page-philosophy {
		background-position: left 170px;
		background-size: 80%;
	}
}

@media screen and (min-width: 640px) {
	#page-philosophy {
		background-position: left 500px;
	}
}

/*--------------------  社是  --------------------*/
@media screen and (max-width: 639px) {
	section#philosophy-04 .flex-sp li {
		width: 42%;
		margin: 0 auto;
	}
}


/*--------------------  経営理念  --------------------*/
section#philosophy-01 li {
	color: #333;
}

@media screen and (max-width: 639px) {
	section#philosophy-01 li {
		font-size: 15px;
		padding: 10px 0;
	}
}
@media screen and (min-width: 640px) {
	section#philosophy-01 ul {
		width: 1000px;
		margin: 0 auto;
	}
	section#philosophy-01 li {
		padding: 15px 0;
		font-size:25px;
		line-height: 1.5;
		font-family: 'HG行書体';

	}
}

/*--------------------  三方よし  --------------------*/
@media screen and (min-width: 640px) {
	section#philosophy-02 p{
		font-size:15px;

	}
	section#philosophy-02 div h3{
		font-size:50px;
		line-height: 1;
		font-family: 'HG行書体';
	}
	section#philosophy-02 div p.spc{
		font-size:25px;
		line-height: 1.5;
		font-family: 'HG行書体';
	}
}
@media screen and (max-width: 639px) {
	section#philosophy-02 p{
		font-size:15px;
	}
}
.flex{
	margin-bottom: 60px;
}

.flex li{
	margin:auto;
}
section#philosophy-02 table{
	margin-bottom: 60px;
}

section#philosophy-02 th{
	padding: 10px;
	width: 30%;
	background-color: #ebf4fb;
    font-weight: 100;
}
@media screen and (max-width: 639px) {
	section#philosophy-02 th p{
		font-size: 15px;
	}
}
section#philosophy-02 td{
	padding: 10px;
	width: 40%;
}