@charset "UTF-8";

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

　■PC用CSS

 *==================================*/
@media print, screen and (min-width:769px) {
body {
	color: #333;
	font-size: 87.5%;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:hover {
	cursor: pointer;
}
/** font
===================================*/
.fontb {
	font-weight: bold;
}
/** レイアウト
===================================*/
/* スマートフォンのみ表示 */
.sp {
	display: none;
}
#wrapper {
	width: 100%;
	min-width: 1000px;
	padding-top: 91px;
}
#container {
}
.inner {
	width: 1000px;
	margin: 0 auto;
}
.inner2 {
	width: 600px;
	margin: 0 auto;
}
/** global-header
===================================*/
#global-header {
	position: fixed;
	width: 100%;
	top: 0;
	min-width: 840px;
	height: 90px;
	border-bottom: 1px solid #ced3d6;
	background: #fff;
	z-index: 100;
}
#global-header h1 {
	float: left;
	width: 127px;
	height: 25px;
	margin-top: 33px;
	margin-left: 35px;
}
/** global-navigation
===================================*/
    .nav-en{
        position: absolute;
        background: #00358a;
        width: 108px;
        padding:3px 0;
        text-align: center;
        display: block;
        top:0;
        right: 0;
        margin-right: 25px;
    }
    .nav-en a{
         display: block;
        color:#fff;
        font-size: 13px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        text-decoration: none;
    }

#global-navigation {
	float: right;
	margin-top: 45px;
	padding-right: 20px;
	text-align: center;
}
#global-navigation ul {
}
#global-navigation ul li {
	position: relative;
	display: inline-block;
	height: 17px;
	font-family: 'Oswald', sans-serif;
}
#global-navigation ul li::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -11px;
	height: 2px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: #00358a;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
#global-navigation ul li:nth-child(1)::after {
	width: 100px;
	margin-left: -50px;
}
#global-navigation ul li:nth-child(2)::after, #global-navigation ul li:nth-child(3)::after, #global-navigation ul li:nth-child(4)::after {
	width: 56px;
	margin-left: -28px;
}
#global-navigation ul li:nth-child(5)::after {
	width: 88px;
	margin-left: -44px;
}
#global-navigation ul li.active::after, #global-navigation ul li:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
#global-navigation ul li a {
	position: relative;
	display: inline-block;
	padding: 1px 30px;
	color: #333;
	font-size: 108%;
	letter-spacing: 0.1em;
	line-height: 1;
	text-decoration: none;
	overflow: hidden;
}
#global-navigation ul li a:hover {
	opacity: 1;
}
#global-navigation ul li.active a {
	color: #00358a;
}
#global-navigation ul li a::before {
	position: absolute;
	top: 0;
	left: 0;
	content: attr(data-hover);
	display: block;
	width: 100%;
	padding: 3px 0 0;
	color: #00358a;
	font-size: 87%;
	font-weight: bolder;
	transition: .4s ease-in-out;
	transform: translateY(-1.4em);
}
#global-navigation ul li a span {
	display: inline-block;
	transition: .4s ease-in-out;
}
#global-navigation ul li.active a::before, #global-navigation ul li.active a::before, #global-navigation ul li a:hover::before, #global-navigation ul li a:focus::before {
	transform: translateY(0);
}
#global-navigation ul li.active span, #global-navigation ul li.active span, #global-navigation ul li a:hover span, #global-navigation ul li a:focus span {
	transform: translateY(1.4em);
}
/** global-footer
===================================*/
#global-footer {
	position: relative;
	width: 100%;
	min-width: 1000px;
	color: #fff;
	background: #3662aa;
}
#pagetop {
	position: absolute;
	top: -30px;
	right: 30px;
	display: block;
	width: 140px;
	height: 30px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 79%;
	font-weight: 300;
	letter-spacing: 0.1em;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	background: url(../img/pagetop.png) no-repeat 110px 9px;
	background-size: 10px 9px;
	background-color: #3662aa;
}
/** foot-row-01
===================================*/
#foot-row-01 {
	min-width: 1000px;
	padding: 48px 35px 20px;
	box-sizing: border-box;
}
/** foot-info
===================================*/
#foot-info {
	position: relative;
	float: left;
	width: 30%;
	font-size: 86%;
}
#foot-info dt {
	margin-bottom: 18px;
}
#foot-info dd {
	letter-spacing: 0.1em;
	line-height: 2;
}
#privacyimg {
	display: block;
	padding-top: 10px;
}
.foot-isoimg{
	/*float: left;*/
	margin-right: 5px;
	overflow: hidden;
	display: block;
    
    width: 156px;
}
.foot-isoimg img{
	margin: 0 5px;
	height: 80px;
	float: left;
	width: auto;
	margin-bottom: 10px;
}
.footer-isotxt{
    width: 156px;
    text-align: center;
}
    
.footer-isotxt a{
		color: #FFFFFF;
	text-decoration: none;
}
/** foot-sitemap
===================================*/
#foot-sitemap {
	float: left;
	width: 70%;
}
#foot-sitemap a {
	color: #fff;
	text-decoration: none;
}
.item {
	float: left;
	width: 33%;
}
.sitemap-menu-01 {
	margin-bottom: 2em;
}
.sitemap-menu-01>li {
	margin-bottom: 1em;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 108%;
	letter-spacing: 0.1em;
}
.second-menu {
	margin-top: 1em;
	font-size: 86%;
}
.second-menu li {
	margin-bottom: 1.5em;
	text-indent: 1em;
}
.sitemap-menu-02 li {
	margin-bottom: 2em;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 108%;
	letter-spacing: 0.1em;
}
/** foot-row-02
===================================*/
#foot-row-02 {
	min-width: 1000px;
	padding: 0 35px 15px;
	box-sizing: border-box;
}
#foot-row-02 ul {
	float: left;
	width: 300px;
	font-size: 86%;
}
#foot-row-02 ul li {
	display: inline-block;
}
#foot-row-02 ul li:first-child {
	padding-right: 1em;
	margin-right: 1em;
	border-right: 1px solid #fff;
}
#foot-row-02 ul li a {
	color: #fff;
	text-decoration: none;
}
#copyright {
	float: right;
	width: 300px;
	font-size: 79%;
	text-align: right;
	letter-spacing: 0.1em;
}
/*==================================

　■トップページ

 *==================================*/
 /** メインビジュアル
===================================*/
.top {
	overflow: hidden;
}
#mainvisual {
	position: relative;
	width: 100%;
	min-width: 1000px;
	background: #444;
	overflow: hidden;
}
#mainvisual::after {
	position: absolute;
	top: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100vh;
	background: url(../img/pattern_01.png) repeat;
	z-index: 2;
}
/* スクロール */
#scroll {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 20px;
	width: 38px;
	height: 20px;
	margin-left: -10px;
	z-index: 3;
	cursor: pointer;
	opacity: 1;
	transition: all .5s;
	-webkit-transition: all .5s;
}
#anchor {
	display: block;
	margin-top: -110px;
	padding-top: 110px;
}
#scroll:hover {
	bottom: 30px;
}
/* ボリューム切り替えボタン */
#vol-toggle {
	appearance: none;
	-webkit-appearance: none;
	position: absolute;
	top: 10px;
	right: 10px;
	display: none;
	width: 25px;
	height: 20px;
	border: none;
	border-radius: 0;
	outline: none;
	z-index: 3;
}
/* 音量ONのとき */
.vol-on {
	background: url(../img/volume_btn_on.png) no-repeat left top;
}
/* 音量OFFのとき */
.vol-off {
	background: url(../img/volume_btn_off.png) no-repeat left top;
}
/* ローディング */
#loading {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: 30px;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 1;
}
.anchor {
	padding-top: 91px;
	margin-top: -91px;
}
/** トップページ inview
===================================*/
/*下からスライドイン*/
.target-01 {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	transition: 1s;
}
.mv-01 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/*左からスライドイン*/
.target-02 {
	opacity: 0;
	transform: translate(-60px, 0);
	-webkit-transform: translate(-60px, 0);
	transition: 1s;
}
.mv-02 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.target-03 {
	opacity: 0;
	transform: translate(60px, 0);
	-webkit-transform: translate(60px, 0);
	transition: 1s;
}
.mv-03 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/** ピックアップ
===================================*/
#pickup {
	width: 100%;
	min-width: 1000px;
	padding: 3px 0;
}
#pickup li {
	position: relative;
	float: left;
	width: 33.2%;
	margin-right: 0.2%;
}
#pickup li:nth-child(3n) {
	margin-right: 0;
}
#pickup li a {
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}
#pickup li a:hover {
	opacity: 1;
}
#pickup li a p {
	position: relative;
	z-index: 2;
	padding: 134px 0 0;
	font-size: 229%;
	letter-spacing: 0.1em;
	line-height: 1;
}
#pickup li a:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	-webkit-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#pickup li:nth-child(1) a:after {
	background: url(../img/pickup_01.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#pickup li:nth-child(2) a:after {
	background: url(../img/pickup_02.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#pickup li:nth-child(3) a:after {
	background: url(../img/pickup_03.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#pickup li a:hover:after {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}


.index-ti-01 {
	margin-bottom: 30px;
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 343%;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.index-ti-02 {
	margin-bottom: 10px;
	color: #444;
	font-size: 258%;
	font-style: italic;
	font-weight: bolder;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.index-text-01 {
	margin-bottom: 1em;
	font-size: 115%;
	line-height: 2;
}
/** ADVANTAGE
===================================*/
#index-advantage {
	padding: 80px 0;
	background: #fafafa;
}
#index-advantage-text {
	float: left;
	width: 360px;
}
#index-advantage-text a,
#index-service-text a {
	width: 300px;
}
#index-advantage-img {
	float: right;
	width: 600px;
}
/** SERVICE
===================================*/
#index-service {
	padding: 60px 0;
	background: url(../img/service_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
#index-service-text {
	float: right;
	width: 450px;
	padding-top: 50px;
}
#index-service-img {
	float: left;
	width: 450px;
}
/** COMPANY
===================================*/
#index-company {
	padding: 100px 0 60px;
}
.index-ti-03 {
	margin-bottom: 40px;
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 343%;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.1em;
}
#company-list li {
	float: left;
	width: 498px;
	margin-bottom: 4px;
}
#company-list li:nth-child(odd) {
	margin-right: 4px;
}
#company-list li a {
	position: relative;
	display: block;
	width: 100%;
	height: 250px;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}
