@charset "utf-8";

.display-sp{
	display:none !important;
}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	list-style-type:none;
	font-size: medium;
	color:#012155;
	font-family:"Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6em;
}

a {
	outline:none;
	text-decoration: none;
}

p {
	margin: 0;
	padding:0;
	border:0;
}

* {
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}

img {
	vertical-align:bottom;
	width:100%;
	-webkit-backface-visibility: hidden;
}

body {
	-webkit-print-color-adjust: exact;
}

/* -----------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------*/
header{
	width:100%;
	height:55px;
	transition: .5s;
	background:#fff;
}

.header-inner {
	width:100%;
	margin:0 auto;
	padding:0 0 0 10px;
	display: flex;
	justify-content: space-between;
	transition: 0.2s ease-in-out;
}

.header-logo {
	width:200px;
	padding-top:10px;
}

/* -----------------------------------------------------------------------
 　　グローバルメニュー
--------------------------------------------------------------------------*/
.global {
	position:relative;
	width:386px;
}

#toggle {
  display:none;
}

.menu-logo,
.btn-home {
	display:none;
}

.global ul {
	display:flex;
}

.global ul li.navbtn-wide {
	width:86px;
}

.global ul li {
	width:60px;
}

.global ul li a {
	display:inline-block;
	padding:0;
	width:100%;
	height:55px;
	color:#062f85;
	font-size:10px;
	font-weight:bold;
	line-height:55px;
	text-align:center;
	position: relative;
}

.global ul li {
    position: relative;
}

/* -----------------------------------------------------------------------
 　トップ　スライダー
--------------------------------------------------------------------------*/
.top-fv-wrap {
	padding:0 0 0 4%;
	background:#062f85;
}

.main-img-wrap {
    height: 350px;
    border-bottom-left-radius: 30px;
    overflow: hidden;
    position: relative; 
}

.top-catch {
	z-index:13;
	width:220px;
	position: absolute;
    left: 2.5%;
    bottom: 20px;
}

