@charset "UTF-8";
/* 全端末共通
-------------------------------------------------- */
.txt01{
	line-height: 30px;
}
/* SP
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.txt01 {
		line-height: 1.7;
	}
	.center {
		margin: 8vw auto 2vw;
	}
	.float-container .right {
		text-align: center;
	}
	.content_low section .btn-w200 {
		margin-top: 8vw;
	}
	.content_low section.sec1 {
		padding: 12vw 0;
	}
	.content_low section .head {
		margin-bottom: 5vw;
		white-space: normal;
	}
	.content_low section h3 {
		padding-top: 0;
		margin-bottom: 4vw;
		padding-left: 6vw;
	}
	.content_low section h3 span {
		font-size: calc(44/640*100vw);
		text-align: left;
		line-height: 1.4;
	}
	.content_low section h3:before {
		content: "";
		top: 3vw;
		left: 0;
	}
	.content_low section h3:after {
		content: "";
		top: 5vw;
		left: 2vw;
	}
	.content_low .sec1 ul li {
		margin: 0 auto 8vw;
	}
	.content_low .sec1 p.txt01 {
		margin-bottom: 10vw;
	}
	.content_low .sec2 {
		padding: 12vw 0 4vw;
	}
	.content_low section .float-container img {
		margin: 0 auto 4vw;
	}
	.float-container .left {
		text-align: center;
	}
	.float-container h4 {
		text-align: left;
		margin-bottom: 8vw;
	}
	.content_low section ul li {
		margin: 0 auto 8vw;
	}
	.tbl01 tbody th {
		width: 90px;
	}
	p.bold {
    font-size: calc(36/640*100vw);
    color: #333333;
    margin: 8vw auto 2vw;
    font-weight: bold;
    padding-left: 5vw;
    position: relative;
    line-height: 1.4;
	text-align:left
	}
	p.bold:before {
    position: absolute;
    content: '';
    width: 4vw;
    height: 4vw;
    border-radius: 20px;
    background: #32339F;
   	left: 0;
    top: 50%;
    transform: translateY(-50%);
	}
	.mb60 {
		margin-bottom: 8vw;
	}
	.btn_index01 a{
		height: 20vw;
		border: 1px solid #32339F;
		color: #32339F;
		display: -webkit-flex; /* Safari用 */
		display: flex;
		-webkit-justify-content: center; /* Safari用 */
		justify-content: center;
		-webkit-align-items: center; /* Safari用 */
		align-items: center;
		background: url("../img/index/icn_arr01.png") no-repeat right 10px center;
	}
}
/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {
	.center {
		text-align: center;
		margin: 60px auto 10px;
	}
	.float-container {
		margin-top: 45px;
	}
	.float-container .left {
		width: 460px;
	}
	.float-container .right {
		width: 460px;
	}
	.float-container .right img {
		/*margin-top: 70px;*/
	}
	.content_low section .head {
		margin: 0 0 50px -25px;
		white-space: nowrap;
	}
	.content_low section h3 {
		padding-top: 0;
		margin-bottom: 40px;
		padding-left: 35px;
	}
	.content_low section h3 span {
		font-size: 28px;
		text-align: left;
		line-height: 37px;
	}
	.content_low section h3:before {
		content: "";
		width: 10px;
		height: 10px;
		background: #32339F;
		position: absolute;
		top: 10px;
		/* left: calc(50% - 10px); */
		left: 0;
	}
	.content_low section h3:after {
		content: "";
		width: 10px;
		height: 10px;
		background: #32339F;
		position: absolute;
		top: 20px;
		left: 10px;
	}
	p.bold {
		font-size: 16px;
		color: #333333;
		margin:0 auto;
		font-weight: bold;
		padding-left: 23px;
		position: relative;
		line-height: 30px;
	}
	p.bold span {
		font-weight: normal;
		margin-left: 15px;
	}
	p.bold:before {
		position: absolute;
		content: '';
		width: 16px;
		height: 16px;
		border-radius: 20px;
		background: #32339F;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.btn_index01{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-justify-content:flex-end;/*--- safari（PC）用 ---*/
		justify-content:flex-end;
	}
	.btn_index01 a{
		width: 200px;
		height: 64px;
		border: 1px solid #32339F;
		color: #32339F;
		display: -webkit-flex; /* Safari用 */
		display: flex;
		-webkit-justify-content: center; /* Safari用 */
		justify-content: center;
		-webkit-align-items: center; /* Safari用 */
		align-items: center;
		background: url("../img/index/icn_arr01.png") no-repeat right 10px center;
	}
	.btn_index01 a:hover{
		color: #fff;
		background: url("../img/index/icn_arr02.png") no-repeat right 10px center #32339F;
	}
	.mb15 {
		margin-bottom: 15px;
	}
	.mb30 {
		margin-bottom: 30px !important;
	}
	.mb60 {
		margin-bottom: 60px;
	}
	.img_philosophy{
		text-align: center;
	}
	.pl18 {
		padding-left: 24px;
	}

}