#company-list li a:hover {
	opacity: 1;
}
#company-list li a p {
	position: absolute;
	display: inline-block;
	left: 20px;
	bottom: 20px;
	z-index: 2;
	font-size: 158%;
	letter-spacing: 0.1em;
	line-height: 1;
}
#company-list li:nth-child(2) a p {
	color: #00358a;
}

#company-list li a:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	-webkit-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#company-list li:nth-child(1) a:after {
	background: url(../img/index_company_01.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#company-list li:nth-child(2) a:after {
	background: url(../img/index_company_02.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#company-list li:nth-child(3) a:after {
	background: url(../img/index_company_03.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#company-list li:nth-child(4) a:after {
	background: url(../img/index_company_04.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#company-list li a:hover:after {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}


/** NEWS
===================================*/
#index-news {
	padding: 40px 0 100px;
}
.news-list li {
	padding: 23px 0;
	border-bottom: 1px solid #e4e4e4;
}
.news-list .post-date {
	float: left;
	width: 270px;
}
.news-list time {
	display: inline-block;
	width: 130px;
	height: 20px;
	letter-spacing: 0.1em;
}
.news-list .tag,
.tag {
	width: 114px;
	height: 20px;
	font-size: 79%;
	letter-spacing: 0.1em;
	line-height: 20px;
	text-align: center;
}
.news-list .tag {
	display: inline-block;
}

.news-list a {
	position: relative;
	display: block;
	width: 100%;
	color: #333;
	text-decoration: none;
}
.news-list .post-title {
	display: block;
	float: right;
	width: 730px;
	line-height: 20px;
}
.news-list .post-title a::after {
	display: inline-block;
	content: " ";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #ddd;
	border-top: 2px solid #ddd;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.news-list .post-title a:hover {
	text-decoration: underline;
}
.news-list .post-title a:hover::after {
	right: 10px;
	border-color: #004ebe;
}
#index-news .btn-01 {
	width: 400px;
	margin: 3em auto 0;
}

/** カテゴリー 色
===================================*/
/* お知らせ */
.cat-info {
	color: #fff;
	background: #999;
}
/* 採用情報 */
.cat-recruit {
	color: #00358a;
	background: #e8f2fb;
}

/*==================================

　■2階層目以降共通項目

 *==================================*/
.inside {
	padding-bottom: 120px;
}
#page-menu {
	width: 100%;
	min-width: 1000px;
	padding: 35px 60px 35px 35px;
	height: 115px;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#page-menu h1 {
	float: left;
	width: 25%;
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 343%;
	font-weight: 400;
	letter-spacing: 0.1em;
}
#page-menu ul {
	float: right;
	width: 75%;
	margin-top: 1.5%;
	text-align: right;
}
#page-menu ul li {
	display: inline-block;
	padding: 0 1em;
    margin-bottom: 2%;
	letter-spacing: 0.1em;
}
#page-menu ul li:first-child {
	padding-left: 0;
}
#page-menu ul li:last-child {
	padding-right: 0;
}
#page-menu ul li a {
	position: relative;
	display: inline-block;
	color: #444;
	text-decoration: none;
}
#page-menu ul li a:hover {
	color: #00358a;
	opacity: 1;
}
#page-menu ul li.active a::after {
	display: block;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	background-color: #00358a;
}
#page-menu ul li a::after {
	content: '';
	position: absolute;
	bottom: -11px;
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: #00358a;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
#page-menu ul li a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
}

#company-head #page-menu {
	padding: 35px;
}
#company-head #page-menu h1 {
	width: 230px;
}
#company-head #page-menu ul {
	max-width: 825px;
}
#company-head #page-menu ul li {
	padding: 0 0.5em;
	font-size: 93%;
}

#education #page-menu h1 {
	width: 35%;
}
#education #page-menu ul {
	width: 65%;
}
#page-title {
	width: 100%;
	height: 215px;
	padding-top: 185px;
	color: #fff;
	font-size: 215%;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1;
}
#page-nav {
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}
#page-nav ul li {
	display: inline-block;
	margin-right: 3em;
}
#page-nav ul li a {
	display: block;
	padding-left: 16px;
	color: #00358a;
	letter-spacing: 0.1em;
	line-height: 1;
	text-decoration: none;
	background: url(../img/arrow_02.png) no-repeat left center;
	background-size: 10px 8px;
}
#page-title-02 {
	padding: 35px 0;
	margin-bottom: 30px;
	background: #fff;
}
#page-title-02 h1 {
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 343%;
	font-weight: 400;
	letter-spacing: 0.1em;
}
/** セクション
===================================*/
.sec-sty-01 {
	padding: 60px 0 70px;
}
.sec-sty-01.iso {
	background-color: #EDEDED;
}
/*.sec-sty-01.iso img {
	width: 240px;
	height: auto;
	float: right;
}*/
.sec-sty-01 .isoimg {
	float: right;
}
.sec-sty-01 .isoimg img{
	height: auto;
	margin: 0 5px;
	width: 110px;
}

