 @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */

article, aside, footer, header, nav, section {
	display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption, figure, main { /* 1 */
	display: block;
}
/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b, strong {
	font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b, strong {
	font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code, kbd, samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ff0;
	color: #000;
}
/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio, video {
	display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
}
/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}
/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button, input, optgroup, select, textarea {
	font-family: sans-serif; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button, input { /* 1 */
	overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button, select { /* 1 */
	text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] {
	-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
 border-style: none;
 padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
 outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
	overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"], [type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
 height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
 -webkit-appearance: button; /* 1 */
 font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */ menu {
	display: block;
}
/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}
/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
	display: inline-block;
}
/**
 * Add the correct display in IE.
 */

template {
	display: none;
}
/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
	display: none;
}
/*CSSここから*/
html {
	width: 100%;
	height: 100%;
}
/*ボディー*/
body {
	font-family: 'Noto Sans JP';
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	color: #5b5b5b;
}
body a:link, body a:visited {
	color: #5b5b5b;
}
.conpany, .service, .recruit, .advertising, .news {
	text-align: center;
}
ul li {
	list-style: none;
	list-style-position: inside;
}
p {
	font-size: 0.9vw;
	line-height: 1.6em;
}
a {
	text-decoration: none;
}
.hr1 {
	margin: 2% 0 5% 0;
}
.hr2 {
	margin: 5% 0 3% 0;
}
/*ヘッダー*/
header {
	width: 100%;
	height: 74px;
	background-image: url(img/header.gif);
	background-repeat: repeat-x;
	position: fixed;
	z-index: 999;
	box-shadow: 0px  3px 10px 3px rgba(0,0,0,0.1);
}
header h1 {
	display: inline;
	width: 25%;
}
.rogo {
	width: 221px;
	height: auto;
	margin-top: 34px;
	margin-left: 28px;
	margin-right: 0px;
}
.navi {
	width: auto;
	position: absolute;
	top: 30%;
	right: 6.8%;
}
.navi ul {
	width: auto;
	display: flex;
	justify-content: flex-end;
	justify-content: space-between;
}
.navi ul li {
	white-space: nowrap;
	margin-left: 6%;
	font-size: 0.9vw;
}
.navi ul li a:hover {
	color: #0075A2;
	border-bottom: solid 3px #004e6c;
	position: relative;
	top: 3px;
}
.box3 img {
	width: 100%;
	padding: 3% 0 0 0;
	overflow: hidden;
	animation: fade 1s ease;
	-webkit-animation: fade 1s ease;
	-ms-animation: fade 1s ease;
}
@keyframes fade {
 0% {
 opacity: 0;
 transform: translateX(300px);
}
 100% {
 opacity: 1;
}
}
.now a:link, .now a:visited {
	color: #0075a2;
}
/*コンテンツ*/
.content {
	width: 70%;
	margin: 0 auto;
}
h2 img {
	width: 22vw;
}
/*事業紹介*/
.box4 {
	width: 100%;
}
.box4 article {
	width: 70%;
	margin: 0 auto;
	text-align: center;
}
.box4 h2 {
	font-size: 2vw;
	margin-top: 20%;
}
.box4 p {
	margin: 5% 0 9% 0;
	color: #5b5b5b;
	line-height: 2.2em;
}
.box4, .box5, .box6, .box7 {
	font-size: 1vw;
}
/*サービス*/
.jigyou {
	width: 100%;
	margin-bottom: 5%;
}
.jigyou a {
	text-decoration: underline;
}
.jigyou a:link, .jigyou a:visited {
	color: #004e6c;
}
.box5, .box6 {
	width: 40%;
	margin: 0 auto;
}
.box5 article, .box6 article {
	margin-top: 6.5%;
	line-height: 1.6em;
	font-size: 0.9vw;
	position: relative;
}
.box5 article:after, .box6 article:after {
	content: "";
	display: block;
	clear: both
}
.box5 article img, .box6 article img {
	width: 45%;
}
.jigyou h2 {
	text-align: center;
}
.jigyou h3 {
	font-size: 0.8vw;
	margin-top: 8px;
}
h3 span {
	font-size: 1.6vw;
}
.jigyou_img {
	float: left;
}
.jigyou .text {
	width: 45%;
}
.text {
	float: right;
}
.p1 {
	font-size: 0.8vw;
	font-weight: 500;
	margin: 0;
}
.p2 {
	margin-top: 5%;
}
.p3 {
	position: absolute;
	bottom: 0;
	font-size: 0.9em;
	margin-bottom: 0;
}
.model {
	width: 100%;
	margin-top:5%;
}
.box5 article img:hover, .banner img:hover {
	opacity: 0.6;
	-moz-opacity: 0.6
}
/*フッター*/

footer {
	width: 100%;
	height: 50%;
	background-color: #004e6c;
	text-align: center;
	color: #ffffff;
}
footer a:link, footer a:visited {
	color: #ffffff;
}
footer {
	flex-direction: column;
	position : relative;
}
address {
	font-style: normal;
	line-height: 1.5em;
	padding-top: 2%;
	font-size: 0.9vw;
}
.map {
	font-size: 0.9vw;
}
.map img {
	width: 0.9vw;
	height: auto;
}
.map a {
	text-decoration: underline;
}
small {
	font-size: 0.8vw;
	position: absolute;
	left: 0;
	right: 0;
	bottom : 6%;
}
/*ページトップ*/
#page-top {
	position: fixed;
	bottom: -15px;
	right: 0px;
}
#page-top img {
	width: 1.5vw;
}
#page-top a {
	background: #002736;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 17px 0;
	text-align: center;
	display: block;
}
#page-top a:hover {
	width: 90px;
	padding: 20px 0;
	transition: 0.3s;
	color: #fff;
	text-decoration: none;
	background: #D1D1D1;
}
/*スクロールアイコン*/

