@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Oswald');

/* default setting */
.page-top object { display: block; }
.page-top img { max-width: 100%; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.langEngContents { display: none; }
.main-header .wrapper,
.main-nav .wrapper,
body.home .gnavi2,
.page-top .wrapper { max-width: 100%; padding: 0; }

/* assets */
.animated { -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-backface-visibility: hidden; /* chromeのズレ修正 */ backface-visibility: hidden; /* chromeのズレ修正 */ }
.section-heading { color: #000; font-size: 32px; font-weight: normal; text-align: center; white-space: nowrap; padding: 30px 0; }

/* layout */
.jp,
.en { float: none; width: auto; height: auto; text-transform: uppercase; }
.jp.active,
.en.active,
.jp:hover,
.en:hover { background: none; }

.main-header { width: 100%; padding-top: 0; position: fixed; top: 0; left: 0; right: 0; z-index: 100; float: none; }
.main-header .logo { display: table; width: 12vw; max-width: 158px; max-height: 30px; margin: 17px 0 17px 15px; background: none; }
.main-header .logo a { display: table-cell; vertical-align: middle; }
.main-header .logo img { max-width: 100%; max-height: 100%; -webkit-backface-visibility: hidden; }

.main-footer { clear: both; background: #003978; }
.main-footer .wrapper { padding: 0; }
.main-footer h2 { font-size: 28px; font-weight: normal; text-align: center; border-bottom: none; padding: 40px 0; margin-bottom: 0; }
.footer-column > li { width: 25%; padding: 0 10px !important; }
.footer-details-container { font-size: 14px; }
.footer-title { font-weight: bold; border-bottom: 1px solid #acacac; padding-bottom: 5px; }
.footer-details { font-size: 14px !important; margin-bottom: 15px; }
.footer-details span { color: #fff; }
.footer-details a { color: #6cbfff; display: inline-block; position: relative; padding-left: 1em; }
.footer-details a:before { content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 1px; transform: rotate(45deg); background-color: #6cbfff; }
.footer-details a:after { content: ""; position: absolute; top: 12px; left: 0; width: 4px; height: 1px; transform: rotate(-45deg); background-color: #6cbfff; }
.footer-bottom { position: relative; background-color: #2a2a2a; padding: 25px 0; margin-top: 40px; }
.footer-bottom:before { content: ""; background-color: #2a2a2a; position: absolute; top: 0; left: -1000%; z-index: -1; width: 2000%; height: 100%; }
.footer-bottom .foot-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.footer-bottom .footer-logo { background: none; width: 18%;; height: auto; margin: 0; }
.footer-bottom .footer-logo img { max-width: 100%; }
.footer-bottom nav { padding: 10px 0 }
.footer-bottom nav ul { display: flex; font-size: 14px; }
.footer-bottom nav li { padding: 0 18px; }
.footer-bottom nav li + li { border-left: 1px solid #fff; }
.footer-bottom nav a { color: #fff; }
.footer-bottom nav a:hover { opacity: .8; }
.footer-bottom .copyright { clear: both; display: block; display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer-bottom .copyright p { color: #a4a4a4; font-size: 11px; line-height: 1.5; margin-bottom: 0; }
.footer-bottom .copyright p br { display: none; }

.pc-nav .main-nav { width: auto; float: right; padding: 15px 15px 0 0; }
.pc-nav .main-links { display: table; white-space: nowrap; }
.pc-nav .main-links > li { display: table-cell; vertical-align: middle; padding: 0 1vw 15px 1vw; }
.pc-nav .main-links > li > a { color: #000; font-size: 1vw; padding: 5px 0; }
.pc-nav .main-links > li.lang > a { color: #003978; font-weight: normal; }
.pc-nav .main-links .contact a { color: #fff; background-color: #003978; padding: 5px 15px; }
.pc-nav .main-links .contact a:hover { opacity: .8; }
.pc-nav .lang { float: none; border-radius: 0; background: none; border: none; }
.pc-nav .lang a { color: inherit; }
.pc-nav .sub-nav { clear: both; }
/*.pc-nav .sub-nav .gnavi2 ul.sub-links { max-width: auto; max-width: initial; padding: 0; }*/


/* トップページリニューアル */
.layer { position: relative; max-height: 45vh; }
.layer:before { content: ""; background-image: url(/wp-content/themes/aucnet2018/images/top/layer.png); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }

.page-top .mainvisual { overflow: hidden; }
.page-top .mainvisual .layer:before { opacity: .5; }
.page-top .mainvisual img { width: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.page-top .mainvisual #particles { position: absolute; top: 0; right: 0; left: 0; z-index: 3; }
.page-top .mainvisual .main-heading { color: #fff; text-align: center; text-shadow: 0 0 10px rgba(19,75,121,1); width: 100%; padding: 0 15px; position: absolute; top: 50%; left: 50%; z-index: 4; transform: translate(-50%, -50%); }
.page-top .mainvisual .main-heading h1 { font-size: 42px; font-weight: normal; }
.page-top .mainvisual .main-heading p { font-size: 24px; line-height: 1.8; margin: 40px 0 0 0; }
.fade-in-00 { -webkit-animation: fade-in-00 2s; animation: fade-in-00 2s; }
.fade-in-01 { -webkit-animation: fade-in-01 6s; animation: fade-in-01 6s; }
.fade-in-02 { -webkit-animation: fade-in-02 6s; animation: fade-in-02 6s; }
.fade-in-03 { -webkit-animation: fade-in-03 7s; animation: fade-in-03 7s; }
@-webkit-keyframes fade-in-00 {
    0% { opacity: 0;}
    50% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes fade-in-00 {
    0% { opacity: 0;}
    50% { opacity: 0;}
    100% { opacity: 1;}
}
@-webkit-keyframes fade-in-01 {
    0% { opacity: 0;}
    50% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes fade-in-01 {
    0% { opacity: 0;}
    50% { opacity: 0;}
    100% { opacity: 1;}
}
@-webkit-keyframes fade-in-02 {
    0% { opacity: 0;}
    75% { opacity: 0; margin-top: -30px;}
    100% { opacity: 1; margin-top: 0;}
}
@keyframes fade-in-02 {
    0% { opacity: 0;}
    75% { opacity: 0; margin-top: -30px;}
    100% { opacity: 1; margin-top: 0;}
}
@-webkit-keyframes fade-in-03 {
    0% { opacity: 0;}
    75% { opacity: 0; margin-top: 10px; margin-bottom: 30px;}
    100% { opacity: 1; margin-top: 40px; margin-bottom: 0;}
}
@keyframes fade-in-03 {
    0% { opacity: 0;}
    75% { opacity: 0; margin-top: 10px; margin-bottom: 30px;}
    100% { opacity: 1; margin-top: 40px; margin-bottom: 0;}
}

.page-top .service { margin-bottom: 50px; }
.page-top .service h1 { color: #333; }
.page-top .service img { width: 100%; }
.page-top .service .col-2 > li { width: 50%; }
.page-top .service .col-6 > li { width: 16.66666%; border-left: 1px solid #fff; }
.page-top .service .col-6 figcaption { color: #fff; text-shadow: 0px 0px 15px #000, 0px 0px 15px #000; }
.page-top .service .col-6 .layer:before { background-image: url(/wp-content/themes/aucnet2018/images/top/layer-2.png); }
.page-top .service > ul { display: flex; text-align: center; border-right: 1px solid #fff; }
.page-top .service > ul + ul { margin-top: 50px; }
.page-top .service > li + li { border-left: 1px solid #fff; }
.page-top .service figure { position: relative; }
.page-top .service figure > a { overflow: hidden; display: block; }
.page-top .service figcaption { color: #fff; font-size: 1.6vw; line-height: 1.4; text-align: center; transform: translate3d(0, -50%, 0);
	position: absolute; top: 50%; right: 0; left: 0; z-index: 3; }

.page-top .service .laboratory figcaption { color: #000; }
/*
.page-top .service figure .sb-menu { visibility: hidden; opacity: 0; position: absolute; top: 0; z-index: 1; transform: translateY(-80%); padding-bottom: 20px; }
.page-top .service figure .sb-menu ul { font-size: 14px; text-align: left; white-space: nowrap; background-color: rgba(0,0,0,.7); border-radius: 5px; padding: 15px; }
.page-top .service figure:hover .sb-menu { visibility: visible; opacity: 1; transform: translateY(-100%); }
*/
.page-top .platform { color: #fff; background: url(/wp-content/themes/aucnet2018/images/top/platform-bg.jpg) center; background-size: cover; }
.page-top .platform h1 { color: #fff; border-bottom: 1px solid #fff; padding: 50px 0; }
.page-top .platform h1 span { font-size: 18px; font-weight: normal; margin-left: 1em; }
.page-top .platform ul { display: flex; text-align: center; }
.page-top .platform ul + ul { border-top: 1px solid #fff; }
.page-top .platform li + li { border-left: 1px solid #fff; }
.page-top .platform p { line-height: 1.5; margin: 0; }
/*.page-top .platform p + p { margin-top: 20px; }*/
.page-top .platform span { display: inline-block; font-weight: bold; }
.page-top .platform span + span { margin-left: .25em; }
.page-top .platform .num { font-family: 'Oswald', sans-serif; letter-spacing: .05em; }
.page-top .platform .col-2 li { width: 50%; padding: 35px 15px; }
.page-top .platform .col-2 dl { margin-bottom: 25px; }
.page-top .platform .col-2 dt,
.page-top .platform .col-2 dd { font-size: 1vw; display: inline-block; vertical-align: middle; }
.page-top .platform .col-2 dt { width: 25% }
.page-top .platform .col-2 dt img { width: 100% }
.page-top .platform .col-2 dd { width: 60% }
.page-top .platform .col-2 dd .ttl { font-size: 1.8vw; font-weight: bold; }
.page-top .platform .col-2 dd span { font-size: 2vw; }
.page-top .platform .col-2 dd .num { font-size: 4.2vw; }
.page-top .platform .col-2 .caption { font-size: 10px; }
.page-top .platform .col-6 li { width: 16.66666%; padding: 35px 0; }
.page-top .platform .col-6 dt { margin-bottom: 20px; padding: 0 15px; }
.page-top .platform .col-6 dd { font-size: 1vw; }
.page-top .platform .col-6 dd .ttl { font-size: 1vw; font-weight: bold; }
.page-top .platform .col-6 dd span { font-size: 1.2vw; }
.page-top .platform .col-6 dd .num { font-size: 3vw; }

.page-top .bnr_area { background-color: #f1f1f1; padding-top: 20px; padding-bottom: 80px; }
.page-top .bnr_area h1 { font-size: 1.8vw; }
.page-top .bnr_area .inner { display: flex; max-width: 1440px; margin: auto; }
.page-top .bnr_area ul { display: flex; }
.page-top .bnr_area li { margin: 0 10px; position: relative; width: 100%; height: 200px; background: #fff; }
.page-top .bnr_area a { display: block; height: 100%; padding: 15px 0; }
.page-top .bnr_area a:hover { opacity: .8; }
.page-top .bnr_area table { width: 100%; height: 100%; }
.page-top .bnr_area th { padding: 0 15px; }
.page-top .bnr_area td { color: #000; font-size: 1vw; line-height: 1.5; height: 60%; }

.page-top .bnr_area .individual,
.page-top .bnr_area .corporation { margin: auto; text-align: center; }
.page-top .bnr_area .individual { width: 66%; }
.page-top .bnr_area .corporation { width: 30%; }

@media only screen and (max-width:640px){
	/* assets */
	.section-heading { font-size: 4.4vw; padding: 1em 0; }

	.main-header { padding: 0 !important; }
	.main-header .logo { width: 28.125%; margin: 5px auto; }
	.btn-nav { position: absolute; top: 0; left: 0; width: 40px; height: 40px; padding: 0; float: none; margin: 0; }
	.btn-nav:hover { background: inherit; }
	.btn-nav span { position: absolute; width: 16px; height: 2px; background-color: #003978; }
	.btn-nav span:nth-of-type(1) { top: 14px; left: 12px; }
	.btn-nav span:nth-of-type(2) { top: 20px; left: 12px; }
	.btn-nav span:nth-of-type(3) { top: 26px; left: 12px; }

	.pc-nav .main-nav { position: absolute; top: 50%; right: 0; transform: translateY(-50%); float: none; padding-top: 0; }
	.pc-nav .main-links > li { display: none; }
	.pc-nav .sub-nav { display: none; }
	.pc-nav .main-links > .lang { display: block; margin: 0; padding: 0; }
	.pc-nav .main-links > .lang a { font-size: 10px; }

	/* SPナビゲーション */
	.sp-nav .main-nav { position: static; height: auto; }
	.sp-nav .main-links > li,
	.sp-nav .main-links > li > ul > li { border-bottom: inherit; }
	.sp-nav .main-links > li:hover > a { background: inherit; color: inherit; }
	.sp-nav .main-links > li > ul { width: auto; background: #002767; }

	.sp-nav {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 80%;
	    height: 100%;
	    background-color: #002767;
	    overflow-x: hidden;
	    -webkit-overflow-scrolling: touch;
	    backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
		transition:transform 300ms linear;
		-ms-transition:-ms-transform 300ms linear;
		-moz-transition:-moz-transform 300ms linear;
		-webkit-transition:-webkit-transform 300ms linear;
	    transform: translate(-100%,0);
	    -ms-transform: translate3d(-100%,0,0);
	    -moz-transform: translate3d(-100%,0,0);
	    -webkit-transform: translate3d(-100%,0,0);
	}
	.sp-nav .lang { display: none; }
	.open .sp-nav {
	    z-index: 100;
	    transform: translate(0px,0);
	    -ms-transform: translate3d(0px,0,0);
	    -moz-transform: translate3d(0px,0,0);
	    -webkit-transform: translate3d(0px,0,0);
	}
	.sp-nav .sub-nav { clear: both; }
	.sp-nav .sub-nav .sub-links { border-top: inherit; padding: 0; }
	.sp-nav .sub-nav .sub-links li { width: 100%; background: #002767 !important; padding: 0; height: auto; float: none; border: none; }
	.sp-nav .sub-links > li { border-bottom: inherit; }
	.sp-nav .sub-links > li a:hover { background: inherit; }
	.sp-nav .sub-links > li .sbl-img { display: none; }
	.sp-nav .sbl-sub { position: static; height: inherit; background: inherit; }
	.sp-nav .sbl-sub a { height: inherit; }
	.sp-nav .sbl-sub a span { text-align: left; position: static; display: block; }
	.sp-nav .sbl-sub .ucs-bg { display: none; }
	.sp-nav .sbl-menu:before { content: none; }
	.sp-nav .sbl-sub li { text-indent: 1em; }

	.sp-nav a { position: relative; }
	.sp-nav a:before { content: ""; position: absolute; top: 15px; right: 15px; width: 8px; height: 2px; background-color: #8097be; transform: rotate(45deg); }
	.sp-nav a:after { content: ""; position: absolute; top: 20px; right: 15px; width: 8px; height: 2px; background-color: #8097be; transform: rotate(-45deg); }

	.sp-nav .has-child { position: relative; }
	.sp-nav .has-child:after { content: ""; position: absolute; top: 0; right: 0; z-index: 1; width: 39px; height: 39px; background-color: #002767; }
	.sp-nav .has-child > a:before { top: 18px; right: 13px; z-index: 2; width: 12px; height: 2px; transform: rotate(0); }
	.sp-nav .has-child > a:after { top: 13px; right: 18px; z-index: 2; width: 2px; height: 12px; transform: rotate(0); }
	.has-child > a.active:after { transform: rotate(90deg); }

	.main-content,
	.main-header {
	    transition: transform .3s linear;
	    -ms-transition: -ms-transform .3s linear;
	    -moz-transition: -moz-transform .3s linear;
	    -webkit-transition: -webkit-transform .3s linear;
	}
	.open .main-content,
	.open .main-header,
	.open .main-footer {
	    transform: translate(80%,0);
	    -ms-transform: translate3d(80%,0,0);
	    -moz-transform: translate3d(80%,0,0);
	    -webkit-transform: translate3d(80%,0,0);
	}

	.sp-nav .main-links { background: #002f7c; }
	.sp-nav li a { color: #fff !important; font-size: 14px !important; font-weight: normal !important; text-align: left !important; height: 40px; padding: 10px !important; border-bottom: 1px solid rgba(255,255,255,.2); }
	.sp-nav li a br { display: none; }
	.sp-nav .child-nav > li a { text-indent: 1em; }

	.main-footer h2 { font-size: 4.2vw; }
	.footer-column > li { width: 50%; }
	.footer-details-container,
	.footer-details { font-size: 3.6vw !important; line-height: 1.5; }
	.footer-bottom { margin-bottom: 0; }
	.footer-bottom .foot-nav { display: block; margin-bottom: 10px; }
	.footer-bottom .footer-logo { width: 28.45%; margin-bottom: 10px; }
	.footer-bottom nav ul { font-size: 3vw; display: block; letter-spacing: -.4em; }
	.footer-bottom nav li { display: inline-block; letter-spacing: normal; padding: 0 12px; margin-bottom: 6px; }
	.footer-bottom nav li:nth-of-type(4) { border-left: none; }
	.footer-bottom .copyright { display: block; }
	.footer-bottom .copyright p { font-size: 10px; }
	.footer-bottom .copyright p + p { margin-top: 5px; }
	.footer-bottom .copyright p br { display: block; }

	.page-top .mainvisual .inner { margin-right: -70%; margin-left: -70%; }
	.page-top .mainvisual .main-heading { width: 44%; }
	.page-top .mainvisual .main-heading h1 { font-size: 6.4vw; }
	.page-top .mainvisual .main-heading p { font-size: 3.6vw; }

	.page-top .service { margin-bottom: 15px; }
	.page-top .service > ul { flex-wrap: wrap; }
	.page-top .service > ul + ul { margin-top: 15px; }
	.page-top .service .col-6 > li { width: 33.33333%; margin-bottom: 1px; }
	.page-top .service .col-2 > li { width: 100%; }
	.page-top .service figcaption { font-size: 4.2vw; }
	.page-top .service .col-2 figcaption { font-size: 4.4vw; }

	.page-top .platform { padding: 10px 0; background-size: auto; }
	.page-top .platform h1 { border: none; padding: 20px 0; }
	.page-top .platform h1 span { font-size: 3vw; display: block; margin-top: 1em; margin-left: 0; }
	.page-top .platform .col-2 { flex-wrap: wrap; }
	.page-top .platform .col-2 dl { margin-bottom: 10px; }
	.page-top .platform .col-2 li { width: 100%; padding: 10px; border: none; }
	.page-top .platform .col-2 dd span { font-size: 3.2vw; }
	.page-top .platform .col-2 dd .ttl { font-size: 3.2vw; }
	.page-top .platform .col-2 dd .num { font-size: 8vw; }
	.page-top .platform .col-6 { display: none; }

	.page-top .bnr_area { background-color: #fff; padding-bottom: 20px; }
	.page-top .bnr_area h1 { font-size: 4.2vw; }
	.page-top .bnr_area .inner { display: block; }
	.page-top .bnr_area ul { flex-wrap: wrap; }
	.page-top .bnr_area li { width: 50%; height: auto; padding-top: 0 !important; margin: 0; }
	.page-top .bnr_area a { position: static; }
	.page-top .bnr_area th { height: 100%; }
	.page-top .bnr_area td { display: none; }
	.page-top .bnr_area .individual,
	.page-top .bnr_area .corporation { width: 100%; }
	.page-top .bnr_area .corporation { border-top: 1px solid #818181; }
}
@media only screen and (min-width:641px){
	.sp-nav { display: none; }

	.pc-nav .child-nav { visibility: hidden; opacity: 0; width: 100%; padding: 10px 0; margin: 15px auto auto auto; background-color: rgba(0,0,0,.8);
		display: flex; justify-content: center; flex-wrap: wrap;
		position: absolute; left: 0; right: 0; z-index: 10; }
	.pc-nav .main-links > li:hover .child-nav { visibility: visible; opacity: 1; padding: 23px 0; }
	.pc-nav .main-links > li > a { position: relative; }
	.pc-nav .main-links > li:hover > a { color: #003978; }
	.pc-nav .main-links > li > a:after { content: ""; width: 0; height: 2px; background-color: #003978; position: absolute; bottom: 0; left: 50%;
		-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: translateX(-50%); }
	.pc-nav .main-links > li:hover > a:after { width: 100%; }
	.pc-nav .main-links .contact:hover a { color: #fff; }

	.pc-nav .main-links .child-nav { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	.pc-nav .main-links .child-nav li { padding: 0 2vw; margin: 5px 0; }
	.pc-nav .main-links .child-nav li + li { border-left: 1px solid #fff; }
	.pc-nav .main-links .child-nav a { color: #fff; font-size: 1vw; font-weight: normal; line-height: 1; padding: 0; }
	.pc-nav .main-links .child-nav li:hover a { color: #6cbfff; background: inherit; }

	.sbl-menu:hover .sbl-sub { display: block; }

	.page-top .service figure:hover img { transform: scale(1.1); }

}
@media only screen and (min-width:1101px){
	.page-top .bnr_area td { font-size: 14px; }
}