.iso-text-01-2 {
    width: 250px;
    padding: 50px 0 0;
    margin: 0;
}
    
.sec-sty-01.iso .inner2{
    width: 400px;
}

.sec-sty-02 {
	padding: 50px 0 90px;
}
/** 区切り線
===================================*/
.line {
	border-bottom: 1px solid #f5f5f5;
}
/** ボックス
===================================*/
.box-01 {
	width: 800px;
	margin: 0 auto;
}
.box-02 {
	margin-bottom: 2em;
}
.box-02>p {
	letter-spacing: 0.1em;
	line-height: 2;
}
.box-02>p:not(:last-child) {
	margin-bottom: 2em;
}
/** タイトル
===================================*/
.ti-01 {
	position: relative;
	margin-bottom: 40px;
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 343%;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.1em;
}
.ti-01 span {
	display: block;
	padding-top: 10px;
	padding-bottom: 19px;
	font-size: 30%;
	text-align: center;
}
.ti-01::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	display: block;
	content: '';
	width: 50px;
	height: 1px;
	margin-left: -25px;
	background: #00358a;
}
.ti-02 {
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #00358a;
	font-size: 172%;
	letter-spacing: 0.1em;
	line-height: 1.8;
	border-bottom: 1px solid #ccc;
}
.ti-03 {
	margin-bottom: 0.5em;
	color: #00358a;
	font-size: 129%;
	letter-spacing: 0.1em;
}
.ti-04 {
	position: relative;
	margin-bottom: 60px;
	color: #00358a;
	font-size: 215%;
	text-align: center;
	letter-spacing: 0.1em;
}
.ti-04::after {
	position: absolute;
	left: 50%;
	bottom: -28px;
	display: block;
	content: '';
	width: 50px;
	height: 1px;
	margin-left: -25px;
	background: #00358a;
}
.ti-05 {
	margin-bottom: 50px;
	color: #00358a;
	text-align: center;
}
.ti-05 span {
	display: block;
	letter-spacing: 0.1em;
}
.ti-05 span:nth-child(1) {
	font-family: 'Oswald', sans-serif;
	font-size: 428%;
	font-weight: 400;
}
.ti-05 span:nth-child(2) {
	padding-top: 0.5em;
	font-size: 200%;
	font-weight: normal;
}
/** lead
===================================*/
.lead-01 {
	margin-bottom: 3em;
	font-size: 115%;
	text-align: center;
	line-height: 2;
}
.lead-01 span {
	display: block;
}
/** table
===================================*/
.table-01 {
	width: 800px;
	margin: 0 auto;
	border-top: 1px solid #ddd;
}
.table-01 th {
	width: 160px;
	padding: 6px 0;
	font-size: 115%;
}
.table-01 td {
	padding: 7px 0;
}
.table-01 th, .table-01 td {
	text-align: left;
	line-height: 2;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}
/** list
===================================*/
.list-01 dt {
	color: #00358a;
	font-size: 129%;
	margin-bottom: 1em;
}
.list-01 dd {
	position: relative;
	padding-left: 1em;
	margin-bottom: 0.5em;
	line-height: 2;
}
.list-01 dd::before {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	content: '・';
}
/** btn
===================================*/
.btn-01 {
	display: block;
	height: 46px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #00358a;
}
.btn-01 {
	display: block;
	height: 46px;
	line-height: 44px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00358a;
	background: #00358a;
	box-sizing: border-box;
	transition: 0.3s;
}
.btn-01:hover {
	color: #00358a;
	background: #fff;
	opacity: 1;
}
.blank {
	position: relative;
}
.blank::after {
	position: absolute;
	right: 15px;
	top: 50%;
	display: inline-block;
	content: '';
	width: 13px;
	height: 10px;
	margin-top: -5px;
	background: url(../img/blank_01.png) no-repeat left top;
	background-size: 13px 10px;
}
.btn-02 {
	display: block;
	height: 46px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.btn-02 {
	display: block;
	height: 46px;
	line-height: 44px;
	color: #00358a;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00358a;
	background: #fff;
	box-sizing: border-box;
	transition: 0.3s;
}
.btn-02:hover {
	color: #fff;
	background: #00358a;
	opacity: 1;
}
.btn-list-01 {
	margin-bottom: 2em;
	padding: 30px 50px 10px;
	background: #fafafa;
}
.btn-list-01 li {
	float: left;
	width: 430px;
	margin-bottom: 20px;
}
.btn-list-01 li:nth-child(odd) {
	margin-right: 40px;
}
/** 背景
===================================*/
.bg-01 {
	background: #fafafa;
}
/*==================================

　■COMPANY

 *==================================*/
#company #page-title {
	background: url(../img/company_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
#profile {
	padding-bottom: 30px;
}
/* 事業内容 */
.business-list {
	margin-top: 20px;
}
.business-list li {
	list-style: circle;
	list-style-position: inside;
}
.business-list li.lv2 {
	padding-left: 1em;
	list-style: inside;
}
.business-list li span, .business-list li.lv2 span {
	display: block;
	padding-left: 25px;
}
/** clients
===================================*/
#clients p {
	line-height: 2;
}
#clients p:not(:last-child) {
	margin-bottom: 1em;
}
/** history
===================================*/
.history-list {
	position: relative;
	width: 1000px;
}
.history-list h4 {
	position: absolute;
	top: 0;
	left: 140px;
	display: block;
	width: 1150px;
	height: 140px;
	color: #fafafa;
	font-family: 'Oswald', sans-serif;
	font-size: 1000%;
	font-weight: 400;
	line-height: 1;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate( 90deg );
	-ms-transform: rotate( 90deg );
	transform: rotate( 90deg );
}
.history-list dl {
	width: 700px;
	margin: 0 auto 20px;
}
.history-list dl dt {
	position: relative;
	float: left;
	width: 125px;
	padding: 14px 0 14px 35px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 1;
	border-radius: 3px;
	background: #3662aa;
}
.history-list dl dt::after {
	position: absolute;
	content: '';
	display: block;
	width: 40px;
	top: 21px;
	right: -40px;
	border-bottom: 1px dotted #3662aa;
}
.history-list dl dd {
	float: right;
	width: 440px;
	padding: 5px 28px;
	letter-spacing: 0.1em;
	line-height: 2;
	border: 2px solid #3662aa;
	border-radius: 3px;
}
/*==================================

　■ご挨拶・経営理念

 *==================================*/
#message {
	background: url(../img/message_bg_01.jpg) no-repeat bottom right;
	background-color: #f0f0f0;
}
#message .inner {
	padding: 70px 0 0;
}
#message-content {
	width: 540px;
	margin-left: 30px;
	padding-bottom: 3em;
}
#message-text {
	margin-bottom: 3em;
}
#message-text p {
	margin-bottom: 1em;
	line-height: 2;
}
#ceo {
	text-align: right;
	letter-spacing: 0.1em;
	line-height: 38px;
}
#ceo span {
	display: inline-block;
	margin-left: 1em;
}
#philosophy p {
	font-size: 186%;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 2;
}
#mission p {
	font-size: 286%;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 2;
}
#conduct ul {
	width: 520px;
	margin: 0 auto;
	font-size: 143%;
}
#conduct ul li {
	position: relative;
	margin-bottom: 1em;
	padding-left: 2em;
	line-height: 2;
}
#conduct ul li span {
	display: block;
}
#conduct ul li::before {
	content: '一.';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
/*==================================

　■事業所

 *==================================*/