.arrows {
	width: 60px;
	height: 72px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	padding: 5% 0;
}
.arrows path {
	stroke: #004e6c;
	fill: transparent;
	stroke-width: 2px;
	animation: arrow 2s ease 5;
	-webkit-animation: arrow 2s ease 5;/*-webkit-animation: arrow 2s infinite;*/ 
}
 @keyframes arrow {
0% {
opacity:0
}
40% {
opacity:1
}
80% {
opacity:0
}
100% {
opacity:0
}
}
 @-webkit-keyframes arrow /*Safari and Chrome*/ {
0% {
opacity:0
}
40% {
opacity:1
}
80% {
opacity:0
}
100% {
opacity:0
}
}
.arrows path.a1 {
	animation-delay: -1s;
	-webkit-animation-delay: -1s; /* Safari 和 Chrome */
}
.arrows path.a2 {
	animation-delay: -0.5s;
	-webkit-animation-delay: -0.5s; /* Safari 和 Chrome */
}
.arrows path.a3 {
	animation-delay: 0s;
	-webkit-animation-delay: 0s; /* Safari 和 Chrome */
}
/*ヘッダー固定のズレ解消*/
#bisatsu::before, #vision::before {
	content: "";
	display: inline-block;
	height: 15%;
	margin-top: -15%;
	vertical-align: top;
}
/*レスポンシブナビ*/
.slicknav_menu {
	display: none;
}

@media screen and (max-width: 768px) {
/* #menu is the original menu */
#menu {
	display: none;
}
.slicknav_menu {
	display: block;
}
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
}

/*メディアクエリ*/

@media screen and (max-width: 768px) {
.modalwin {
	width: 90%;
	height: 50%;
}
.modalwin h1 {
	font-size: 20px;
	background-color: #FFF;
	padding: 5% 2%;
	position: absolute;
	left: 0%
}
.modalwin-contents ul {
	position: absolute;
	top: 60px;
}
.modalwin-contents ul li {
	padding: 0;
}
body {
	background-color: #fff;
}
body a:link, body a:visited {
	color: #fff;
}
.rogo {
	display: none;
}
.arrows {
	display: none;
}
.box4 h2 {
	font-size: 20px;
	margin-top: 10%;
}
.box3 img {
	padding-top: 54px;
}
header {
	background-image: none;
	box-shadow: none;
}
p {
	font-size: 16px;
	color: #5b5b5b;
}
.box5, .box6 {
	width: 90%;
	margin: 0 auto;
}
.content {
	width: 100%;
	background-color: #FFF;
}
.content, .box4 article, .box5 article, .box6 article, .box4 .float_right {
	float: none;
	clear: both;
}
.box4 article {
	margin-top: 7.5%;
	width: 90%;
}
.box5 article, .box6 article {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
	.jigyou h3 span {
		font-size: 24px;
	}
	.jigyou h3 {
		margin-top: 6%;
		font-size:14px;
		line-height: 170%;
	}
.jigyou_img, .text {
	float: none;
}
.jigyou .text {
	width: 100%;
}
.box5 article img, .box6 article img {
	width: 90%;
}
.p1 {
	display: none;
}
.modalwin-contents ul {
	padding: 2%;
}
.modalwin-contents ul li {
	padding: 0;
}
.card_box, .box7 {
	display: block;
}
.Slash img {
	display: none;
}
.br-sp {
	display: block;
}
.button {
	width: 80%;
	border-radius: 100px;
	background-color: #FFFFFF;
	border: 1px solid #004e6c;
	font-size: 16px;
	color: #004e6c;
	margin-bottom: 10%;
}
.button:link, .button:visited {
	color: #004e6c;
}
.button::before, .button::after, .button::before, .button::after, .button:hover::before, .button:hover::after {
	display: none;
}
.button:hover {
	color: #fff;
}
.conpany, .news, .recruit, .advertising {
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
}
.recruit article,  .advertising article {
	padding: 0 5%;
}
.box4 article p {
	line-height: 24px;
	padding: 0 5%;
}
.p3 {
	position: static;
	margin-bottom: 15%;
	font-size: 12px;
}
.service {
	color: #f0f0f0;
}
h2 img {
	margin-bottom: 8%;
	width: 80%;
}
	.box6 h2 img {
		margin: 3% 0;
	}
	.hr2 {
		margin-bottom: 0;
	}
.h2_3 {
	width: 41%;
}
.h2_4,  .h2_5 {
	width: 51%;
}
.box7 {
	margin-top: -4.5%;
}
.recruit {
	margin-bottom: 6.5%;
}
.card_a img, .card_b img {
	width: 80%;
}
.card_a img {
	margin-bottom: 5%;
}
.card-title {
	font-size: 26px;
	margin-bottom: 3%;
}
.card-text {
	margin: 0;
	display: none;
}
.absolute_1, .absolute_2 {
	position: absolute;
	top: 73%;
}
footer address {
	padding: 4% 5%;
}
footer address,  footer a {
	font-size: 16px;
}
.map img {
	width: 16px;
}
.model {
		margin-top: 5%;
	}
small {
	font-size: 14px;
}
button {
	width: 50px;
	height: 50px;
	font-size: 16px;
	margin-bottom: 5%;
	position: absolute;
	top: 1%;
	right: 1%;
	border-radius: 1px;
}
.show {
	height: 50%;
	overflow: scroll;
}
#page-top img {
	width: 20px;
}
#page-top a {
	width: 56px;
	height: 20px;
	opacity: 0.6;
}
#page-top a:hover {
	width: 60px;
	height: 20px;
}
}
