/*=============================
私たちの想い　ミカサエックスレイ
=============================*/
@charset "UTF-8";
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;overflow-x: hidden; /* 横スクロールを無効化 */
	overflow-y: visible;
}


body {
	margin: 0 auto;
	background-color: #fff;
	font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	/*overflow-x: hidden; 横スクロールを無効化 */
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }



.philosophy_footer{
    max-width: 1200px;
    margin: 0 auto;
}


main{
	position: relative;
	margin: 0 auto;
	padding: 0 60px;
	z-index: 99;
}

.breadcrumbs_p{
	/*padding: 32px 64px 0;*/
	padding: 32px 64px 0;
	color: #fff;
	font-size: 18px;
	margin: 0 auto 158px;
	max-width: 1040px;
}
.breadcrumbs_p a{
	color: #fff;
	text-decoration: underline;
}

.msg_1{
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding: 80px 0 180px;
	text-align: center;
	z-index: 99;
}
.msg_1 img{
	width: 100%;
	max-width: 930px;
	margin-bottom: 53px;
}

/*
.msg_1a{
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding: 0 0 180px;
	text-align: center;
	z-index: 99;
}
.msg_1a img{
	width: 100%;
	max-width: 796px;
	margin-bottom: 53px;
}
.msg_1a p{
	width: 100%;
	margin: 0 auto;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.8;
	color:#000046;
	text-align: center;
}
.msg_1a p:last-child{
	width: 100%;
	margin: 42px auto 0;
	text-align: center;
}
*/



.msg_mission{
	position: relative;
	margin: 0 auto 108px;
	padding: 0;
	text-align: center;
}
.msg_mission .title{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 32px;
	color: #000046;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.msg_mission .title::before {
	background-color: #000046;
	bottom: -18px;
	content: "";
	height: 2px; 
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 60px;
}
.msg_mission p{
	margin: 42px auto 0;
	color: #000;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6;
}
.msg_vision{
	position: relative;
	margin: 0 auto 108px;
	padding: 0;
	text-align: center;
}
.msg_vision .title{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 32px;
	color: #000046;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.msg_vision .title::before {
	background-color: #000046;
	bottom: -18px;
	content: "";
	height: 2px; 
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 60px;
}
.msg_vision p{
	margin: 42px auto 0;
	color: #000;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}


.msg_value{
	position: relative;
	margin: 0 auto 108px;
	padding: 0;
	text-align: center;
}
.msg_value .title{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 32px;
	color: #000046;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.msg_value .title::before {
	background-color: #000046;
	bottom: -18px;
	content: "";
	height: 2px; 
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 60px;
}
.msg_value .text_box{
	width: 100%;
	max-width: 810px;
	margin: 42px auto 0;
}
.msg_value p{
	margin-bottom:30px;
	color: #000;
	font-size: 18px;
	line-height: 2.35;
	text-align: left;
}

.msg_last{
	position: relative;
	text-align: center;
	margin: 0 auto 80px;
	padding: 0;
	width: 100%;
	max-width: 800px;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
.msg_last p{
	font-size: 22px;
	font-weight: bold;
	padding: 60px 0;
	line-height: 2.4;
}

.box_last{
	position: relative;
	margin: 0 auto;
	padding-bottom: 100px;
	text-align: center;
}
.box_last p{
	margin: 0 auto 16px;
	text-align: center;
	color: #000046;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.box_last img{
	width: 100%;
	max-width: 300px;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.pc_hidden{
	display: block;
	margin: 0 auto;
	text-align: center;
}
.sp_hidden{
	display: none;
	margin: 0 auto;
	text-align: center;
}
.br_sp{
	display: none;
}


@media (max-width: 768px) {
	.br_sp{
		display: inline;
	}
	.breadcrumbs_p{
		display: block;
		padding: 0;
		margin: 0 auto 64px;
		font-size: 14px;
	}
	main{
		margin: 0 auto;
		padding: 50px 24px 0;
	}
	.msg_1{
		position: relative;
		margin: 0 auto;
		width: 100%;
		padding: 64px 0 48px;
		text-align: center;
	}
	.msg_1 img{
		width: 100%;
		max-width: 500px;
	}
	/*
	.msg_1a{
		position: relative;
		margin: 0 auto;
		width: 100%;
		padding: 80px 0 80px;
		text-align: center;
	}
	.msg_1a p{
		width: 100%;
		margin: 0 auto;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.4;
		color:#000046;
		text-align: center;
	}
	.msg_1a p:last-child{
		width: 100%;
		margin: 20px auto 0;
		text-align: center;
		font-size: 14px;
		line-height: 1.6;
	}
	*/
	.msg_mission{
		position: relative;
		margin: 0 auto 88px;
		padding: 0;
		text-align: center;
	}
	.msg_mission .title{
		position: relative;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		font-size: 24px;
		color: #000046;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	.msg_mission .title::before {
		background-color: #000046;
		bottom: -12px;
		content: "";
		height: 2px; 
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		width: 60px;
	}
	.msg_mission p{
		margin: 24px auto 0;
		color: #000;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.6;
		white-space: nowrap;
	}
	.msg_mission p br{
		display: inline;
	}
	.msg_vision{
		position: relative;
		margin: 0 auto 88px;
		padding: 0;
		text-align: center;
	}
	.msg_vision .title{
		position: relative;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		font-size: 24px;
		color: #000046;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	.msg_vision .title::before {
		background-color: #000046;
		bottom: -12px;
		content: "";
		height: 2px; 
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		width: 60px;
	}
	.msg_vision p{
		margin: 24px auto 0;
		color: #000;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.6;
		text-align: center;
	}
	.msg_vision_lead p{
		font-size: 22px;
	}


	.msg_value{
		position: relative;
		margin: 0 auto 80px;
		padding: 0;
		text-align: center;
	}
	.msg_value .title{
		position: relative;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		font-size: 24px;
		color: #000046;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	.msg_value .title::before {
		background-color: #000046;
		bottom: -12px;
		content: "";
		height: 2px; 
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		width: 60px;
	}
	.msg_value .text_box{
		width: 100%;
		max-width: 810px;
		margin: 30px auto 0;
	}
	.msg_value p{
		margin-bottom:30px;
		color: #000;
		font-size: 14px;
		line-height: 2.1;
		text-align: left;
	}
	.msg_value p:last-child{
		margin-bottom:0px;
	}
	.msg_last{
		position: relative;
		text-align: center;
		margin: 0 auto 48px;
		padding: 0;
		width: 100%;
		max-width: 800px;
		border-top: 1px solid #707070;
		border-bottom: 1px solid #707070;
	}
	.msg_last p{
		font-size: 16px;
		font-weight: bold;
		padding: 36px 0;
		line-height: 1.8;
	}
	.box_last{
		position: relative;
		margin: 0 auto;
		padding-bottom: 64px;
		text-align: center;
	}
	.box_last p{
		margin: 0 auto 8px;
		text-align: center;
		color: #000046;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
	.box_last img{
		width: 100%;
		max-width: 215px;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
}