#office #page-title {
	background: url(../img/office_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
.office-sec h3 {
	color: #00358a;
	font-size: 329%;
	font-weight: normal;
	margin-bottom: 0.5em;
}
.office-map {
	float: left;
	width: 278px;
	margin-left: 50px;
	margin-right: 70px;
}
.office-address {
	float: left;
	width: 560px;
}
.office-address dl:not(:last-child) {
	margin-bottom: 3em;
}
.office-address dl dt {
	margin-bottom: 0.5em;
	color: #00358a;
	font-size: 172%;
}
.office-address dl dd {
	letter-spacing: 0.1em;
	line-height: 2;
}
.office-address dl dd .btn-01 {
	width: 250px;
	margin-top: 1em;
}
/*==================================

　■セキュリティポリシー

 *==================================*/
.policy-date {
	line-height: 2;
	text-align: right;
}
/*==================================

　■プライバシーポリシー

 *==================================*/
#policy {
	margin-bottom: 2em;
	color: #00358a;
	padding: 28px 38px 28px 48px;
	border: 2px dotted #00358a;
}
#privacy-policy .list-01 {
	margin-bottom: 2em;
}
#policy ol li {
	list-style: outside;
	list-style-type: decimal;
	line-height: 2;
}
#policy ol li:not(:last-child) {
	margin-bottom: 1em;
}
#privacymark div {
	float: left;
	width: 50%;
}
.contact-box {
	width: 796px;
	padding: 30px 0;
	margin: 0 auto 50px;
	text-align: center;
	border: 2px solid #00358a;
}
.cb-t-01 {
	margin-bottom: 15px;
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 229%;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.cb-t-01 span {
	display: inline-block;
}
.cb-t-01 span:first-child {
	margin-right: 1em;
}
.cb-t-02 {
	margin-bottom: 0.5em;
	color: #00358a;
	font-size: 115%;
}
.cb-t-03 {
	font-size: 93%;
}
.cb-t-03 span {
	display: block;
}
.contact-box .btn-01 {
	width: 400px;
	margin: 0 auto 20px;
}
.title-span{
	font-size: 75%;
}
/*==================================

　■お問い合わせ

 *==================================*/
#contact-read p:not(:last-child) {
	margin-bottom: 1em;
	line-height: 2;
}
#contact-read #contact-text-01 {
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 0.75em;
	color: #00358a;
	text-align: center;
	border: 2px dotted #00358a;
}
/** contact-table
===================================*/
.contact-table {
	width: 100%;
	border-top: 1px solid #ddd;
}
.contact-table th {
	width: 290px;
	padding: 24px 0;
}
.contact-table th.must {
	position: relative;
}
.contact-table th.must::after {
	position: absolute;
	right: 0;
	display: inline-block;
	content: '必 須';
	color: #e7364c;
	font-size: 93%;
	font-weight: normal;
}
.contact-table td {
	padding: 24px 0 24px 30px;
}
.contact-table th, .contact-table td {
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 2;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}
.contact-table td .mwform-radio-field {
	display: inline-block;
	width: 32%;
}
.contact-table input[type="text"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	height: 33px;
	line-height: 33px;
	text-align: left;
	text-indent: 5px;
	font-size: 100%;
	vertical-align: middle;
	border: none;
	border-radius: 0;
	background: #fafafa;
	box-sizing: border-box;
}
.contact-table textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	font-size: 100%;
	text-align: left;
	text-indent: 5px;
	background: #fafafa;
}
.explain {
	color: #888;
	font-size: 86%;
}
.form-text-01 {
	margin-top: 1em;
	font-size: 93%;
	line-height: 1;
}
.form-text-02 {
	margin-top: 1em;
	font-size: 79%;
	line-height: 1.2;
}
#terms {
	width: 700px;
	margin: 50px auto 25px;
	padding: 25px 50px 40px;
	background: #fafafa;
}
#terms h2 {
	margin-bottom: 25px;
	font-size: 115%;
	text-align: center;
	letter-spacing: 0.1em;
}
#terms-text {
	padding: 2em;
	height: 154px;
	font-size: 86%;
	border: 1px solid #ddd;
	background: #fff;
	overflow-y: auto;
}
#terms-text p:not(:last-child) {
	margin-bottom: 1em;
}
.input-box {
	text-align: center;
}
.input-box a {
	display: inline-block;
	margin: 1em 0 3em;
}
/**  MW WP FORM
===================================*/
/*確認画面へ進むボタン用*/
.form-btn {
	overflow: hidden;
	_zoom: 1;
}
.form-btn li {
	text-align: center;
	margin-bottom: 20px;
}
.form-btn li:last-child {
	margin-bottom: 0;
}
.form-btn input {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: 400px;
	height: 60px;
	color: #fff;
	font-size: 115%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
	background: #00358a;
	border: none;
	cursor: pointer;
	overflow: hidden;
}
/*送信ボタン用*/
.mw_wp_form_input .btn input, .mw_wp_form_confirm .btn input {
	width: 400px;
	height: 60px;
	color: #fff;
	font-size: 115%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
	background: #00358a;
	border: none;
	cursor: pointer;
	overflow: hidden;
}
/*戻るボタン用*/
.submitback input {
	width: 400px;
	height: 60px;
	color: #fff;
	font-size: 115%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
	background: #98948e;
	border: none;
	cursor: pointer;
	overflow: hidden;
}
/*戻るボタン用*/
.mw_wp_form mw_wp_form_confirm .hidden, .mw_wp_form_preview .hidden {
	display: none;
}
/* 完了メッセージ */
.red {
	color: #DF070B;
}
.form_t1 {
	padding: 40px 0 20px;
	line-height: 2;
	font-size: 115%;
	font-weight: bolder;
	text-align: center;
}
.form_t2 {
	line-height: 2;
}

/* 確認画面のときに非表示にする*/
.mw_wp_form_confirm #contact-read,
.mw_wp_form_confirm #input-confirm,
.mw_wp_form_confirm #terms {
	display: none;
}
.mw_wp_form_confirm .contact-table {
	margin-bottom: 30px;
}

#contact .mw_wp_form .horizontal-item + .horizontal-item {
	margin: 0;
}

/*==================================

　■教育・研修制度

 *==================================*/
.training-table {
	width: 100%;
	height: 100%;
	border-right: 4px solid #eee;
	border-bottom: 4px solid #eee;
	background: #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse: collapse;
}
.training-table thead th {
	height: 100%;
	color: #fff;
	font-size: 115%;
	letter-spacing: 0.1em;
	padding: 1em 0.2em;
	text-align: center;
	font-weight: bolder;
	vertical-align: middle;
}
.training-table thead th:not(:last-child) {
	border-right: 4px solid #eee;
}
.training-table tbody th {
	padding: 1em 0;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
	vertical-align: middle;
	background: #555;
}
.training-table tbody tr th {
	border-top: 4px solid #eee;
}

.training-table tbody td {
	width: 312px;
	height: 100%;
	letter-spacing: 0.1em;
	vertical-align: middle;
}
.training-table td.bn {
	border-top: 0;
}
.training-table tbody tr td:not(last-child) {
	border-left: 4px solid #eee;
	border-top: 4px solid #eee;
}
.training-table td dd>p {
	margin-bottom: 1em;
	font-size: 93%;
	line-height: 1.8;
}
.tt-list-01 li,
.tt-list-02 li,
.tt-list-03 dt {
	position: relative;
	padding-left: 1em;
	font-size: 93%;
	line-height: 1.5;
}
.tt-list-01 li {
	display: inline-block;
	padding-right: 1.5em;
}
.tt-list-01 li:not(:last-child) {
	margin-bottom: 0.5em;
}
.tt-list-02 {
	text-align: center;
}
.tt-list-02 li {
	display: inline-block;
}
.tt-list-02 li:not(:last-child) {
	margin-right: 1em;
}
.tt-list-01 li::before,
.tt-list-02 li::before,
.tt-list-03 dt::before {
	position: absolute;
	left: 0;
	top: 0.2em;
	content: '■';
	font-size: 77%;
}
.tt-list-03 dt {
	margin-bottom: 0.5em;
}
.tt-list-03 dd {
	padding-left: 1em;
	font-size: 86%;
	margin-bottom: 1em;
}

