@charset "UTF-8";
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?kwpzsh"); src: url("../fonts/icomoon.eot?kwpzsh#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?kwpzsh") format("truetype"), url("../fonts/icomoon.woff?kwpzsh") format("woff"), url("../fonts/icomoon.svg?kwpzsh#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-envelope-o:before { content: "\e90d"; }

.icon-checkmark:before { content: "\e900"; }

.icon-cheveron-down:before { content: "\e903"; }

.icon-cheveron-left:before { content: "\e904"; }

.icon-cheveron-outline-down:before { content: "\e905"; }

.icon-cheveron-outline-left:before { content: "\e906"; }

.icon-cheveron-outline-right:before { content: "\e907"; }

.icon-cheveron-outline-up:before { content: "\e908"; }

.icon-cheveron-right:before { content: "\e909"; }

.icon-cheveron-up:before { content: "\e90a"; }

.icon-location:before { content: "\e90b"; }

.icon-home:before { content: "\e90e"; }

.icon-file-pdf:before { content: "\eadf"; }

html { background-color: #FFF; font-size: 62.5%; }

a:link { color: #019EA7; text-decoration: underline; }

a:visited { color: #019EA7; }

a:hover { color: #019EA7; text-decoration: none; }

a:active { color: #019EA7; }

/* border-box */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* clearfixハック */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { min-height: 1px; }

.sp { display: block; }
@media screen and (min-width: 768px) { .sp { display: none; } }

.pc { display: none; }
@media screen and (min-width: 768px) { .pc { display: block; } }

body { font-family: 'Noto Sans JP', sans-serif; margin: 0; padding: 0; text-align: center; }

/* loader */
#loaderBg { background: #6ac1b0; /* Old browsers */ background: -moz-linear-gradient(left, #6ac1b0 0%, #46c286 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #6ac1b0 0%, #46c286 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #6ac1b0 0%, #46c286 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ac1b0', endColorstr='#46c286',GradientType=1 ); /* IE6-9 */ height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 999999; }

.spinner { width: 40px; height: 40px; margin: 100px auto; background-color: white; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; }

@-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0); }
  100% { -webkit-transform: scale(1); opacity: 0; } }
@keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
.lineBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.lineContainer { position: relative; height: 100%; }
.lineContainer span { background-color: rgba(238, 238, 238, 0.2); display: inline-block; position: absolute; left: 0; top: 0; height: 100%; width: 1px; }
.lineContainer span:nth-of-type(1) { left: 0%; }
.lineContainer span:nth-of-type(2) { left: 25%; display: none; }
.lineContainer span:nth-of-type(3) { left: 50%; }
.lineContainer span:nth-of-type(4) { left: 75%; display: none; }
.lineContainer span:nth-of-type(5) { left: 100%; }
@media screen and (min-width: 768px) { .lineContainer span:nth-of-type(2) { display: block; }
  .lineContainer span:nth-of-type(4) { display: block; } }

#pageWrapper { overflow: hidden; }

header { width: 100%; height: 100vh; position: relative; }
header h1 { text-align: left; position: fixed; background: #FFF; width: 100%; height: 60px; padding: 15px 0px 0px 15px; z-index: 3; transition: .2s; }
header h1 img { width: 204px; height: 31px; }
header h1.smaller { background: white; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }
@media screen and (min-width: 768px) { header { height: 610px; min-width: 1240px; }
  header h1 { width: inherit; width: 322px; height: 96px; padding: 30px 0px 0px 45px; }
  header h1 img { width: 233px; height: 36px; }
  header h1.smaller { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }
  header nav.pc { width: 100%; height: 96px; min-width: 1240px; background: rgba(255, 255, 255, 0); position: fixed; width: 100%; z-index: 2; transition: .2s; }
  header nav.pc .box { width: 100%; min-width: 1240px; position: relative; }
  header nav.pc ul { padding: 50px 0 0 500px; text-align: left; }
  header nav.pc ul li { display: inline; margin-right: 80px; position: relative; }
  header nav.pc ul li a { font-size: 1.4rem; color: #FFF; text-decoration: none; transition: .2s; }
  header nav.pc ul li a span { margin-right: 0.5em; }
  header nav.pc ul li a span.icon-home { color: #6BC1B1; }
  header nav.pc ul li a:hover { color: rgba(255, 255, 255, 0.8); }
  header nav.pc ul li ul { padding: 0; }
  header nav.pc ul li ul li { display: inherit; margin: 0; }
  header nav.pc ul li ul li a:hover { color: rgba(255, 255, 255, 0.8); }
  header nav.pc ul li ul li::after { display: none; }
  header nav.pc ul li::after { display: block; position: absolute; content: ""; width: 1px; height: 18px; background: #FFF; top: 0px; right: -40px; }
  header nav.pc ul li:last-child { margin-right: 0; }
  header nav.pc ul .megamenu { background: #333; max-height: 0; opacity: 0; overflow: hidden; width: 100%; position: fixed; top: 96px; left: 0; transition: all .2s ease-in; z-index: 999; }
  header nav.pc ul .megamenu .title { width: 1200px; margin: 0 auto; padding: 30px 0 35px 0; color: #FFF; }
  header nav.pc ul .megamenu .title .enTitle { line-height: 130%; font-weight: 200; font-size: 1.2rem; font-family: 'Roboto', sans-serif; text-transform: uppercase; }
  header nav.pc ul .megamenu .title .jpTitle { line-height: 112%; font-weight: 500; font-size: 2.1rem; }
  header nav.pc ul .megamenu .mainWrapper { width: 1200px; margin: 0 auto; padding: 0px 0 5px 0; }
  header nav.pc ul .megamenu .megamenuInner { display: flex; flex-wrap: wrap; }
  header nav.pc ul .megamenu .megamenuInner li { width: calc( (100% / 4) ); padding: 0; margin-bottom: 25px; }
  header nav.pc ul .megamenu .megamenuInner li .megamenuInnerImg { position: relative; width: 90%; overflow: hidden; }
  header nav.pc ul .megamenu .megamenuInner li .megamenuInnerImg img { width: 100%; height: auto; border-radius: 3px; }
  header nav.pc ul .megamenu .megamenuInner li.graduMenu ol { width: 90%; overflow: hidden; }
  header nav.pc ul .megamenu .megamenuInner li.graduMenu ol li { width: 100%; margin-bottom: 10px; position: relative; }
  header nav.pc ul .megamenu .megamenuInner li.graduMenu ol li a { display: block; font-size: 1.2rem; font-weight: normal; position: relative; margin-left: 30px; color: #ADADAD; }
  header nav.pc ul .megamenu .megamenuInner li.graduMenu ol li a:hover { color: #FFF; }
  header nav.pc ul .megamenu .megamenuInner li.graduMenu ol li a::after { display: block; position: absolute; content: ""; width: 15px; height: 1px; background: #666; left: -30px; top: 0.6rem; }
  header nav.pc ul .megamenu .megamenuInner li.graduMenu ol li a::before { display: block; position: absolute; content: ""; width: 5px; height: 5px; background: #666; left: -15px; top: calc( (0.6rem - 2.5px) ); }
  header nav.pc ul .megamenu .megamenuInner li.graduMenu ol li::after { display: block; position: absolute; content: ""; width: 1px; height: 22px; background: #666; left: 0px; top: 6px; }
  header nav.pc ul .megamenu .megamenuInner li.graduMenu ol li:last-child::after { display: block; position: absolute; content: ""; width: 1px; height: 1px; background: #666; left: 0px; top: 6px; }
  header nav.pc ul .megamenu .megamenuInner li .megamenuInnerImg::after { position: absolute; z-index: 3; display: block; content: ''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(0.5); transform: scale(0.5); }
  header nav.pc ul .megamenu .megamenuInner li .megamenuInnerImg:hover::after { background: rgba(0, 0, 0, 0.45); -webkit-transform: scale(1); transform: scale(1); }
  header nav.pc ul .megamenu .megamenuInner li .megamenuInnerImg:hover::before { position: absolute; z-index: 4; display: block; content: "more"; top: calc( (50% - 0.5em) ); width: 100%; height: 100%; text-align: center; vertical-align: middle; margin: auto; font-size: 1.4rem; color: #fff; text-transform: uppercase; font-family: 'Noto Sans JP', sans-serif; font-weight: 300; letter-spacing: 2px; }
  header nav.pc ul .megamenu .megamenuInner li a .megamenuInnerTxt { font-size: 1.4rem; margin-top: 0.5em; color: #ADADAD; }
  header nav.pc ul .megamenu .megamenuInner li a:hover .megamenuInnerTxt { color: #FFF; }
  header nav.pc ul li.about:hover .megamenu { max-height: 9999px; opacity: 1; }
  header nav.pc ul li.business:hover .megamenu { max-height: 9999px; opacity: 1; }
  header nav.pc ul li.recruit:hover .megamenu { max-height: 9999px; opacity: 1; }
  header nav.smaller { background: white; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }
  header nav.smaller ul li a { color: #444; }
  header nav.smaller ul li a:hover { color: rgba(68, 68, 68, 0.8); }
  header nav.smaller ul li ul li a { color: #FFF; }
  header nav.smaller ul li ul li a:hover { color: rgba(255, 255, 255, 0.8); }
  header nav.smaller ul li ul li a:hover img { opacity: 0.75; }
  header nav.smaller ul li ul li::after { display: none; }
  header nav.smaller ul li::after { background: #444; } }
header .inner { width: 90%; height: 100%; margin: 0 auto; position: relative; }
@media screen and (min-width: 768px) { header .inner { width: 1200px; } }
header h2 { position: absolute; top: calc( 50% - 2em ); left: 0; color: #fff; text-align: left; font-size: 3rem; line-height: 112%; font-weight: 500; }
@media screen and (min-width: 321px) { header h2 { top: calc( 50% - 2em ); font-size: 4rem; } }
@media screen and (min-width: 768px) { header h2 { top: calc( 50% - 1.8em ); font-size: 6.2rem; } }
header p { position: absolute; bottom: calc( 50% - 5.5em ); left: 0; color: #fff; text-align: left; font-size: 1.4rem; line-height: 130%; font-weight: 400; }
@media screen and (min-width: 321px) { header p { bottom: calc( 50% - 5.5em ); font-size: 1.6rem; } }
@media screen and (min-width: 768px) { header p { bottom: calc( 50% - 5em ); font-size: 1.8rem; } }
header p strong { font-weight: 400; }
header .logo50th { position: absolute; bottom: calc( 50% - 200px ); right: 0; }
header .logo50th img { width: 85px; height: auto; }
@media screen and (min-width: 768px) { header .logo50th { bottom: 8em; /*right: 100px;*/ right: inherit; left: 0; }
  header .logo50th img { width: 117px; height: 100px; } }
header .scroll { font-size: 1.4rem; color: #fff; text-transform: uppercase; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; position: absolute; bottom: 62px; left: 0; right: 0; z-index: 1; }
header .scroll span { display: block; background: white; content: ""; height: 30px; width: 1px; position: absolute; left: 50%; bottom: -22px; animation: lineMove1 0.7s ease 0s infinite; }
@keyframes lineMove1 { from { background: white; bottom: -22px; animation-timing-function: ease-out; }
  to { background: rgba(255, 255, 255, 0.5); height: 15px; bottom: -62px; } }
header .slider { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
header .slider .slide1 { width: 100%; height: 100vh; background: url("../images/main-sp01.jpg") no-repeat center center; background-size: cover; }
@media screen and (min-width: 768px) { header .slider .slide1 { width: 100%; height: 610px; background: url("../images/main-pc01.jpg") no-repeat center center; background-size: cover; } }

/* global navi */
/*　nabi開閉部分　*/
.navWrap { box-sizing: border-box; position: relative; width: 100%; z-index: 99999; }

#headerNav { width: 60px; height: 60px; background: #6ac1b0; /* Old browsers */ background: -moz-linear-gradient(left, #6ac1b0 0%, #46c286 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #6ac1b0 0%, #46c286 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #6ac1b0 0%, #46c286 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ac1b0', endColorstr='#46c286',GradientType=1 ); /* IE6-9 */ position: fixed; right: 0px; }

/*ハンバーガーボタン*/
.pushy { display: none; }

.gnavBtn { position: fixed; top: 20px; right: 18px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.menuTrigger, .menuTrigger span { display: inline-block; box-sizing: border-box; transition: all .4s; }

.menuTrigger { position: relative; width: 25px; height: 38px; }

.menuTrigger span { position: absolute; left: 0; width: 100%; }

.menuTrigger span:nth-of-type(1) { top: 0; height: 2px; background-color: #FFF; }

.menuTrigger span:nth-of-type(2) { top: 8px; height: 2px; width: 100%; background-color: #FFF; }

.menuTrigger span:nth-of-type(3) { top: 16px; height: 2px; width: 100%; background-color: #FFF; }

/* 開閉アニメーション */
.menuTrigger.active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); background-color: #FFF; }

.menuTrigger.active span:nth-of-type(2) { opacity: 0; background-color: #FFF; }

.menuTrigger.active span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); width: 100%; background-color: #FFF; }

@-webkit-keyframes active-menu-bar02 { 100% { height: 0; } }
@keyframes active-menu-bar02 { 100% { height: 0; } }
ul.filter li { margin-bottom: 1em; }
ul.filter li span { color: #6BC1B1; margin-right: 0.5em; }

article { width: 100%; }
@media screen and (min-width: 768px) { article { min-width: 1240px; } }

/* top business */
section#businessBox { background: #6ac1b0; /* Old browsers */ background: -moz-linear-gradient(-45deg, #6ac1b0 0%, #46c286 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #6ac1b0 0%, #46c286 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #6ac1b0 0%, #46c286 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ac1b0', endColorstr='#46c286',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
section#businessBox .inner { width: 90%; margin: 0 auto; padding: 40px 0 50px 0; position: relative; }
section#businessBox .inner .en { font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1.4rem; color: #FFF; margin-bottom: 1em; }
section#businessBox .inner h3 { font-weight: 500; font-size: 2.6rem; margin-bottom: 1em; }
section#businessBox .inner .box { position: relative; z-index: 1; width: 100%; margin: 0 auto; }
section#businessBox .inner .box .businessModel { text-align: left; margin-bottom: 50px; }
section#businessBox .inner .box .businessModel a { text-decoration: none; }
section#businessBox .inner .box .businessModel a .img { width: 100%; margin-bottom: 15px; }
section#businessBox .inner .box .businessModel a .img img { width: 100%; height: auto; }
section#businessBox .inner .box .businessModel a h4 { font-size: 1.5rem; font-weight: 500; color: #333; position: relative; margin: 0 0 0.5em 31px; }
section#businessBox .inner .box .businessModel a h4::after { position: absolute; content: ''; display: block; width: 21px; height: 1px; background: #FFF; left: -31px; top: 0.75rem; }
section#businessBox .inner .box .businessModel a p { font-size: 1.2rem; color: #444; line-height: 160%; margin-left: 31px; }
section#businessBox .inner .box .businessModel:nth-of-type(3) { margin-bottom: 0px; }

@media screen and (min-width: 768px) { section#businessBox .inner { width: 1200px; padding: 75px 0 85px 0; }
  section#businessBox .inner h3 { font-size: 3rem; }
  section#businessBox .inner .box { width: 1200px; display: flex; justify-content: space-between; }
  section#businessBox .inner .box .businessModel { width: calc( (100% - 120px) / 3); margin: 0; } }
/* top news */
section#informationBox .inner { width: 90%; margin: 0 auto; padding: 40px 0 50px 0; position: relative; }
section#informationBox .inner .titleBox { position: relative; z-index: 1; }
section#informationBox .inner .en { font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1.4rem; color: #6BC1B1; margin-bottom: 1em; }
section#informationBox .inner h3 { font-weight: 500; font-size: 2.6rem; margin-bottom: 2em; position: relative; }
section#informationBox .inner h3::after { position: absolute; display: block; content: ''; width: 52px; height: 3px; background-color: #6BC1B1; top: 40px; left: 50%; margin-left: -26px; }
section#informationBox .inner .box { position: relative; z-index: 1; }
section#informationBox .inner .box dl { text-align: left; border-bottom: #C6C6C6 solid 1px; padding-bottom: 0.5em; margin-bottom: 2em; }
section#informationBox .inner .box dl dt { font-size: 1.4rem; line-height: 150%; color: #6BC1B1; font-family: 'Roboto', sans-serif; font-weight: 400; padding-bottom: 0.5em; }
section#informationBox .inner .box dl dd { font-size: 1.4rem; line-height: 150%; color: #444; }

@media screen and (min-width: 768px) { section#informationBox .inner { text-align: left; width: 1200px; padding: 85px 0 45px 0; display: flex; justify-content: space-between; }
  section#informationBox .inner .titleBox { width: 360px; }
  section#informationBox .inner h3 { font-size: 3rem; }
  section#informationBox .inner h3::after { width: 80px; left: 0px; margin-left: 0; }
  section#informationBox .inner .box { width: 785px; }
  section#informationBox .inner .box dl { border-bottom: none; display: flex; }
  section#informationBox .inner .box dl dt { display: block; width: 115px; border-top: #6BC1B1 solid 1px; padding-top: 1em; margin-bottom: 2em; text-align: center; }
  section#informationBox .inner .box dl dd { display: block; width: 670px; border-top: #C6C6C6 solid 1px; padding-top: 1em; } }
/* top event */
section#eventBox { background: #6BC1B1; }
section#eventBox .inner { width: 90%; margin: 0 auto; padding: 40px 0 50px 0; position: relative; }
section#eventBox .inner .titleBox { position: relative; z-index: 1; }
section#eventBox .inner .en { font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1.4rem; color: #FFF; margin-bottom: 1em; }
section#eventBox .inner h3 { font-weight: 500; font-size: 2.6rem; margin-bottom: 1em; }
section#eventBox .inner .box { position: relative; z-index: 1; }
section#eventBox .inner .boxes { background: #FFF; text-align: left; margin-bottom: 30px; padding: 18px; }
section#eventBox .inner .boxes .date { font-size: 1.4rem; line-height: 150%; color: #6BC1B1; font-family: 'Roboto', sans-serif; font-weight: 400; }
section#eventBox .inner .boxes .date2 { font-size: 1.6rem; line-height: 150%; font-weight: 500; color: #444; padding-bottom: 0.5em; }
section#eventBox .inner .boxes p { font-size: 1.4rem; line-height: 150%; color: #444; }

@media screen and (min-width: 768px) { section#eventBox .inner { width: 1200px; padding: 75px 0 65px 0; }
  section#eventBox .inner h3 { font-size: 3rem; }
  section#eventBox .inner .box { display: flex; justify-content: space-between; flex-wrap: wrap; }
  section#eventBox .inner .box::after { content: ""; display: block; width: 360px; }
  section#eventBox .inner .boxes { width: 360px; padding: 20px; } }
/* footer banner */
section#topBanner .inner { width: 90%; margin: 0 auto; padding: 40px 0 50px 0; position: relative; }
section#topBanner .inner .banner { width: 100%; position: relative; z-index: 1; margin-bottom: 30px; }
section#topBanner .inner .banner .img { width: 100%; margin-bottom: 1px; }
section#topBanner .inner .banner .img img { width: 100%; height: auto; transition: .2s; }
section#topBanner .inner .banner .button { width: 100%; height: 63px; background: #6ac1b0; /* Old browsers */ background: -moz-linear-gradient(left, #6ac1b0 0%, #46c286 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #6ac1b0 0%, #46c286 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #6ac1b0 0%, #46c286 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ac1b0', endColorstr='#46c286',GradientType=1 ); /* IE6-9 */ font-size: 1.5rem; font-weight: 400; position: relative; display: table; transition: .2s; }
section#topBanner .inner .banner .button .buttonInner { display: table-cell; vertical-align: middle; }
section#topBanner .inner .banner .button small { font-size: 1rem; }
section#topBanner .inner .banner .button::after { display: block; position: absolute; content: ""; width: 19px; height: 45px; background: url("../images/arrow.svg") no-repeat center right; background-size: cover; top: 9px; right: 10px; transition: .2s; }
section#topBanner .inner .banner a { color: #FFF; text-decoration: none; }

@media screen and (min-width: 768px) { section#topBanner .inner { width: 780px; padding: 75px 0 65px 0; display: flex; justify-content: space-between; }
  section#topBanner .inner .banner { width: 360px; }
  section#topBanner .inner .banner a:hover .img img { opacity: 0.75; }
  section#topBanner .inner .banner a:hover .button { background: #44BA66; }
  section#topBanner .inner .banner a:hover .button::after { right: 5px; } }
section#isoBanner .inner { width: 90%; margin: 0 auto; padding: 0 0 10px 0; position: relative; }
section#isoBanner .inner .box { width: 100%; position: relative; z-index: 1; }
section#isoBanner .inner .box .iso { width: 85%; margin: 0 auto 2em auto; }
section#isoBanner .inner .box .iso ul { display: flex; }
section#isoBanner .inner .box .iso ul li { display: block; margin-left: 10px; }

@media screen and (min-width: 768px) { section#isoBanner .inner { width: 1200px; padding: 0 0 20px 0; }
  section#isoBanner .inner .box .iso { width: 100%; margin: 0; display: flex; flex-direction: row-reverse; }
  section#isoBanner .inner .box .iso ul { display: flex; }
  section#isoBanner .inner .box .iso ul li { display: block; margin-left: 10px; } }
/* footer */
section#footNav { background: #444; }
section#footNav .inner { width: 90%; margin: 0 auto; padding: 40px 0 50px 0; position: relative; }
section#footNav .inner .footNavBox { width: 100%; text-align: left; position: relative; z-index: 1; }
section#footNav .inner .footNavBox h3 { font-size: 1.4rem; font-weight: 500; margin-bottom: 30px; }
section#footNav .inner .footNavBox ul { margin-bottom: 50px; }
section#footNav .inner .footNavBox ul li { font-size: 1.2rem; font-weight: 300; position: relative; margin: 20px 0 20px 20px; }
section#footNav .inner .footNavBox ul li::after { display: block; content: ""; background: #6BC1B1; width: 10px; height: 1px; position: absolute; top: 0.5em; left: -20px; transition: .2s; }
section#footNav .inner .footNavBox ul li:last-child { margin: 20px 0 0 20px; }
section#footNav .inner .footNavBox a { color: #FFF; text-decoration: none; transition: .2s; }
section#footNav .inner .footNavBox a:hover { color: rgba(255, 255, 255, 0.8); }

@media screen and (min-width: 768px) { section#footNav .inner { width: 1200px; padding: 75px 0 40px 0; display: flex; justify-content: space-between; }
  section#footNav .inner .footNavBox { width: 25%; } }
footer { background: #25282A; }
footer .inner { width: 90%; margin: 0 auto; padding: 40px 0 50px 0; position: relative; }
footer .inner { width: 90%; margin: 0 auto; padding: 15px 0 15px 0; position: relative; }
footer .inner h2 { font-size: 1rem; line-height: 120%; color: #FFF; text-align: left; margin-bottom: 15px; }
footer .inner .copyright { font-family: 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 1rem; color: #FFF; }

@media screen and (min-width: 768px) { footer { min-width: 1240px; }
  footer .inner { width: 1200px; display: flex; justify-content: space-between; }
  footer .inner h2 { text-align: center; margin-bottom: 0; font-size: 1.2rem; }
  footer .inner .copyright { font-size: 1.2rem; } }
#pageTop { display: block; position: fixed; right: 20px; bottom: 70px; z-index: 999; }
#pageTop img { height: 127px; width: 24px; }
@media screen and (min-width: 768px) { #pageTop { bottom: 50px; } }

/* pages common */
.breadcrumbList { display: none; }
@media screen and (min-width: 768px) { .breadcrumbList { display: block; width: 1200px; margin: 0 auto 75px auto; text-align: left; position: relative; z-index: 1; }
  .breadcrumbList li { float: left; font-size: 1.2rem; color: #444; }
  .breadcrumbList li strong { font-weight: bold; }
  .breadcrumbList a { position: relative; z-index: 99; color: #444; text-decoration: none; margin-right: 15px; }
  .breadcrumbList a:hover { text-decoration: underline; }
  .breadcrumbList .icon-home { color: #6BC1B1; margin-right: 0.5em; font-size: 1.4rem; }
  .breadcrumbList .cheveron-right { display: inline-block; width: 10px; height: 10px; border: 2px solid; border-color: #B7B7B7 #B7B7B7 transparent transparent; transform: rotate(45deg); margin-right: 10px; } }