@charset "UTF-8";
/* 全端末共通
-------------------------------------------------- */
.txt01{
	line-height: 2;
}
/* SP
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.name_pr{
		text-align: right;
		margin-top: 4vw;
	}
	.name_pr small{
		font-size: 100%;
		margin-right: 1em;
	}
	.name_pr span{
		font-size: 1.5em;
		font-weight: 500;
	}
	.box_reason{
		background: #F8F8F8;
		margin: 4vw 0 8vw;
		padding: 4vw;
		line-height: 2;
	}
	.box_reason h5{
		color: #32339F;
	}
	.box_reason ul li:before{
		content: "●";
		margin-right: 0.5em;
		color: #32339F;
	}
	.img_reason{
		margin: 4vw 0 8vw;
	}
	.row_access .col_img{
		margin-bottom: 4vw;
	}
	.row_access .col_txt p:first-of-type{
		margin-bottom: 4vw;
	}
	#map {
		margin-top: 7vw;
		position: relative;
		width: 100%;
		padding: 75% 0 0 0;
	}
	#map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.box_philosophy{
		background: #fff;
		padding: 5vw;
		font-size: 120%;
		font-weight: 500;
		line-height: 1.4;
	}
	.box_philosophy li{
		margin-bottom: 3vw;
		margin-left: 10vw;
		text-indent: -10vw;
	}
	.box_philosophy i{
		margin-right: 0.5em;
	}
	.catch_philosophy{
		margin: 8vw 0;
		font-size: 135%;
		line-height: 2;
		font-weight: 300;
	}
	.catch_philosophy strong{
		font-size: 120%;
		color: #32339F;
		font-weight: 500;
	}
	.img_philosophy{
		text-align: center;
	}
}
/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {
	.name_pr{
		text-align: right;
		margin-top: 20px;
	}
	.name_pr small{
		font-size: 16px;
		margin-right: 1em;
	}
	.name_pr span{
		font-size: 22px;
		font-weight: 500;
	}
	.box_philosophy{
		background: #fff;
		padding: 50px 60px;
		font-size: 20px;
		font-weight: 500;
		line-height: 2.3;
	}
	.box_philosophy li{
		text-indent: -2em;
		padding-left: 1em;
		line-height: 2rem;
		margin: 1rem 0;
	}
	.box_philosophy i{
		margin-right: 1em;
	}
	.catch_philosophy{
		text-align: center;
		margin: 90px 0 60px;
		font-size: 28px;
		line-height: 60px;
		font-weight: 300;
	}
	.catch_philosophy strong{
		font-size: 36px;
		color: #32339F;
		font-weight: 500;
	}
	.img_philosophy{
		text-align: center;
	}
	.row_about{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack:justify;/*--- IE10 ---*/
		-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
		justify-content:space-between;
	}
	.row_about table{
		width: 450px;
	}
	.row_about table th{
		width: 140px;
	}
	.tbl_history{
		width: 820px;
		margin: 0 auto;
	}
	.tbl_history th{
		width: 140px;
		padding-left: 10px;
	}
	.box_reason{
		background: #F8F8F8;
		margin: 40px 0 70px;
		padding: 50px 150px;
		font-size: 16px;
		line-height: 30px;
	}
	.box_reason h5{
		color: #32339F;
	}
	.box_reason ul{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack:justify;/*--- IE10 ---*/
		-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
		justify-content:space-between;
		-ms-flex-wrap:wrap;/*--- IE10用 ---*/
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:         wrap;
	}
	.box_reason ul li{
		width: 50%;
	}
	.box_reason ul li:before{
		content: "●";
		margin-right: 0.5em;
		color: #32339F;
	}
	.img_reason{
		margin: 40px 0 70px;
	}
	.row_access{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack:justify;/*--- IE10 ---*/
		-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
		justify-content:space-between;
	}
	.row_access .col_img{
		width: 390px;
	}
	.row_access .col_txt{
		width: 510px;
		font-size: 16px;
		line-height: 30px;
	}
	.row_access .col_txt p:first-of-type{
		margin-bottom: 30px;
	}
	#map {
		margin-top: 40px;
		position: relative;
		width: 100%;
		padding: 480px 0 0 0;
	}
	#map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}