/** box
===================================*/
.tt-box-01 {
	/*padding: 1em;*/
	padding: 12px;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse: collapse;
}
.tt-box-01 h5 {
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 0.5em;
	font-size: 115%;
	font-weight: bolder;
	letter-spacing: 0.1em;
	line-height: 1.5;
	text-align: left;
	border-bottom: 2px solid #fff;
}
.tt-box-01>p {
	margin-bottom: 1em;
}

/** 色
===================================*/
.tt-color-01 {
	color: #fff;
	background: #2999C9;
}
.tt-color-02 {
	color: #fff;
	background: #5082c3;
}
.tt-color-03 {
	color: #fff;
	background: #152f5b;
}
.tt-color-04 {
	color: #fff;
	background: #5EB19B;
}
.tt-color-05 {
	color: #fff;
	background: #365492;
}
.tt-color-06 {
    background: #e0e0e0;
}


.tt-ti-01 {
	padding: 2em 0;
    font-size: 115%;
    font-weight: bolder;
    letter-spacing: 0.1em;
    line-height: 1.5;
    text-align: center;
}
.tt-ti-01 span {
	display: block;
	font-size: 88%;
}

.tt-img-01 {
	padding-bottom: 1em;
}
.tt-img-01 div {
	float: left;
	width: 50%;
}
.tt-img-01 figure {
	float: right;
	width: 46%;
}
.tt-img-01 figure img {
	width: 100%;
	height: auto;
}
.tt-img-02 {
	margin-top: 1em;
}
.tt-img-02 img {
	width: 100%;
	height: auto;
}


/** license
===================================*/
#license>p {
	font-size: 115%;
	margin-bottom: 1em;
}

.license-table {
	width: 100%;
	height: 100%;
	background: #eee;
}

.license-table th {
	padding: 1em;
	font-size: 115%;
	border: 2px solid #aaa;
}
.license-table td {
	width: 50%;
	padding: 2em 3em;
	border: 2px solid #aaa;
}
.license-table td .tt-list-01 li {
	font-size: 108%;
}

.license-table td p {
	text-align: right;
}
.license-table ul li {
	display: inline-block;
}


/*==================================

　■ISO／品質・環境方針

 *==================================*/
#iso #page-title {
	background: url(../img/iso_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
.iso-text-01 {
	margin-bottom: 50px;
	text-align: center;
	line-height: 2;
}
.iso-text-01 span {
	display: block;
}
.iso-text-02 {
	width: 600px;
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
	color: #00358a;
	font-size: 172%;
	line-height: 2;
	border: 1px solid #00358a;
}
.iso-text-03 {
	margin-top: 5em;
	text-align: right;
}
#iso .policy-date {
	padding-top: 50px;
}
/*==================================

　■福利厚生

 *==================================*/
#welfare #page-title {
	background: url(../img/welfare_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
#dormitory {
	padding-bottom: 80px;
}
#welfare-box-01 {
	padding: 25px 20px 30px;
	margin-bottom: 30px;
	background: #fff;
}
.welfare-ti-01 {
	margin-bottom: 25px;
	color: #00358a;
	font-size: 200%;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
}
.welfare-ti-01 span {
	padding-top: 0.5em;
	display: block;
	font-size: 72%;
}

#welfare-box-01 figcaption {
	color: #fff;
	background: #3662aa;
}
#dormitory-list-01 {
	float: left;
	width: 570px;
}
#dormitory-list-01 li {
	float: left;
	margin-right: 10px;
}
#dormitory-list-01 li:nth-child(1) {
	width: 250px;
}
#dormitory-list-01 li:nth-child(2) {
	width: 300px;
}
#dormitory-list-01 figcaption {
	padding: 18px 0;
	text-align: center;
	line-height: 1;
}
#dormitory-list-02 {
	float: right;
	width: 390px;
}
#dormitory-list-02 li div {
	width: 195px;
}
#dormitory-list-02 li figcaption {
	display: block;
	width: 155px;
	height: 130px;
	padding: 65px 20px 0;
	font-size: 93%;
	line-height: 2;
}
#dormitory-list-02 li:nth-child(1) div, #dormitory-list-02 li:nth-child(2) figcaption {
	float: right;
}
#dormitory-list-02 li:nth-child(1) figcaption, #dormitory-list-02 li:nth-child(2) div {
	float: left;
}
#dormitory-list-03 {
	/*20231110 修正／寮が２つになったため、幅を指定してセンター揃えに*/
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}
#dormitory-list-03 li {
	float: left;
	width: 320px;
}
#dormitory-list-03 li:not(:last-child) {
	margin-right: 20px;
}
#dormitory-list-03 li figcaption {
	padding: 12px 0;
	color: #00358a;
	text-align: center;
	line-height: 1.5;
	background: #fff;
}
#dormitory-list-03 li figcaption span {
	display: block;
	font-size: 93%;
}
.event-box-01 {
	width: 900px;
	margin: 0 auto 30px;
	padding: 0 0 30px;
	border-bottom: 1px solid #eee;
}
#event .event-box-01:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.event-text {
	float: left;
	width: 530px;
}
.event-text h4 {
	margin-bottom: 1em;
	color: #00358a;
	font-size: 172%;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.event-text p {
	line-height: 2;
}
.event-text p span {
	display: block;
}
.event-img {
	float: right;
	width: 320px;
}
.event-img figcaption {
	padding-top: 10px;
	color: #00358a;
	letter-spacing: 0.1em;
	text-align: center;
}
.event-img figure:not(:last-child) {
	margin-bottom: 20px;
}
#club {
	padding-bottom: 40px;
}
.club-list-01 {
	margin: 0 auto;
}
.club-list-01 li {
	float: left;
	width: 320px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.club-list-01 li:nth-child(3n) {
	margin-right: 0;
}
.club-list-01 li figcaption {
	padding-top: 10px;
	color: #00358a;
	letter-spacing: 0.1em;
	text-align: center;
}
/*==================================

　■アテックの強み

 *==================================*/
#advantage-head {
	padding: 80px 0 60px;
	background: #fafafa;
}
#advantage-title {
	float: left;
	width: 400px;
}
#advantage-title h1 {
	margin-bottom: 1.5em;
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 343%;
	font-weight: 400;
	letter-spacing: 0.1em;
}
#advantage-title p {
	color: #444;
	font-size: 286%;
	font-style: italic;
	font-weight: bolder;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
