@charset "utf-8";



/* body
======================================================*/

html {
	font-size: 62.5%;
}
body {
	color: #333333;
	font-size: 1.4rem;
	font-family: Helvetica,Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
	background: #ffffff;
}

@media all and (-ms-high-contrast:none) {/* IE　line-height対策 */
	body {
		font-family: "メイリオ",Helvetica,Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
	}
}

main p {
	line-height: 1.8;
	margin-bottom: 15px;
}



/* common
======================================================*/

img {
	max-width: 100%;
	height: auto;
	backface-visibility: hidden;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.pc {
	display: none;
}

.ofhd {
	overflow: hidden;
}

.txt_mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.txt_red {
	color: #ff0000;
}
.txt_bold {
	font-weight: bold;
}

input[type="submit"] {/* iOSのボタンCSSリセット */
	-webkit-appearance: none;
	border-radius: 8px;
}



/* link
======================================================*/

a:link,
a:visited {
	color: #4169e1;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

a.link-erase {
	color: #333333;
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}



/* header
======================================================*/

.header {
	width: 100%;
	height: 150px;
	background: url(../images/mv.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.header_logo {
	width: 200px;
	position: absolute;
	top: 42px;
	left: 50%;
	margin-left: -100px;
}



/* main contents
======================================================*/

.wrapper {
	width: 100%;
}

.sec_inner {
	width: 100%;
	padding: 50px 15px;
	margin: 0 auto;
	overflow: hidden;
}

.sec-ttl {
	margin-bottom: 30px;
}
.sec-ttl .en {
	color: #334C7F;
	font-size: 3.5rem;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bold;
	padding-left: 8px;
	margin-right: 10px;
	background: url(../images/sec-ttl_bg.png) no-repeat left bottom;
	background-size: 25px auto;
}
.sec-ttl .jp {
	color: #4A9DBD;
	font-size: 1.3rem;
	font-weight: bold;
}

.sec_greeting {
	width: 100%;
}
.img_top_1 {
	margin: 0 auto 20px;
	display: block;
}

.sec_business {
	width: 100%;
	background: #F3F5FA;
}
.sec-business_ul li {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid #dddddd;
}
.sec-business_ul li:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.business-img {
	margin-bottom: 20px;
}
.business-ttl {
	color: #334C7F;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
	margin-bottom: 24px;
	position: relative;
}
.business-ttl:after {
	content: "";
	width: 30px;
	height: 2px;
	background: #4A9DBD;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -20px;
}
.sec-business_ul li p {
	margin-bottom: 0;
}

.tbl_company {
	width: 100%;
	border-top: 1px solid #CCCCCC;
}
.tbl_company tr {
	border-bottom: 1px solid #CCCCCC;
}
.tbl_company th {
	width: 35%;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	background: #F7F7F7;
}
.tbl_company td {
	width: 65%;
	line-height: 1.8;
	vertical-align: middle;
	padding: 10px;
}



/* footer
======================================================*/

p.copyright {
	color: #ffffff;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 40px;
	margin: 0;
	background: #344C81;
}
.copyright small {
	font-weight: bold;
}



/* page top
======================================================*/

.page-top {
	width: 30px;
	display: none;
	position: fixed;
	right: 10px;
	bottom: 20px;
	z-index: 100;
}
.page-top p {
	margin: 0;
	padding: 0;
}