.top-img-layer {
	z-index:12;
	width:100%;
	height: 350px;
	position: absolute;
	background: -moz-linear-gradient(bottom left, #000, transparent); 
	background: -webkit-linear-gradient(bottom left, #000, transparent); 
	background: linear-gradient(to top right, #000, transparent); 
	opacity: 0.3;
}

.main-img {
    z-index:10;
    width: 100%;
    height: 350px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.main-img-bg01 {
	background-image: url(../img/01.jpg);
}

.main-img-bg02,
.main-img-bg03,
.main-img-bg04,
.main-img-bg05,
.main-img-bg06 {
	display:none !important;
}


/* -----------------------------------------------------------------------
 　トップ　ダイサブについて
--------------------------------------------------------------------------*/
.top-fv-bottom-wrap {
	padding:25px 15px;
}

.top-fv-bottom-inner {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
}

.top-fv-bottom-left {
	width:8%;
}

.top-fv-bottom-center {
	width:25%;
}

.top-fv-bottom-right {
	width:60%;
	padding-left:5px;
}

.top-about-title {
	font-size:17px;
	color:#fff;
	letter-spacing:2px;
	line-height:1;
	margin-bottom:10px;
	transition: 0.2s ease-in-out;
}

.top-about-subtitle {
	font-size:13px;
	color:#fff;
	letter-spacing:2px;
	margin-bottom:10px;
	transition: 0.2s ease-in-out;
}

.top-about-text {
	font-size:11px;
	color:#fff;
	letter-spacing:1px;
	line-height:1.9;
	margin-bottom:10px;
	transition: 0.2s ease-in-out;
}

/* -----------------------------------------------------------------------
 　動画
--------------------------------------------------------------------------*/
.movie-wrap {
	background:#fff;
	padding:25px 20px 40px;
	text-align:center;
}

.movie-title {
	position: relative;
    display: inline-block;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	letter-spacing:1px;
	color:#062f85;
	padding: 0 30px;
	margin-bottom:15px;
}

.movie-title:before,
.movie-title:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #062f85;
}
 
.movie-title:before {
    left: 0;
}
 
.movie-title:after {
    right: 0;
}

.movie {
	width:500px;
	margin:0 auto;
}

.movie video {
	width:100%;
}

/* -----------------------------------------------------------------------
 　トップ　サービス
--------------------------------------------------------------------------*/
.top-block-wrap {
	width:100%;
	padding-top:30px;
}

.top-block-service {
	background:#d8e8fe;
	padding-bottom:1px;
}

.top-heading-img {
	position: relative;
	width:140px;
	margin:0 auto 45px;
}

.top-heading-img:after {
    content: '';
    position: absolute;
    bottom: -22px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width:140px;
	height:4px;
	background:#062f85;
}

.top-under-heading {
	font-size:12px;
	color:#012155;
	text-align:center;
}

.top-service-wrap {
	margin-top:30px;
	width:100%;
	height:300px;
	padding-top:25px;
	position:relative;
	transition: 0.2s ease-in-out;
}

.top-service-wrap2 {
	margin:50px 0 50px;
}

.top-service-bg {
	width:100%;
	height:300px;
	background:#e4e3eb;
	transition: 0.2s ease-in-out;
}

.top-service-layer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:flex;
	justify-content: space-between;
}

.top-service-layer-inner-descpart {
	width:44%;
	transition: 0.2s ease-in-out;
}

.top-service-layer-inner-photopart {
	width:53%;
	transition: 0.2s ease-in-out;
}

.top-service-titlebar-wrap {
	width:100%;
	height:40px;
	display:flex;
	justify-content: space-between;
	transition: 0.2s ease-in-out;
}

.top-service-titlebar-sq {
	width:calc(100% - 30px);
	background:#062f85 !important;
	height:40px;
	position:relative;
}

.top-service-title-wrap01 {
	width:300px;
	position:absolute;
	top:-25px;
	right:-30px;
	display:flex;
}

.top-service-title-wrap02 {
	position:absolute;
	top:-25px;
	left:20px;
	display:flex;
	transition: 0.2s ease-in-out;
}

.top-service-title-number {
	width:40px;
	filter: drop-shadow(4px 4px 4px rgba(20,35,60,0.4));
	transition: 0.2s ease-in-out;
}

.top-service-title-text {
	width:calc(100% - 40px);
	font-size:20px;
	font-weight:bold;
	color:#fff;
	letter-spacing:3px;
	padding:28px 0 0 20px;
	transition: 0.2s ease-in-out;
}

.top-service-titlebar-tri01 {
	width: 0;
	height:40px;
	border-top: 40px solid #062f85;
	border-right: 30px solid transparent;
	transition: 0.2s ease-in-out;
}

.top-service-titlebar-tri02 {
	width: 0;
	height:40px;
	border-top: 40px solid #062f85;
	border-left: 30px solid transparent;
	transition: 0.2s ease-in-out;
}

.top-service-desc-wrap01 {
	width:100%;
	padding:15px 0 0 30px;
}

.top-service-desc-wrap02 {
	margin-top:25px;
	padding-left:30px;
	transition: 0.2s ease-in-out;
}

.top-service-text {
	font-size:11px;
	letter-spacing:1px;
	line-height:1.9;
	text-align: justify;
	text-justify: inter-ideograph;
	transition: 0.2s ease-in-out;
}

.top-service-img {
	max-width:550px;
	transition: 0.2s ease-in-out;
}

.top-service-img-left {
	margin:0 0 0 auto;
}

/* -----------------------------------------------------------------------
 　トップ　採用
--------------------------------------------------------------------------*/
.top-recruit-wrap {
	width:100%;
	margin:0 auto;
	padding:20px 20px 30px;
	display:flex;
	justify-content: space-between;
	transition: 0.2s ease-in-out;
}

.top-recruit-inner-descpart {
	width:48%;
	transition: 0.2s ease-in-out;
}

.top-recruit-inner-photopart {
	width:50%;
	transition: 0.2s ease-in-out;
}

.top-recruit-midashi {
	font-size:16px;
	font-weight:bold;
	color:#062f85;
	letter-spacing:1px;
	line-height:1.5;
	margin-bottom:12px;
}

.top-recruit-text {
	font-size:11px;
	letter-spacing:1px;
	line-height:2.1;
}

/* -----------------------------------------------------------------------
 　トップ　コンタクト
--------------------------------------------------------------------------*/
.top-contact-wrap {
	background:#d8e8fe;
	padding:35px 20px;
}

.top-contact-inner-wrap {
	width:600px;
	margin:50px auto 0;
	display:flex;
	justify-content: space-between;
}

.top-contact-box {
	width:47%;
	background:#fff;
	padding:25px 0 8px;
	border-radius:15px;
}

.top-contact-title {
	font-size:13px;
	font-weight:bold;
	color:#012155;
	letter-spacing:1px;
	text-align:center;
	margin-bottom:24px;
}

.top-contact-phone {
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.3;
	text-align:center;
	color:#012155;
	margin-bottom:20px;
}

.top-contact-time {
	font-size:10px;
	font-weight:normal;
	color:#444;
	text-align:center;
}

/* -----------------------------------------------------------------------
 　リンクボタン
--------------------------------------------------------------------------*/
.btn {
	position:relative;
	transition: 0.2s ease-in-out;
}

.btn a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.btn-top-about {
	width:130px;
	height:35px;
	font-size:10px;
	letter-spacing:2px;
	line-height:35px;
	text-align:center;
	color:#fff;
	border:1px solid #fff;
	margin-top:15px;
}

.btn-top-service {
	width:130px;
	height:35px;
	font-size:10px;
	letter-spacing:2px;
	line-height:35px;
	text-align:center;
	color:#012155;
	border:1px solid #012155;
	margin-top:15px;
}

.btn-top-contact {
	width:70%;
	height:40px;
	font-size:10px;
	letter-spacing:1px;
	line-height:40px;
	text-align:center;
	color:#012155;
	border:1px solid #012155;
	margin:45px auto 0;
}

.btn-recruit {
	width:220px;
	margin:20px auto 0;
}

/* -----------------------------------------------------------------------
 　フッター
--------------------------------------------------------------------------*/
footer {
	background:#062f85;
	padding:30px 0 25px;
}

.footer-logo {
	width:210px;
	margin:0 auto 25px;
}

.footer-adress-wrap {
	width:600px;
	margin:0 auto 26px;
	display:flex;
	justify-content: space-between;
}

.footer-adress-box {
	width:48.5%;
}

.footer-adress-title {
	font-size:11px;
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
	border-bottom:1px dotted #fff;
	padding-bottom:4px;
	margin-bottom:6px;
}

.footer-adress-title span {
	font-size:9.5px;
	font-weight:normal;
	color:#fff;
	margin-left:4px;
}

.footer-adress-text {
	font-size:9px;
	color:#fff;
	letter-spacing:1px;
	line-height:1.5;
}

.footer-menu {
	display:flex;
	justify-content: center;
	margin-bottom:20px;
}

.footer-menu li a {
	font-size:7.5px;
	position: relative;
	color:#fff;
	padding:0 9px;
}

.footer-menu li a::before {
    content:"";
    display:inline-block;
    width: 1px;
    height: 14px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.footer-menu li:last-child a::after {
	content:"";
    display:inline-block;
    width: 1px;
    height: 14px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.copyright {
    font-size:5px;
    color:#fff;
    text-align:center;
}

/* -----------------------------------------------------------------------
 　サービスページ
--------------------------------------------------------------------------*/
.page-heading-img {
	position: relative;
	width:135px;
	margin:30px auto 20px;
}

.page-heading-img:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width:140px;
	height:4px;
	background:#062f85;
}

.page-title {
	font-size:18px;
	font-weight:bold;
	color:#012155;
	text-align:center;
	margin-bottom:50px;
}

.page-bg-blue {
	width:100%;
	position:relative;
	background:#d8e8fe;
	padding:50px 0 1px;
}

.page-titlebar-wrap {
	position:absolute;
	top:-20px;
	left:0;
	width:calc(50% + 80px);
	height:40px;
	display:flex;
	justify-content: space-between;
	transition: 0.2s ease-in-out;
}

.page-titlebar-sq {
	width:calc(100% - 30px);
	background:#062f85;
	height:40px;
	position:relative;
	transition: 0.2s ease-in-out;
}

.page-titlebar-textwrap {
	width:370px;
	position:absolute;
	top:5px;
	right:0;
}

.page-titlebar-text-wh {
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	margin-bottom:12px;
}

.page-titlebar-text-blue {
	font-size:15px;
	letter-spacing:1px;
	color:#062f85;
}

.page-titlebar-tri {
	width: 0;
	height:40px;
	border-top: 40px solid #062f85;
	border-right: 30px solid transparent;
	transition: 0.2s ease-in-out;
}

.page-inner {
	max-width:480px;
	margin:0 auto;
}

.page-img {
	width:75%;
	margin:25px auto;
}

.page-img img {
	border-radius:15px;
}

.page-text {
	font-size:11.5px;
	line-height:1.85;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom:24px;
}

.page-bg-white {
	padding:50px 10px;
}

.service-chart {
	max-width:400px;
	padding:10px 25px 20px;
	border:1px solid #012155;
	border-radius:20px;
	margin:0 auto;
	position:relative;
}

.chart-title {
	font-size:14px;
	font-weight:bold;
	color:#062f85;
	letter-spacing:1px;
	position:absolute;
	top:15px;
	left:15px;
}

.chart-caption-box {
	position:absolute;
	bottom:12px;
	left:12px;
}

.chart-caption {
	font-size:7px;
	letter-spacing:1px;
	line-height:1.6;
}

/* -----------------------------------------------------------------------
 　ダイサブについて
--------------------------------------------------------------------------*/
.about-title-bg-sp {
	display:block !important;
	background:#062f85;
	padding:10px 0 12px;
	margin-bottom:10px;
}

.about-title-img {
	width:110px;
	margin:0 auto;
}

.about-bg .about-title-img {
	display:none !important;
}

.about-bg-white {
	width:88%;
	margin:0 auto;
	padding:22px 0 10px;
}

.about-title {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#062f85;
	letter-spacing:1px;
	padding-bottom:3px;
	border-bottom:1px solid #062f85;
	margin-bottom:30px;
}

.about-img-wrap {
	display:none;
}

.about-text-wrap {
	width:80%;
	margin:0 auto 50px;
}

.about-desc-heading {
	font-size:17px;
	font-weight:bold;
	text-align:center;
	color:#062f85;
	letter-spacing:1px;
	margin-bottom:1px;
}

.about-desc-subheading {
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#062f85;
	margin-bottom:20px;
}

.about-text {
	font-size:11.5px;
	line-height:1.85;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom:15px;
}

.about-img-sp {
	width:80%;
	margin:30px auto 50px;
}

.about-img-sp img {
	border-radius:15px;
}

/* -----------------------------------------------------------------------
 　採用情報
--------------------------------------------------------------------------*/
.recruit-bg-white {
	padding:0 30px 50px;
}

.recruit-lead-text {
	font-size:13px;
	color:#012155;
	text-align:center;
	line-height:1.7;
}

.recruit-article-wrap {
	max-width:880px;
	padding: 40px 40px 30px;
	margin:30px auto 50px;
	border:1px solid #062f85;
	border-radius:20px;
}

.recruit-article-inner {
	width:500px;
	margin:0 auto;
}

.recruit-title {
	width:250px;
	height:34px;
	background:#062f85;
	border-radius:20px;
	font-size:14px;
	letter-spacing:1px;
	color:#fff;
	line-height:34px;
	text-align:center;
	margin:0 auto 40px;
}

.recruit-img {
	width:80%;
	margin:40px auto;
}

.recruit-img img {
	border-radius:15px;
}

.recruit-text {
	font-size:11.5px;
	line-height:1.8;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom:15px;
}

.recruit-message-wrap {
	margin-bottom:60px;
	text-align:center;
}

.recruit-message-title {
	position: relative;
    display: inline-block;
	font-size:26px;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	letter-spacing:2px;
	color:#012155;
	padding: 0 30px;
	margin-bottom:22px;
}

.recruit-message-title:before,
.recruit-message-title:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #012155;
}
 
.recruit-message-title:before {
    left: 0;
}
 
.recruit-message-title:after {
    right: 0;
}

.recruit-message-text {
	font-size:13px;
	font-weight:bold;
	color:#012155;
	letter-spacing:1px;
	line-height:1.9;
	margin-bottom:18px;
}

.recruit-details-title {
	font-size:22px;
	font-weight:bold;
	letter-spacing:3px;
	color:#012155;
	text-align:center;
	margin-bottom:30px;
}

.recruit-table-wrap {
	width:600px;
	border-top:1px solid #012155;
	margin:0 auto 80px;
}

.recruit-table-row {
	padding:15px 0;
	display:flex;
	border-bottom:1px solid #012155;
}

.recruit-table-cell01 {
	width:105px;
	padding-left:15px;
	display: flex;
	align-items: center;
}

.recruit-table-title {
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
}

.recruit-table-cell02 {
	width:calc(100% - 105px);
	font-size:11.5px;
	line-height:2;
}

.recruit-contact-box {
	max-width:500px;
	margin:0 auto 40px;
	border:1px solid #012155;
	border-radius:15px;
	padding:15px 30px 25px;
}

.recruit-contact-title {
	font-size:17px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	padding-bottom:10px;
	border-bottom:1px solid #012155;
	margin-bottom:25px;
}

.recruit-contact-text {
	font-size:20px;
	font-weight:bold;
	line-height:1.1;
	letter-spacing:1px;
	text-align:center;
	margin-bottom:20px;
}

.recruit-contact-text span {
	font-size:12px;
	font-weight:normal;
}


/* -----------------------------------------------------------------------
 　　会社概要
--------------------------------------------------------------------------*/
.company-heading-img {
	position: relative;
	width:150px;
	margin:30px auto 20px;
}

.company-heading-img:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width:140px;
	height:4px;
	background:#0a3492;
}

.page-title-company {
	margin-bottom:35px
}

.company-img {
	width:600px;
	margin:0 auto 60px;
}

.company-img img {
	border-radius:15px;
}

.company-table-wrap {
	width:600px;
	margin-bottom:150px;
}

.company-cell01 {
	width:200px;
}

.company-cell02 {
	width:calc(100% - 200px);
}

.recruit-table-title span.small {
	font-size:13px;
	font-weight:normal;
	color:#012155;
	vertical-align:top;
}

.map-wrap {
	width:600px;
	margin:0 auto 20px;
	display:flex;
    justify-content: space-between;
}

.map-box {
	width:48%;
}

.map-title {
	font-size:16px;
	color:#012155;
	text-align:center;
	margin-bottom:8px;
}

.map-box iframe {
	width:100%;
	height:295px;
}


/* -----------------------------------------------------------------------
 　　プライバシーポリシー
--------------------------------------------------------------------------*/
.privacy-title {
	font-size:27px;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	letter-spacing:1px;
	color:#012155;
	text-align:center;
	margin:60px 0 2px;
}

.privacy-subtitle {
	font-size:14px;
	color:#012155;
	text-align:center;
	margin-bottom:40px;
}

.privacy-wrap {
	width:600px;
	margin:0 auto;
	padding:0 30px 80px;
}

.privacy-heading-2 {
	font-size:16px;
	font-weight:bold;
	color:#012155;
	margin:45px 0 7px;
}

.privacy-text {
	font-size:11.5px;
	color:#012155;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom:18px;
}

.privacy-list {
	font-size:11.5px;
	color:#012155;
	text-indent:-46px;
	padding-left:46px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom:12px;
}

.privacy-contact-box {
	width:540px;
	border:1px dotted #012155;
	padding:20px 0 20px 30px;
	margin-top:40px;
}

.privacy-company {
	font-size:13px;
	font-weight:bold;
	color:#012155;
	margin-bottom:8px;
}

.privacy-contact-text {
	font-size:11.5px;
	color:#012155;
	line-height:1.8;
}

.privacy-contact-text a {
	color:#012155;
}

.privacy-contact-text span.small {
	font-size:14.5px;
	color:#012155;
}

/* -----------------------------------------------------------------------
 　　お問い合わせ
--------------------------------------------------------------------------*/
.form-img {
	width:1000px;
	margin:70px auto;
}

/* -----------------------------------------------------------------------
 　　採用応募フォーム
--------------------------------------------------------------------------*/
.entry-heading-img {
	position: relative;
	width:170px;
	margin:120px auto 28px;
}

.entry-heading-img:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width:100px;
	height:4px;
	background:#012155;
}

.entry-title {
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	color:#012155;
	text-align:center;
	margin-bottom:50px;
}