#advantage-img {
	float: right;
	width: 600px;
}
#advantage-lead-01 {
	margin-top: 4em;
	font-size: 115%;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 2;
}
#advantage-lead-01 span {
	display: block;
}
#advantage-lead-02 {
	position: relative;
	padding: 40px 0 30px;
	color: #fff;
	text-align: center;
	background: url(../img/advantage_bg_01.gif) repeat;
}
#advantage-lead-02::after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -7px;
	width: 15px;
	height: 16px;
	background: url(../img/arrow_03.png) no-repeat left top;
	background-size: 15px 16px;
}
#advantage-lead-02 p {
	font-size: 186%;
	letter-spacing: 0.1em;
	line-height: 1;
	vertical-align: middle;
}
#advantage-lead-02 p span {
	display: inline-block;
	margin-top: -10px;
	margin-right: 15px;
	font-family: 'Oswald', sans-serif;
	font-size: 331%;
	font-style: italic;
	font-weight: 400;
	line-height: 1;
	vertical-align: middle;
}
#advantage-content {
	padding: 30px 0 0;
}
.advantage-sec-title {
	position: relative;
	margin: 0 0 50px;
}
.number {
	position: relative;
	float: left;
	display: inline-block;
	width: 98px;
	height: 98px;
	margin-right: 25px;
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 286%;
	font-style: italic;
	font-weight: 400;
	border-radius: 50%;
	text-align: center;
	line-height: 98px;
	border: 1px solid #00358a;
	z-index: 2;
}
#ad-ti-01 .number {
	color: #00358a;
	border: 1px solid #00358a;
}
#ad-ti-02 .number {
	color: #1052a0;
	border: 1px solid #1052a0;
}
#ad-ti-03 .number {
	color: #135fba;
	border: 1px solid #135fba;
}
.advantage-sec-title h2 {
	position: relative;
	float: left;
	padding-top: 5px;
	font-family: 'Oswald', sans-serif;
	font-size: 449%;
	font-weight: 400;
	letter-spacing: 0.1em;
	z-index: 2;
}
#ad-ti-01 h2 {
	color: #00358a;
}
#ad-ti-02 h2 {
	color: #1052a0;
}
#ad-ti-03 h2 {
	color: #135fba;
}
.advantage-sec-title h2 span {
	display: block;
	padding-top: 5px;
	color: #333;
	font-size: 33%;
}
.bg-title {
	position: absolute;
	right: 0;
	top: -9px;
	display: inline-block;
	color: #fafafa;
	font-family: 'Oswald', sans-serif;
	font-size: 858%;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 1;
}
#ad-ti-03 .bg-title {
	font-size: 715%;
}
.advantage-img {
	margin-bottom: 3em;
	text-align: center;
}
.advantage-text p {
	margin-bottom: 2em;
	font-size: 115%;
	line-height: 2;
}
.advantage-text .btn-01 {
	width: 400px;
	margin: 0 auto;
}
#totalsolution {
	background: url(../img/service_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
#totalsolution .bg-title {
	color: #fff;
	opacity: 0.5;
}

#techcenter-banner {
	position: relative;
	width: 1000px;
	height: 310px;
}
#techcenter-banner .btn-01 {
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
}
/*==================================

　■教育・研修制度

 *==================================*/
#education #page-title {
	background: url(../img/education_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
.education-box-01 {
	display: table;
}
.education-box-01 dt {
	width: 200px;
	color: #fff;
	font-size: 143%;
	text-align: center;
	letter-spacing: 0.1em;
	background: #00358a;
}
.education-box-01 dd {
	width: 700px;
	padding: 40px 50px;
	font-size: 115%;
	line-height: 2;
	background: #fafafa;
}
.education-box-01 dd span {
	display: block;
}
.education-box-01 dt, .education-box-01 dd {
	display: table-cell;
	vertical-align: middle;
}
.education-list-01 {
	margin-top: 30px;
	margin-bottom: 80px;
}
.education-list-01 li {
	float: left;
	width: 484px;
	border: 3px solid #eee;
}
.education-list-01 li:nth-child(odd) {
	margin-right: 20px;
}
.education-list-01 li figure {
	float: left;
	width: 158px;
}
.education-list-01 li div {
	float: left;
	width: 286px;
	padding-top: 17px;
	padding-left: 20px;
	letter-spacing: 0.1em;
}
.education-list-01 h4 {
	margin-bottom: 0.5em;
	color: #00358a;
	font-size: 143%;
}
.education-list-01 p {
	font-size: 100%;
}
.training-title {
	margin-top: 30px;
	margin-bottom: 4px;
	padding: 28px 0;
	color: #fff;
	font-size: 172%;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align: center;
	background: url(../img/education_bg_02.gif) repeat;
}
#education-content {
	padding: 0 0 80px;
}
#education-ti-01 {
	margin-bottom: 40px;
	padding: 140px 0;
	color: #fff;
	background: url(../img/education_bg_03.jpg) no-repeat center center;
	background-size: cover;
}
#education-ti-01 h3 {
	width: 296px;
	height: 66px;
	margin: 0 auto;
	color: #fff;
	font-size: 172%;
	letter-spacing: 0.1em;
	line-height: 66px;
	text-align: center;
	border: 2px solid #fff;
}
.table-02 {
	width: 840px;
	margin: 0 auto;
	border-top: 2px solid #00358a;
}
.table-02 th {
	width: 330px;
	color: #00358a;
	font-size: 172%;
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: left;
}
.table-02 td {
	padding: 2em 0;
	font-size: 115%;
	line-height: 2;
}
.table-02 th, .table-02 td {
	border-bottom: 2px solid #00358a;
	vertical-align: middle;
}
/*==================================

　■技術センター

 *==================================*/
#techcenter #page-title {
	background: url(../img/techcenter_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
#techcenter #page-title {
	position: relative;
	width: 100%;
	height: 267px;
	padding-top: 133px;
	color: #fff;
	font-size: 100%;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1;
}
#techcenter #page-title::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	display: block;
	width: 100%;
	height: 14px;
	background: url(../img/techcenter_bg_02.jpg) repeat-x left top;
	background-size: 19px 14px;
}
#techcenter #page-title h2 {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 515%;
	font-weight: 400;
	letter-spacing: 0.1em;
}
#techcenter #page-title h2 span {
	display: block;
	padding-top: 20px;
	font-size: 59%;
}
#techcenter-row-01 h3 {
	margin-bottom: 0.5em;
	text-align: center;
	font-size: 243%;
	color: #36599c;
	line-height: 1.5;
}
#techcenter-video {
	background: #000;
}
/** POINT
===================================*/
#point-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	margin-bottom: 50px;
}
/* 点線 */
#point-wrap::before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	content: '';
	margin-left: -1px;
	width: 2px;
	height: 100%;
	background: url(../img/line_01.gif) repeat-y;
	z-index: -1;
}
#point-wrap::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	content: '';
	width: 0;
	height: 0;
	margin-left: -15px;
	border-style: solid;
	border-width: 20px 15px 0 15px;
	border-color: #00358a transparent transparent transparent;
}
#point-wrap h3 {
	width: 248px;
	height: 98px;
	margin: 0 auto 150px;
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 415%;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 98px;
	border: 1px solid #00358a;
	background: #fff;
}
.point-box {
	width: 930px;
	margin: 0 auto 120px;
}
.point-box:nth-child(odd) .point-img, .point-box:nth-child(even) .point-text {
	float: right;
}
.point-box:nth-child(even) .point-img, .point-box:nth-child(odd) .point-text {
	float: left;
}
.point-img {
	width: 400px;
}
.point-text {
	width: 400px;
}
.point-text time {
	display: block;
	margin-bottom: 5px;
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 415%;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.point-text h4 {
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	color: #00358a;
	font-size: 158%;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.5;
	border-bottom: 2px solid #00358a;
}
.point-text p {
	font-size: 115%;
	line-height: 2;
}
.point-text h5 {
	margin-bottom: 0.25em;
	font-size: 129%;
	font-weight: bolder;
}
.point-text ul li {
	line-height: 2;
}
.point-box .clearfix:not(:last-child) {
	margin-bottom: 60px;
}
.point-box:last-child .point-text p {
	margin-bottom: 1em;
}
/** inview.jsで動きをつける
===================================*/
/* 奇数行のとき */
.point-box:nth-child(odd) .point-img, .point-box:nth-child(even) .point-text {
	opacity: 0;
	transform: translate(100px, 0);
	-webkit-transform: translate(60px, 0);
	transition: 1.5s;
}
/* 偶数行のとき */
.point-box:nth-child(odd) .point-text, .point-box:nth-child(even) .point-img {
	opacity: 0;
	transform: translate(-100px, 0);
	-webkit-transform: translate(-100px, 0);
	transition: 1.5s;
}
.point-box:nth-child(odd) .fade-01, .point-box:nth-child(even) .fade-01 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/** ATEC VISION
===================================*/
#vision {
	padding: 80px 0;
	background: url(../img/techcenter_bg_03.jpg) no-repeat center center;
	background-size: cover;
}
#vision h3 {
	width: 398px;
	padding: 30px 0;
	margin: 0 auto 70px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 415%;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1;
	border: 1px solid #fff;
}
#vision h3 span {
	padding-top: 10px;
	display: block;
	font-size: 31%;
}
#vision p {
	color: #fff;
	font-size: 143%;
	text-align: center;
	letter-spacing: 0.1em;
}
#vision p span {
	display: block;
}
/* 下からフェードイン */
.fadeup-target {
	opacity: 0;
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	transition: 1s;
}
.fadeup {
	opacity: 1.0;
	transform: translate(0, 0);
}
/** 共和技術センターの実績
===================================*/
#case {
	padding: 50px 0 70px;
	background: url(../img/techcenter_bg_04.jpg) no-repeat center center;
	background-size: cover;
}
#case .ti-04 {
	color: #fff;
}
#case .ti-04::after {
	background: #fff;
}
#case-wrap {
	display: table;
	width: 1000px;
}
#case-wrap .case-box {
	width: 450px;
	padding: 30px 25px;
	display: table-cell;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
}
.case-ti-01 {
	display: inline-block;
	padding: 5px 20px;
	font-family: 'Oswald', sans-serif;
	font-size: 93%;
	font-weight: 300;
	text-align: center;
	border: 1px solid #fff;
}
.case-ti-02 {
	margin: 1em 0;
	font-size: 172%;
}
.case-box table {
	width: 100%;
}
.case-box table:not(:last-child) {
	margin-bottom: 10px;
}
.case-box table th {
	width: 125px;
	line-height: 2;
	vertical-align: middle;
	border: 1px solid #fff;
	background: #fff;
}
.case-box table td {
	padding: 1em;
	text-align: left;
	border: 1px solid #fff;
}
.case-box table td ul {
	font-size: 93%;
}
.case-box table td ul li {
	position: relative;
	padding-left: 1em;
	line-height: 1.8;
}
.case-box table td ul li:not(:last-child) {
	margin-bottom: 5px;
}
.case-box table td ul li::before {
	position: absolute;
	left: 0;
	display: inline-block;
	content: '・';
}
#case-software {
	background: rgba(159, 178, 201,0.88);
}
#case-software table th {
	color: #9fb2c9;
}
#case-micon {
	background: rgba(170,201,157,0.88);
}
#case-micon table th {
	color: #aac99d;
}
#facility .ti-04 span {
	display: block;
	font-size: 67%;
	padding-top: 10px;
}
#facility-list {
	width: 840px;
	margin: 0 auto 50px;
}
#facility-list table {
	float: left;
	width: 400px;
}
#facility-list table:first-child {
	margin-right: 40px;
}
.facility-table thead th {
	padding: 0 0 10px;
	color: #00358a;
	font-size: 143%;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
.facility-table tbody td {
	padding: 9px 0;
	border-bottom: 1px solid #ddd;
}
.facility-table tbody tr td:nth-child(2) {
	width: 60px;
}
.facility-table span {
	display: block;
	height: 22px;
	color: #00358a;
	font-size: 89%;
	text-align: center;
	line-height: 22px;
	background: #e8f2fb;
}
#facility ul {
	width: 840px;
	margin: 0 auto;
}
#facility ul li {
	float: left;
	width: 410px;
}
#facility ul li img {
	width: 100%;
	height: auto;
}
#facility ul li:not(:last-child) {
	margin-right: 20px;
}
/*==================================

　■サービス領域

 *==================================*/
#service-head {
	background: url(../img/service_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
#service-head .inner {
	padding: 40px 0;
}
#service-img {
	float: left;
	width: 450px;
}
#service-title {
	float: right;
	width: 450px;
	padding-top: 60px;
	padding-right: 30px;
}
#service-title h1 {
	margin-bottom: 1em;
	color: #00358a;
	font-family: 'Oswald', sans-serif;
	font-size: 343%;
	font-weight: 400;
	letter-spacing: 0.1em;
}
#service-title h2 {
	margin-bottom: 20px;
	color: #444;
	font-size: 286%;
	font-style: italic;
	font-weight: bolder;
	letter-spacing: 0.05em;
	line-height: 1.3;
}
#service-title p {
	font-size: 115%;
	line-height: 2;
}
#service-row-01 {
	padding-bottom: 0;
}
/** service-list
===================================*/
.service-box {
	float: left;
	width: 320px;
	text-align: center;
	letter-spacing: 0.1em;
}
.service-box h2 {
	margin: 1.2em 0;
}
.service-box h3 {
	display: inline-block;
	margin-bottom: 20px;
	padding: 8px 20px;
	font-size: 129%;
	font-weight: normal;
	border: 1px solid #fff;
}
.service-box ul {
	width: 300px;
	margin: 0 auto;
}
.service-box ul li {
	display: inline-block;
	margin: 0 0.5em 0.8em;
	font-size: 86%;
}
.service-box:not(:last-child) {
	margin-right: 20px;
}
.service-lv1 {
	position: relative;
	color: #7a97bf;
	font-size: 143%;
	border: 2px solid #7a97bf;
	background: #fff;
}
.service-lv1::before,
.service-lv1::after {
	position: absolute;
	left: 0;
	display: block;
	content: '';
	width: 0;
	height: 0;
	z-index: 2;
}
.service-lv1::before {
	bottom: -52px;
	border-style: solid;
	border-width: 50px 158px 0 158px;
	border-color: #7a97bf transparent transparent transparent;
}
.service-lv1::after {
	bottom: -50px;
	border-style: solid;
	border-width: 50px 158px 0 158px;
	border-color: #fff transparent transparent transparent;
}
.service-lv2,
.service-lv3,
.service-lv4 {
	position: relative;
	padding: 70px 0 6px;
	color: #fff;
	text-align: center;
}
.service-lv2 {
	background: #b5c5d9;
}
.service-lv3 {
	height: 168px;
	background: #a3b5cc;
}
.service-lv4 {
	height: 156px;
	margin-bottom: 70px;
	background: #8fa5bf;
}
.service-lv2::after,
.service-lv3::after,
.service-lv4::after {
	position: absolute;
	left: 0;
	bottom: -50px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 156px 0 160px;
	z-index: 2;
}
.service-lv2::after {		
	border-color: #b5c5d9 transparent transparent transparent;
}
.service-lv3::after {
	border-color: #a3b5cc transparent transparent transparent;
}
.service-lv4::after {
	border-color: #8fa5bf transparent transparent transparent;
}
/*.service-box dl {
	height: 320px;
	padding: 25px;
	text-align: left;
	border: 1px solid #aabed6;
}
.service-box dl dt {
	margin-bottom: 1em;
	color: #aabed6;
	font-size: 129%;
	font-weight: normal;
	text-align: center;
}
.service-box dl dd {
	display: inline-block;
	margin-right: 1em;
	font-size: 89%;
	line-height: 1.8;
}*/
.service-tools {
	height: 220px;
	padding: 25px;
	text-align: left;
	border: 1px solid #aabed6;
}
.service-tools h4 {
	margin-bottom: 1em;
	color: #aabed6;
	font-size: 129%;
	font-weight: normal;
	text-align: center;
}
.service-tools p {
	font-size: 89%;
	line-height: 1.8;
}
.service-tools p span {
	display: block;
}

#service-lead-01 {
	margin-top: 2em;
	color: #8fa5bf;
	font-size: 172%;
	letter-spacing: 0.1em;
	text-align: center;
}
#service-lead-02 {
	padding: 40px 0;
	margin-top: 2em;
	color: #fff;
	font-size: 143%;
	letter-spacing: 0.1em;
	text-align: center;
	background: #444;
}
#service-lead-02 span {
	display: block;
}
#techcenter-banner-02 {
	background: url(../img/service_bg_02.jpg) no-repeat center center;
	background-size: cover;
}
#techcenter-banner-02 .inner {
	position: relative;
	width: 1000px;
	height: 310px;
}
#techcenter-banner-02 .btn-01 {
	position: absolute;
	left: 50%;
	 bottom: 50px;
	width: 400px;
	margin-left: -200px;
}
/** #service-table
===================================*/
#service-table-wrap {
	margin-bottom: 80px;
}
#service-table {
	letter-spacing: 0.1em;
}
#service-table thead th {
	height: 50px;
	color: #fff;
	font-size: 115%;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
	background: #7a97bf;
}
#service-table thead tr th:not(:last-child) {
	width: 199px;
	border-right: 1px solid #fff;
}
#service-table tbody tr td:not(:last-child) {
	width: 169px;
	border-right: 1px solid #fff;
}
#service-table thead tr th:last-child {
	width: 200px;
}
#service-table tbody tr td:last-child {
	width: 170px;
}
#service-table tbody th {
	width: 199px;
	color: #7a97bf;
	font-weight: bolder;
	vertical-align: middle;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #fafafa;
}
#service-table tbody th figure {
	padding-top: 15px;
	display: block;
}
#service-table tbody td {
	padding: 15px;
	line-height: 1.8;
	font-size: 93%;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
	background: #eee;
}
.service-ti {
	padding: 1.2em 0;
	color: #00358a;
	font-size: 200%;
	text-align: center;
	letter-spacing: 0.1em;
	border: 2px solid #00358a;
}
#service-title-02 {
	background: url(../img/service_icon_04.jpg) no-repeat 24% center;
}
#service-title-03 {
	margin-bottom: 30px;
	background: url(../img/service_icon_05.jpg) no-repeat right bottom;
}

.service-table-02 {
	width: 100%;
	margin-bottom: 20px;
}
.service-table-02 th {
	width: 140px;
}
.service-table-02 td {
	padding: 20px 30px;
	vertical-align: middle;
	background: #fafafa;
}
.service-table-02 td p {
	line-height: 2;
}
.service-table-02 strong {
	display: inline-block;
	margin-right: 1em;
}
.annotation {
	text-align: right;
	font-size: 89%;
}

/*==================================

　■お知らせ

 *==================================*/ 
.post {
	width: 780px;
	margin: 0 auto;
	padding: 40px 0 0;
}
.post .btn-01 {
	width: 400px;
	margin: 3em auto;
}
.post-head {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
}
.post .post-title {
	padding: 10px 0 5px;
	font-size: 172%;
	font-weight: bolder;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.post .tag {
	display: block;
}
.post-head time {
	color: #888;
	font-size: 93%;
	letter-spacing: 0.1em;
}
.post-content img {
	max-width: 100%;
	height: auto;
}
.post-content p {
	font-size: 115%;
}
.post-content p:not(:last-child) {
	margin-bottom: 1.5em;
}

/*==================================

　■WordPress用 CSS

 *==================================*/
/**  WP-PAGE-NAVI
===================================*/
#pagenavi {
	margin-top: 60px;
	text-align: center;
	padding-bottom: 20px;
}
.wp-pagenavi {
	height: 40px;
	font-size: 16px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	color: #444;
}
.wp-pagenavi span.pages {
	padding: 16px 20px !important;
	margin: 3px !important;
	background: #fafafa;
	border: none !important;
}
.wp-pagenavi .current {
	font-weight: bolder;
	background: #00358a;
	color: #fff;
	padding: 16px 20px !important;
	border: none !important;
}
.wp-pagenavi a {
	padding: 16px 20px !important;
	margin: 3px !important;
	text-decoration: none !important;
	color: #444;
	border: none !important;
	background: #fafafa;
}
/**  画像
===================================*/
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
img.alignleft {
	margin-right: 5px;
	margin-bottom: 5px;
}
img.alignright {
	margin-left: 5px;
	margin-bottom: 5px;
}
img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}


}


/**  AUTOSARソリューション
===================================*/
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mb3{
    margin-bottom: 3%;
}


.blueTitle{
    font-size: 40px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 5%;
    color:#00358a;
}

.l-inner{
    max-width: 1200px;
    width: 100%;
    padding: 0 3%;
    margin: 0 auto;
}
.autosar *{
        box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
.autosar  p{
    font-size: 16px;
}

.autosar img{
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
    width: auto;
}
.autosar-main{
     width: 100%;
    margin-bottom: 6%;
}
 .autosar-main img{
     width: 100%;
}

.autosar-top{
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
    margin-bottom: 8%;
}

.autosar-top .img{
    width: 48%;
}
.autosar-top .img img{
    width: 100%;
}
.autosar-top .text{
    width: 48%;
    margin-right: 4%;
}
.autosar-top .text p{
    line-height: 2.4;
}

.autosar-list{
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
    margin-bottom: 8%;
}

.autosar-list-item{
    border:3px solid #00358a;
    padding: 3%;
    width: 48%;
    margin-bottom: 4%;
}

.autosar-list-item .flex{
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

.autosar-list-item.last{
    width: 100%;
}

.autosar-list-item h2{
    font-size: 24px;
    line-height: 1.6;
    color:#00358a;
}

.autosar-list-item h2 span{
    display: inline-block;
}

.autosar-list-item .title{
    width: 60%;
}

.autosar-list-item .logo1{
    width: 35%;
    margin-left: 5%;
}

.autosar-list-item .left{
    width: 80%;
}

.autosar-list-item .logo2{
    width: 15%;
    margin-left: 5%;
}

.autosar-support{
    background: #fafafa;
    padding: 5% 0;
    margin-bottom: 6%;
}
.autosar-support section{
    width: 33.333%;
    padding: 3%;
    border-left: 1px solid #00358a;
}
.autosar-support  section:first-child {
    border-left: none;
}

.autosar-support h3{
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 4%;
    padding: 0 2%;
    text-align: center;
    min-height: 120px;
}
.autosar-support .img{
    text-align: center;
    margin :8% 0 8%;
} 

.autosar .link a{
    display: block;
    width: 90%;
    max-width: 410px;
    padding: 10px 2%;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    background: #00358a;
    color: #fff;
    margin: 0 auto;
}

.autosar-link img{
width: 100%;    
}

/*==================================

　■SDGs

 *==================================*/
#sdgs #page-title {
	background: url("../img/sdgs_bg_01.jpg") no-repeat center center;
	background-size: cover;
}

#sdgs .top-txt{
    text-align: center;
    max-width: 700px;
    line-height: 2;
    margin: 0 auto 4%;
}

#sdgs .main-img{
    max-width:900px;
    margin: 0 auto 6%;
}

#sdgs img{
    width: 100%;
    height: auto;
}

.sdgs-item {
    max-width: 900px;
    margin: 0 auto 6%;
} 

.sdgs-item .img{
    width: 20%;
}
.sdgs-item .txt{
    width: 70%;
    padding: 3%;
    background: #fafafa;
    margin-left: 4%;
}

.sdgs-item .txt h2{
    font-size: 18px;
    color:#00358a;
    margin-bottom: 15px;
    border-bottom: 1px solid #00358a;
    padding-bottom: 10px;
}

.sdgs-item .txt h3{
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #7a97bf;
}