@charset "UTF-8";
/* !contents
---------------------------------------------------------- */
.sectionWrap {
    overflow: hidden;
}
.martop {
    overflow: hidden;
}
#contents {}
#contents .pre {
    text-align: center;
    margin: 250px auto 200px auto;
    font-weight: normal;
}
#main {}
.inners {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.inner {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.newbox {
    max-width: 1020px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto 60px;
}
.brandVisr {
    margin-top: 45px;
}
.middleSilder {
    width: 100%;
}
.middleSilder .silderItem {
    text-align: center;
    position: relative;
    margin: 0 10px;
    box-sizing: border-box;
}
.middleSilder .silderItem:hover {
    opacity: 0.8;
    transition: all 0.5s;
}
.middleSilder .slick-slide img {
    display: initial;
    width: 100%;
}
.middleSilder .slick-prev {
    background: url('../img/icon_left_slick02.png') center center no-repeat;
    background-size: 100%;
    left: 25%;
}
.middleSilder .slick-next {
    background: url('../img/icon_right_slick02.png') center center no-repeat;
    background-size: 100%;
    right: 25%;
}
.middleSilder .slick-arrow {
    width: 41px;
    height: 81px;
}
.source {
    padding: 20px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99;
    min-height: 130px;
}
.oneMarin {
    margin-bottom: 17px;
}
.source p {
    font-size: 2rem;
    line-height: 1.7;
    color: #fff;
    text-align: left;
    letter-spacing: 0.02em;
    position: relative;
}
.source > p:first-child:before {
    background: url('../image/common/arrow_right@4x.png')no-repeat;
    width: 19px;
    height: 20px;
    content: '';
    top: 0;
    right: 0;
    position: absolute;
}
.source .subItem {
    display: flex;
    align-items: center;
}
.source p span {
    font-size: 1.7rem;
    line-height: 1.4;
    font-weight: normal;
}
.bumen {
    display: block;
}
.newtopBox {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.entry_title {
    position: relative;
    /*display: inline-block;*/
}
.enitem {
    margin-left: 35px;
}
/*.entry_title a:before{
  position: absolute;
  bottom:0;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #2686ac;
  transition: 0.3s;
}

.entry_title:hover a:before{
	width:100%;
}
*/
.entry_title a {
    text-decoration: none;
    position: relative;
    transition: .3s;
}
.entry_title a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 0;
    height: 1px;
    background: #2686ac;
    transition: .3s;
}
.entry_title a:hover::after {
    width: 100%;
}
.entry_title span {
    display: inline-block;
    width: 3.5em;
    background: #b5272d;
    color: #fff;
    text-align: center;
    vertical-align: top;
    margin-left: 0.5em;
}
.entry_title a::before {
    content: "◆";
    margin-right: 0.5em;
}
.collaborate {
    margin: 67px auto 44px;
}
.collaborate ul {
    margin-left: -12px;
}
.collaborate ul li {
    float: left;
    width: 25%;
    padding-left: 12px;
    box-sizing: border-box;
}
.collaborate ul li a {
    display: flex;
    align-items: center;
    border: 1px solid #e6e6e6;
    padding: 8px;
}
.collaborate ul li a p {
    font-size: 1.5rem;
    color: #005b92;
    margin-left: 10px;
}
.collaborate ul li a:hover {
    opacity: 0.7;
    transition: all 0.5s !important;
    -moz-transition: all 0.5s !important; /* Firefox */
    -webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
/*2024.11.30追加*/
.linkblank {
    position: relative;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 1.5rem;
}
.linkblank:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: 14px;
    height: 11px;
    background: url("../img/icon_tab_black.png") no-repeat;
    background-size: contain;
}
/****com***/
.higaliBox {
    position: relative;
}
.higali {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2.6rem;
    width: 100%;
    text-align: center;
    font-weight: normal;
}
.socialBox {
    margin-top: 40px;
}
.UlWrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.UlWrap li {
    max-width: 255px;
    min-width: 25%;
    border-right: 2px solid #fff;
    box-sizing: border-box;
}
.UlWrap li a {
    display: block;
    background-color: #005b92;
    text-align: left;
    color: #fff;
    font-weight: normal;
    padding: 19px 0 19px 50px;
    position: relative;
}
.UlWrap .double a {
    height: 62px;
    text-align: left;
    padding: 9px 0 9px 50px;
    box-sizing: border-box;
}
.UlWrap li a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    content: '';
    background: url('../image/common/arrow_right_white.png')no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}
.UlWrap li a:hover {
    opacity: 0.8;
    transition: all 0.5s;
}
.UlWrap li.on a {
    background-color: #e6e6e6;
    color: #005b92;
}
.UlWrap li.on a:before {
    transform: rotate(90deg);
}
.topul {
    margin: 90px auto 35px;
}
.wayBox {
    padding-top: 35px;
}
#com .martop {
    padding-bottom: 40px;
}
.topInner {
    max-width: 1020px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    background: url(../image/company/img02.png) 0 0 / cover no-repeat;
    aspect-ratio: 2000 / 578;
    display: flex;
    align-items: center;
}
.top {
    text-align: center;
    background-color: #005b92;
    /*
    margin-top: 174px;
    padding-bottom: 65px;
	*/
}
.top img {
    margin-top: -174px;
}
.top .topItem {
    /*
    position: absolute;
    top: -23%;
    left: 80px;
	*/
    padding-left: 80px;
    text-align: left;
}
.top .topItem .list {
    margin-top: 5px;
    font-size: 4.7rem;
    color: #005b92;
}
.top .topItem .listm {
    font-size: 2.4rem;
    color: #005b92;
    font-weight: normal;
    margin: 10px 0;
}
.top .topItem .lists {
    font-size: 1.4rem;
}
.top .topItem .lists span {
    font-size: 2.4rem;
}
.topWord {
    color: #fff;
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 1.76;
    text-align: left;
    padding: 0 12px;
    box-sizing: border-box;
}
.topmari {
    margin: 55px 0 30px;
}
.sohdm {
    font-size: 2rem;
    text-align: center;
    line-height: 1.5;
    margin: 50px auto 5px;
    font-weight: bold;
}
.sohds {
    font-size: 3rem;
    text-align: center;
    line-height: 1.5;
    margin: 0 auto 55px;
    font-weight: bold;
    color: #005b92;
}
.sohdx {
    max-width: 890px;
    text-align: left;
    width: 100%;
    margin: 0 auto 27px;
    font-size: 1.7rem;
    line-height: 1.76;
    font-weight: normal;
}
.socialItem {
    background-color: #cee6f2;
    padding-bottom: 20px;
    margin-bottom: 60px;
}
.aoxiai {
    font-size: 2rem;
    text-align: center;
    padding: 35px 0 25px;
}
.sociaDetail {
    max-width: 920px;
    margin: 0 auto 15px;
    width: 100%;
    background-color: #fff;
    padding: 10px 20px;
    box-sizing: border-box;
}
.sociaDetail span {
    display: block;
    font-size: 1.7rem;
    color: #005b92;
}
.sociaDetail p {
    font-size: 1.7rem;
    line-height: 1.58;
    font-weight: normal;
}
.creedBox {
    margin-bottom: 110px;
}
.creedItem {
    margin: 90px auto 0;
    max-width: 1000px;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
}
.creedItem ul {
    margin-left: -23px;
}
.creedItem ul li {
    float: left;
    width: 50%;
    padding-left: 23px;
    box-sizing: border-box;
    margin-bottom: 55px;
}
.creedHdm {
    background-color: #efefef;
    padding: 15px 0 15px 90px;
    font-size: 1.7rem;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 12px;
    font-weight: bold;
}
.creedHdm:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    content: '1.';
    background-color: #005b92;
    width: 40px;
    height: 40px;
    font-size: 1.6rem;
    text-align: center;
    line-height: 2.5;
    color: #fff;
    font-family: "SimSun", "Songti SC", "Noto Serif SC", "Hiragino Mincho ProN", "Yu Mincho", serif;
    font-weight: bold;
}
.creedItem .cre2:before {
    content: '3.';
}
.creedItem .cre3:before {
    content: '4.';
}
.creedItem .cre1:before {
    content: '2.';
}
.creedItem .cre4:before {
    content: '5.';
}
.creedItem ul li p {
    font-weight: normal;
    line-height: 1.47;
    font-size: 1.7rem;
}
.bemacPadding {
    padding: 55px 0 35px;
}
.bemacInfo {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.bemacHdm {
    position: relative;
    font-size: 2rem;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
    line-height: 2;
    padding-bottom: 10px;
    padding-left: 90px;
}
.bemacHdm:before {
    width: 50px;
    height: 50px;
    background-color: #3f9ec9;
    position: absolute;
    left: 0;
    bottom: 5px;
    content: '';
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); /* Opera */
}
.bemacHdm:after {
    position: absolute;
    left: 17px;
    bottom: 8px;
    content: '1';
    font-size: 2.5rem;
    color: #fff;
    line-height: 2;
    right: 0;
    margin: auto;
}
.bemacHdm02:after {
    content: '2';
}
.bemacHdm03:after {
    content: '3';
}
.bemacHdm04:after {
    content: '4';
}
.bemacHdm05:after {
    content: '5';
}
.bothsMar {
    margin-bottom: 55px;
}
.ideaHdm {
    font-size: 3.8rem;
    text-align: center;
    padding: 45px 0 20px;
    font-weight: bold;
}
.ideainfo {
    font-size: 1.7rem;
    text-align: center;
    margin-bottom: 40px;
    font-weight: normal;
    ;
}
.indaHds {
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.58;
    margin: 30px 0 10px;
}
.ideaword {
    font-size: 1.7rem;
    text-align: left;
    font-weight: normal;
    ;
    line-height: 1.64;
    margin-bottom: 45px;
}
.ideaUl ul {
    margin-left: -33px;
}
.ideaUl ul li {
    float: left;
    width: 33.33%;
    padding-left: 33px;
    box-sizing: border-box;
}
.ideaUl ul li img {
    width: 100%;
}
.ideaUl ul li span {
    font-size: 2.1rem;
    color: #0071b7;
    font-weight: normal;
    text-align: center;
    padding: 20px 0 30px;
    display: block;
}
.ideaUl ul li p {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.75;
}
.macBot {
    margin: 35px auto 10px;
}
.macWord {
    text-align: center;
    color: #005b92;
    font-weight: normal;
    font-size: 2.1rem;
    margin-bottom: 25px;
}
.abcUl {
    margin-bottom: 40px;
}
.abcUl ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
.abcUl ul li {
    padding: 0 17px;
    box-sizing: border-box;
    text-align: center;
    ;
}
.abcItem {
    font-size: 2.6rem;
    font-weight: normal;
}
.abcItem span {
    color: #005b92;
}
.wordItem {
    font-size: 2rem;
    font-weight: normal;
}
.macwo {
    font-size: 1.7rem;
    text-align: left;
    font-weight: normal;
    line-height: 1.76;
    margin: 40px 0 30px;
}
.botul {
    margin: 0 auto 20px;
}
#breadCrumb {
    /*background-color: #efefef;*/
    padding: 18px 0;
}
#breadCrumb a {
    font-size: 1.4rem;
    color: #005B92;
    font-weight: 400;
    position: relative;
}
#breadCrumb a:last-child {
    pointer-events: none;
    color: #707070;
}
#breadCrumb span {
    font-size: 1.4rem;
    color: #707070;
    font-weight: 400;
}
/**kaiyo~ev***/
.kaiyoBox {
    background-color: #e6f8ff;
    padding: 35px 0 55px;
    margin: 40px 0 105px;
}
.kaihdm {
    font-size: 1.7rem;
    text-align: center;
    line-height: 1.76;
    margin: 40px 0 20px;
}
.kaihdx {
    font-size: 1.7rem;
    text-align: left;
    font-weight: normal;
    line-height: 1.76;
}
.kaiul {
    margin-top: 30px;
}
.koItem {
    margin: 50px auto 70px;
}
.koLeft {
    float: left;
    width: 46%;
    margin-right: 6.5%;
}
.koRight {
    overflow: hidden;
}
.koRight p {
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 1.76;
}
.linksBtn .btnWidth {
    width: 450px;
}
.kaibtn {
    margin: 45px 0 90px;
}
.middleMas {
    margin-bottom: 85px;
}
.flexcenter {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
/**kaiyo~ev**----------end*/
/**jinyo---------start****/
.pcMenu {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    overflow: hidden;
    display: none;
    text-align: left;
    z-index: 999;
}
.navPcUl > li:hover .pcMenu {
    display: block;
}
.pcMenuInner {
    max-width: 955px;
    margin: 0 auto;
    padding: 30px 0 68px;
}
.pcNav {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pcNav div {
    text-align: center;
    padding: 0 12px;
    box-sizing: border-box;
}
.pcNav div p {
    font-weight: normal;
}
.pcNav div a:hover {
    display: block;
    opacity: 0.8;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.jingBox {
    margin: 75px auto;
}
.jinghdm {
    font-size: 2.3rem;
    color: #005b92;
    text-align: center;
    margin: 40px auto;
}
.yuBox:hover {
    opacity: 0.8;
    transition: all 0.5s;
}
.yoItem {
    display: flex;
    margin-bottom: 17px;
}
.yoleft {
    width: 50%;
}
.box-rev .yoleft {
    order: 2;
}
.yoleft img {
    width: 100%;
    height: auto;
}
.yoright {
    width: 50%;
    overflow: hidden;
    background-color: #005b92;
}
.box-rev .yoright {
    order: 1;
}
.yoright a {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 2rem;
    box-sizing: border-box;
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.yoright a .right_inner {
    padding-left: 55px;
    box-sizing: border-box;
}
.yoright p {
    width: 100%;
}
.yoright a span {
    color: #fff;
    font-size: 1.7rem;
    font-weight: normal;
    display: inline-block;
}
.youimg {
    float: right;
}
.yoItem .business {
    display: block;
}
.yoright a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    content: '';
    background: url(../image/common/arrow_right@4x.png)no-repeat;
    width: 16px;
    height: 16px;
}
.jytop {
    margin-bottom: 85px;
}
.jinghds {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin: 35px auto 50px;
}
.jiMiddle {
    margin-bottom: 70px;
}
.jinUl {}
.jinUl ul {
    margin-left: -35px;
}
.jinUl ul li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    padding-left: 35px;
    margin-bottom: 70px;
    position: relative;
}
.jinUl ul li span {
    display: block;
    text-align: center;
    color: #005b92;
    font-size: 2rem;
    padding: 5px 0 7px;
}
.jinUl ul li p {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.75;
}
.jinUl ul li:before {
    position: absolute;
    top: 80px;
    right: -24px;
    content: '';
    background: url('../img/arrow_right_orange.png')no-repeat;
    width: 12px;
    height: 22px;
}
.jinUl ul li:nth-child(3n):before {
    display: none;
}
.phoneList {
    display: none;
}
.kaihatsu_txt {
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.64;
    text-align: justify;
    margin: 40px auto 65px;
}
/***jinyo------------end*/
/****after***/
.afterTop {
    margin: 0 0 120px;
}
.earthImg {
    text-align: center;
    margin-top: 55px;
}
.earthTitle {
    font-size: 2.3rem;
    color: #005b92;
    margin: 85px 0 35px;
    text-align: center;
}
.earthinfo {
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.76;
}
.starImg {
    text-align: center;
    margin: 40px 0 50px;
}
.starTitle {
    font-size: 2.3rem;
    color: #005b92;
    margin: 0 0 10px;
    text-align: center;
}
.starinfo {
    font-size: 1.7rem;
    text-align: center;
    font-weight: normal;
    line-height: 1.76;
}
.relevance {
    margin: 85px 0;
}
.releHdm {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}
.releUl {}
.releUl ul {
    margin-left: -4%;
}
.releUl ul li {
    float: left;
    width: 48%;
    padding-left: 4%;
    box-sizing: border-box;
    margin-bottom: 65px;
}
.releImg {
    float: right;
    width: 45%;
    margin-left: 5%;
}
.releImg img {
    width: 100%;
}
.releWord {
    overflow: hidden;
    font-weight: normal;
    font-size: 1.5rem;
}
.releWord a:hover {
    text-decoration: underline;
}
.releMess {
    font-size: 1.9rem;
    margin-bottom: 25px;
}
.releMess span {
    color: #8b8b8b;
    margin-left: 5px;
    font-weight: normal;
}
.releDuct {
    font-size: 1.6rem;
    color: #666;
    line-height: 1.875;
    font-weight: normal;
    margin-top: 20px;
}
.foreign {
    margin-bottom: 90px;
}
.forHds {
    font-size: 1.8rem;
    color: #005b92;
    font-weight: bold;
    margin-bottom: 20px;
}
.forul {
    margin-bottom: 25px;
}
.forul li {
    background-color: #ececec;
    padding: 15px 0 15px 25px;
    width: 49%;
    float: left;
    margin-bottom: 15px;
    margin-right: 2%;
    box-sizing: border-box;
}
.forul li:nth-child(2n) {
    margin-right: 0;
}
.forul li span {
    font-size: 1.8rem;
    color: #005b92;
    margin-bottom: 10px;
    display: block;
}
.forul li p {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.5;
}
.forul li p a:hover {
    text-decoration: underline;
}
.isesBox {
    text-align: center;
    margin-bottom: 155px;
}
.iseshd {
    font-weight: bold;
    font-size: 2rem;
}
.isesinfo {
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.5;
}
/***after------------end*/
/****about***/
.aboutTop {
    padding: 0 60px;
    box-sizing: border-box;
    margin: 25px 0 80px
}
.aboutTop dl {
    border-bottom: 1px solid #bababa;
    padding: 20px 15px;
    box-sizing: border-box;
}
.aboutTop dl dt {
    float: left;
    width: 195px;
}
.aboutTop dl dd {
    overflow: hidden;
    font-weight: normal;
}
.aboutTop dl dd p {
    line-height: 1.56;
}
.aboutTop dl dd a {
    color: #005b8c;
}
.aboutTop dl dd a:hover {
    text-decoration: underline;
}
.aboutTop dl dd .teltips {
    color: #000;
    pointer-events: none;
}
.aboutBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
}
.aboutBtn a {
    width: 500px;
    margin: 0 10px;
}
.aboutBtn a:after {
    left: 10%;
}
.proLeft {
    float: left;
    width: 47%;
    margin-right: 6%;
}
.proRight {
    overflow: hidden;
}
.proLeft h3 {
    font-weight: bold;
    font-size: 2rem;
}
.proLeft p {
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6875;
    margin: 10px 0 15px;
}
.productList {
    margin: 45px 0 0;
}
.productList ul {
    margin-left: -17px;
}
.productList ul li {
    float: left;
    width: 33.33%;
    padding-left: 17px;
    box-sizing: border-box;
}
.productList ul li div {
    border: 1px solid #005b8c;
    box-sizing: border-box;
    padding: 15px 20px;
}
.productList ul li span {
    font-weight: bold;
    color: #005b8c;
    display: block;
}
.productList ul li p {
    font-weight: normal;
}
.proWrap {
    margin: 70px auto 0;
}
.strateWrap {
    margin-left: -2%;
}
.strateWrap .starteItem {
    float: left;
    width: 48%;
    padding-left: 2%;
    box-sizing: border-box;
    margin-bottom: 95px;
}
.startLeft {
    float: left;
    width: 48%;
    margin-right: 2%;
}
.startRight {
    overflow: hidden;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.625;
}
.strHdl {
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 20px;
}
.googleBtn {
    margin-top: 25px;
}
.googleBtn a {
    width: 400px;
    height: 60px;
    text-align: center;
    color: #fff;
    background-color: #005b8c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.strateWrap {
    margin: 80px 0 15px;
}
.starLis01 {
    font-weight: bold;
    font-size: 1.6rem;
    margin: 17px 0 0;
    color: #005b8c;
}
.starLis02 {
    font-weight: normal;
    font-size: 1.6rem;
}
.releAbout {
    margin: 45px 0 0;
}
#breadCrumb .doubleColor {
    color: #1a1a1a;
}
.googTop {
    display: none;
}
.abWord {
    float: left;
    font-weight: normal;
    font-size: 1.5rem;
    width: 25%;
    margin-right: 5%;
}
.abImg {
    overflow: hidden;
}
.releaboutUl {
    margin: 45px 0 65px;
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
    #headerLogo {
        width: 28%;
    }
    #headerLogo a img {
        width: 100%;
    }
    #gNavi li {
        padding: 0 10px;
    }
    #gNavi li a {
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 959px) and (min-width: 960px) {
    .top .topItem {
        position: absolute;
        top: 5%;
        left: 40px;
        text-align: left;
    }
}
/* 共同---------------------start
---------------------------------------------------------- */
.hdL {
    font-size: 2.8rem;
    color: #005b92;
    text-align: center;
    padding: 15px 0;
    font-weight: bold;
}
.hd01 {
    margin-bottom: 25px;
    font-size: 2.8rem;
    color: #005b92;
    text-align: center;
    padding: 15px 0;
    font-weight: bold;
}
.hdS {
    font-size: 1.6rem;
    text-align: center;
    color: #10aae0;
    padding: 35px 0 0;
}
.icon {
    position: relative;
}
.icon:after {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    content: '';
    background-color: #005b92;
    width: 47px;
    height: 2px;
}
.lookicon {
    position: relative;
}
.lookdetail {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.8rem;
    padding-left: 25px;
    box-sizing: border-box;
    background: url('../image/common/arrow_right@4x.png')no-repeat;
    background-position: left center;
    background-size: 19px auto;
}
.lookdetail:hover {
    text-decoration: underline;
}
.btnLink {
    color: #fff;
    background-color: #10aae0;
    width: 100%;
    max-width: 287px;
    height: 60px;
    line-height: 3.5;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    letter-spacing: 0.05em;
    margin: 0 auto;
    position: relative;
}
.btnLink:after {
    position: absolute;
    bottom: 0;
    right: 18px;
    top: 0;
    margin: auto;
    content: '';
    background: url('../img/icon_arrow.png')no-repeat;
    width: 24px;
    height: 16px;
}
.btnLink:hover:after {
    transform: scale(0.8);
    transition: all 0.5s;
    right: 10px;
}
.linksBtn .btnLink01 {
    margin: 0 auto;
}
.btnLink01 {
    overflow: hidden;
    display: block;
    width: 300px;
    height: 60px;
    line-height: 2;
    box-sizing: border-box;
    border: 2px solid #005b92;
    text-align: center;
    color: #000;
    position: relative;
    z-index: 1;
    letter-spacing: 0.05em;
    font-size: 1.8rem;
    padding: 12px 0;
}
.btnLink01:before {
    content: '';
    height: 100%;
    width: 100%;
    background: #005b92;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: translateX(-100%);
    transition: all 0.5s;
}
.btnLink01:after {
    content: "";
    width: 19px;
    height: 19px;
    background: url('../img/arrow_right.png') no-repeat center;
    background-size: contain;
    position: absolute;
    left: 26%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}
.btnLink01:hover {
    text-decoration: none;
    color: #fff;
}
.btnLink01:hover:before {
    transform: translateX(0);
}
.btnLink01:hover:after {
    background-image: url('../image/common/arrow_right_white.png');
}
.btnLink02 {
    overflow: hidden;
    line-height: 2.5;
    position: relative;
    z-index: 1;
    border: 2px solid #005b8c;
    box-sizing: border-box;
}
.btnLink02:before {
    content: '';
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: translateX(-100%);
    transition: all 0.5s;
}
.btnLink02:hover {
    text-decoration: none;
    color: #005b8c;
    border: 2px solid #005b8c;
    box-sizing: border-box;
}
.btnLink02:hover:before {
    transform: translateX(0);
}
/* 游明朝体 */
.yuMincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.maps {
    height: 100%;
}
.maps iframe {
    height: 100%;
    width: 100%;
}
#com .UlWrap li:first-child a {
    background-color: #e6e6e6;
    color: #005b92;
}
#com .UlWrap li:first-child a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#kaiyo .UlWrap li:first-child a {
    background-color: #e6e6e6;
    color: #005b92;
}
#kaiyo_question .UlWrap li:nth-child(4) a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#kaiyo_question .UlWrap li:nth-child(4) a {
    background-color: #e6e6e6;
    color: #005b92;
}
#kaiyo .UlWrap li:first-child a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#ev .UlWrap li:first-child a {
    background-color: #e6e6e6;
    color: #005b92;
}
#ev .UlWrap li:first-child a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#ev_question .UlWrap li:nth-child(3) a {
    background-color: #e6e6e6;
    color: #005b92;
}
#ev_question .UlWrap li:nth-child(3) a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#sangyo .UlWrap li:first-child a {
    background-color: #e6e6e6;
    color: #005b92;
}
#sangyo .UlWrap li:first-child a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#sangyo_question .UlWrap li:nth-child(4) a {
    background-color: #e6e6e6;
    color: #005b92;
}
#sangyo_question .UlWrap li:nth-child(4) a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#business .UlWrap li:first-child a {
    background-color: #e6e6e6;
    color: #005b92;
}
#business .UlWrap li:first-child a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#after .UlWrap li:last-child a {
    background-color: #e6e6e6;
    color: #005b92;
}
#after .UlWrap li:last-child a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#about .UlWrap li:nth-child(2) a {
    background-color: #e6e6e6;
    color: #005b92;
}
#about .UlWrap li:nth-child(2) a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#kaiyo_enterprise .UlWrap li:nth-child(2) a {
    background-color: #e6e6e6;
    color: #005b92;
}
#kaiyo_enterprise .UlWrap li:nth-child(2) a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#sangyo_enterprise .UlWrap li:nth-child(2) a {
    background-color: #e6e6e6;
    color: #005b92;
}
#sangyo_enterprise .UlWrap li:nth-child(2) a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#history .UlWrap li:nth-child(3) a {
    background-color: #e6e6e6;
    color: #005b92;
}
#history .UlWrap li:nth-child(3) a:before {
    background: url('../image/common/arrow_down_white.png')no-repeat;
}
#ev #teaser {
    background-image: url('../img/ev/img01.png');
}
#sangyo #teaser {
    background-image: url('../img/sangyo/img01.png');
}
#sangyo_question #teaser {
    background-image: url('../img/sangyo/img01.png');
}
#sangyo_enterprise #teaser {
    background-image: url('../img/sangyo_enterprise/img01.png');
}
#kaiyo #teaser {
    background-image: url('../img/kaiyo/img01.png');
}
#kaiyo_enterprise #teaser {
    background-image: url('../img/kaiyo_enterprise/img01.png');
}
#kaiyo_question #teaser {
    background-image: url('../img/kaiyo/img01.png');
}
#com #teaser {
    background-image: url('../img/com/img01.png');
}
#after #teaser {
    background-image: url('../img/after/img01.png');
}
#about #teaser {
    background-image: url('../img/about/img01.png');
}
#csr #teaser {
    background-image: url('../img/csr/img01.png');
}
#contact #teaser {
    background-image: url('../img/contact/img01.png');
    height: 135px;
}
#history #teaser {
    background-image: url('../img/history/img01.png');
}
#ev_question #teaser {
    background-image: url('../img/ev/img01.png');
}
#privacy #teaser {
    background-image: url('../img/privacy/img01.png');
}
#website #teaser {
    background-image: url('../img/website/img01.png');
}
#webmap #teaser {
    background-image: url('../img/webmap/img01.png');
}
#research #teaser {
    background-image: url('../img/research/img01.png');
}
#teaser {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#teaser h2 {
    font-size: 3.5rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
#contact #teaser h2 {
    color: #005b93;
}
#business #teaser {
    background-image: url('../img/business/img01@2x.png');
    height: 275px;
}
#business_product #teaser {
    background-image: url('../img/business_product/img01.png');
    height: 229px;
}
#seajapan #teaser {
    background-image: url('../sea/img/img01_sw.png');
    height: 229px;
}
#breadCrumb .doubleColor {
    color: #1a1a1a;
}
@font-face {
    font-family: "SourceHanSansJPLight";
    src: url("../font/SourceHanSansJP-Light.woff") format('woff');
}
@font-face {
    font-family: "SourceHanSansJPNormal";
    src: url("../font/SourceHanSansJP-Normal.woff") format('woff');
}
@font-face {
    font-family: "SourceHanSansJPRegular";
    src: url("../font/SourceHanSansJP-Regular.woff") format('woff');
}
@font-face {
    font-family: "SourceHanSansJPMedium";
    src: url("../font/SourceHanSansJP-Medium.woff") format('woff');
}
@font-face {
    font-family: "SourceHanSansJPBold";
    src: url("../font/SourceHanSansJP-Bold.woff") format('woff');
}
@font-face {
    font-family: "SourceHanSansJPHeavy";
    src: url("../font/SourceHanSansJP-Heavy.woff") format('woff');
}
.SourceHanSansJPLight {
    font-family: "SourceHanSansJPLight";
}
.SourceHanSansJPNormal {
    font-family: "SourceHanSansJPNormal";
}
.SourceHanSansJPRegular {
    font-family: "SourceHanSansJPRegular";
}
.SourceHanSansJPMedium {
    font-family: "SourceHanSansJPMedium";
}
.SourceHanSansJPBold {
    font-family: "SourceHanSansJPBold";
}
.SourceHanSansJPHeavy {
    font-family: "SourceHanSansJPHeavy";
}
.pc {
    display: block;
}
.pt {
    display: block;
}
.ts {
    display: none;
}
.sp {
    display: none;
}
/* !Base Fonts -------------------------------------------------------------- */
a {
    color: #333;
    text-decoration: none;
    transition: all 0.5s !important;
    -moz-transition: all 0.5s !important; /* Firefox */
    -webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
a:hover {
    text-decoration: none;
    transition: all 0.5s !important;
    -moz-transition: all 0.5s !important; /* Firefox */
    -webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.op img, .op input {
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
.op:hover img, .op:hover input {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70); /* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
/* 共同---------------------end
---------------------------------------------------------- */
/***kaiyo_enterprise*****/
.pirseTop {
    margin: 90px auto 50px;
}
.pirstItme {
    margin: 50px auto 0;
}
.pirstItme ul {
    margin-left: -40px;
}
.pirstItme ul li {
    float: left;
    width: 50%;
    padding-left: 40px;
    box-sizing: border-box;
    position: relative;
}
.pirstItme .list01 {
    font-size: 2rem;
    margin: 25px 0 10px;
}
.pirstItme .list02 {
    font-size: 5.8rem;
    color: #005b92;
    text-align: right;
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
    line-height: 1.1;
    text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
}
.pirstItme .list02 span {
    font-size: 4rem;
}
.pirstItme ul li:nth-child(3):after {
    position: absolute;
    top: 30px;
    right: 15px;
    content: '';
    background: url('../img/kaiyo_enterprise/img02.png')no-repeat;
    width: 262px;
    height: 262px;
}
.pirstItme .list03 {
    font-size: 1.7rem;
    font-weight: normal;
    text-align: right;
    color: #000;
}
.pirseMidd {
    margin: 75px auto 85px;
}
.pirseList {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.875;
}
.pirseHdm {
    font-size: 2.2rem;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}
.pirsebot {
    margin: 0 auto 55px;
}
.botLists {
    margin: 0 auto 75px;
}
/***kaiyo_enterprise**-------end***/
/***sangyo_enterprise**-------start***/
.pirstimport {
    margin: 65px auto 0;
}
.pirstimport ul {
    margin: 0 auto;
    max-width: 480px;
    width: 100%;
}
.pirstimport ul li {
    float: none;
    width: 100%;
    padding-left: 0;
    box-sizing: border-box;
    position: relative;
}
.sangTop {
    margin: 45px auto 50px;
}
/***sangyo_enterprise**-------end***/
/******sangyo_enterprise**-------start***/
.prossItem {
    margin: 60px auto 200px;
}
.prossItem ul {
    margin-left: -70px;
}
.prossItem ul li {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding-left: 70px;
    text-align: center;
}
.prossItem ul li img {
    width: 100%;
}
.engCont {
    color: #005b92;
    font-size: 1.6rem;
    line-height: 1.56;
    margin-top: 5px;
    display: block;
}
/******sangyo_enterprise**-------end***/
/******csr**-------start***/
.csrBox {
    background-color: #e4f6ff;
    padding: 35px 0 80px;
}
.csrmiddle {
    margin: 70px auto 0;
}
.csrUl {
    margin-top: 40px;
}
.csrUl ul {
    margin-left: -58px;
}
.csrUl ul li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 58px;
    margin-bottom: 40px;
}
.csrhdm {
    font-size: 2rem;
    font-weight: bold;
    color: #005b90;
    padding: 30px 0 10px;
    text-align: center;
}
.csrImfo {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.43;
}
.csrUl ul li a {
    color: #005b90;
}
.csrA {
    font-weight: normal;
}
.csrDeail {
    padding: 0 40px;
    margin-top: 40px;
}
.csrDeail ul {
    margin-left: -14px;
}
.csrDeail ul li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    padding-left: 14px;
    margin-bottom: 10px;
}
.csrDeail ul li:last-child {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 0;
}
.csrDeail ul li a:hover {
    opacity: 0.8;
    transition: all 0.5s;
}
/***csr**-------end***/
/*contact/*/
.contactTable * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.contactTable .title, .contactTable .title p {
    margin-bottom: 25px;
    line-height: 2;
}
.contactTable .must {
    font-size: 1.4rem;
    font-weight: normal;
    color: #fff;
    background-color: #c72d33;
    width: 64px;
    height: 27px;
    display: inline-block;
    text-align: center;
    line-height: 2;
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    margin: auto;
}
.contactTable .any {
    font-size: 1.4rem;
    font-weight: normal;
    color: #000;
    background-color: #d1d1d1;
    width: 64px;
    height: 27px;
    display: inline-block;
    text-align: center;
    line-height: 2;
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    margin: auto;
}
.contactTable table {
    width: 100%;
}
.contactTable table {
    border-color: #575757;
}
.contactTable .table {
    padding: 0 25px;
    box-sizing: border-box;
}
.contactTable th {
    vertical-align: middle;
    padding: 15px;
    width: 245px;
    background-color: #f3f3f3;
    position: relative;
}
.contactTable td {
    padding: 20px 15px 10px;
}
.contactTable .note {
    font-size: 1.4rem;
    color: #575757;
    font-weight: normal;
    margin: 10px 0 0;
}
.contactTable .notep {
    font-size: 1.4rem;
    color: #000;
    font-weight: normal;
    margin: 10px 0;
}
.contactTable input[type=text] {
    height: 50px;
}
.contactTable textarea {
    padding: 10px 15px;
    height: 400px;
    font-size: 1.6rem;
}
.contactTable .end {
    text-align: center;
    margin: 50px auto;
}
.contactTable .end input[type=submit] {
    cursor: pointer;
    width: 100%;
    max-width: 315px;
    height: 79px;
    background: #005b92;
    color: #fff;
    font-size: 2rem;
    border: 1px solid #005b92;
    box-sizing: border-box;
    margin: 0 10px;
}
.contactTable .end input:hover {
    background-color: #fff;
    color: #005b92;
    transition: all 0.5s;
    border: 1px solid #005b92;
    box-sizing: border-box;
}
.contactTable input:focus, .contactTable textarea:focus {
    background-color: #fff5d1;
    color: #000;
    font-size: 1.6rem;
}
.contactTable .agreeBtn {
    margin-top: 5px;
    background-color: #f3f3f3;
    padding: 8px 0 8px 10px;
}
.contactTable .agreeBtn label {
    display: flex;
    color: #000;
    font-weight: normal;
    line-height: 2;
}
.my-checkbox {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
    margin-right: 20px;
}
.contactTable .whharf {
    width: 50%;
}
.contactTable .whthree {
    width: 33.33%;
}
/* !table
---------------------------------------------------------- */
.table01 {}
.borStyle {
    padding: 0 15px;
    background: #fff;
    border: 1px solid #575757;
}
.full {
    width: 100%;
}
.radioStyle label {
    display: inline-block;
    margin-bottom: 30px;
    min-width: 49%;
    padding-left: 2em;
    text-indent: -2em;
    font-weight: normal;
    color: #575757;
}
.radioStyle label input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 29px;
    height: 29px;
    vertical-align: middle;
    border: 1px solid #898989;
}
.radioStyle label input:checked {
    border-color: #000;
}
.radioStyle label input:checked:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 15px;
    height: 15px;
    background: #575757;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
.lableA {
    font-size: 1.6rem;
    color: #005b92;
    font-weight: normal;
}
.contactTable .texthight {
    height: 75px;
}
.formTop {
    margin: 45px 0 0;
}
.contTel {
    text-align: center;
    color: #000;
    font-size: 3.8rem;
    display: block;
    margin: 30px 0 5px;
    pointer-events: none;
}
.contTime {
    text-align: center;
    color: #000;
    font-size: 1.6rem;
    display: block;
    margin-bottom: 50px;
}
.formUl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto;
}
.formUl li {
    background-color: #e8e8e8;
    width: 243px;
    margin-right: 50px;
    height: 55px;
    font-size: 1.6rem;
    padding: 16px 0;
    box-sizing: border-box;
    text-align: center;
    font-weight: normal;
}
.formUl li.active {
    background-color: #005b92;
    color: #fff;
}
.formUl li:last-child {
    margin-right: 0;
}
.erroMessage {
    color: #f00;
}
/*contact/  end*/
/***history**/
.hisHdl {
    text-align: center;
    margin: 90px auto 50px;
    position: relative;
}
.hisHdl .en {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    text-align: center;
    font-size: 2.3rem;
    color: #fff;
    display: block;
    width: 100%;
    letter-spacing: 0.1em;
    font-weight: normal;
}
.hisItem {
    margin-bottom: 100px;
    position: relative;
}
.hisLeft {
    float: left;
    width: 47%;
    margin-right: 3%;
}
.hisRight {
    overflow: hidden;
}
.hisRight:before {
    position: absolute;
    top: -40px;
    right: 0;
    color: rgba(0, 91, 137, 0.65);
    font-size: 6.5rem;
    content: '1947〜';
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.his01:before {
    content: '1964～';
    right: unset;
    left: 0;
}
.his02:before {
    content: '1976～';
}
.his03:before {
    content: '1986～';
    right: unset;
    left: 0;
}
.his04:before {
    content: '1999～';
}
.his05:before {
    content: '2006～';
    right: unset;
    left: 0;
}
.his06:before {
    content: '2015～';
}
.his07:before {
    content: '2020～';
    right: unset;
    left: 0;
}
.his08:before {
    content: '2023～';
}
.hisRight ul {
    margin-left: -15px;
}
.hisRight ul li {
    float: left;
    width: 50%;
    padding-left: 15px;
    box-sizing: border-box;
}
.hisRight ul li:first-child {
    width: 100%;
    margin-bottom: 15px;
}
.hisLeft dl {
    line-height: 1.6;
    margin-bottom: 25px;
}
.hisLeft dt {
    color: #005b89;
    font-weight: bold;
    float: left;
    width: 110px;
}
.hisLeft dd {
    color: #000;
    font-weight: normal;
    overflow: hidden;
}
.hisInfo {
    float: right;
    margin-right: 0;
    margin-left: 3%;
}
.hisItem .hisulist {}
.hisItem .hisulist li {
    width: 100%;
}
.hisItem .hisulist li:last-child {
    text-align: right;
}
.future {
    text-align: right;
    font-size: 2.5rem;
    color: #005b89;
    margin-top: 25px;
}
.historybot {
    display: none;
}
.hisLast {
    margin-bottom: 20px;
}
.historyWrap {
    margin-bottom: 100px;
}
/***history***/
/*question***/
.quanBox {
    margin: 65px 0 0;
}
.hdqan {
    font-weight: bold;
    font-size: 1.7rem;
    color: #005b92;
    box-sizing: border-box;
    position: relative;
    line-height: 2;
    margin-bottom: 12px;
    padding: 10px 0 10px 85px;
}
.hdqan:after {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #005b92;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 2.3rem;
    font-weight: bold;
    content: 'Q';
    width: 53px;
    height: 53px;
}
.hsqan {
    font-size: 1.6rem;
    color: #000;
    box-sizing: border-box;
    position: relative;
    line-height: 2;
    margin-bottom: 45px;
    padding: 10px 0 10px 85px;
    font-weight: normal;
}
.hsqan:after {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e4f3f7;
    color: #005b92;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 2.3rem;
    font-weight: bold;
    content: 'A';
    width: 53px;
    height: 53px;
}
.quanmab {
    margin-bottom: 80px;
}
.quanmar {
    margin-bottom: 40px;
}
/***question***/
/***privacy***/
.privaIhd {
    margin: 35px auto 65px;
}
.pri01 {
    font-size: 1.7rem;
    color: #000;
    line-height: 1.76;
    margin-bottom: 30px;
    font-weight: normal;
}
.pri02 {
    font-size: 1.7rem;
    color: #000;
    line-height: 1.76;
    font-weight: bold;
}
/***privacy***/
.webIhd {
    margin: 45px 0 35px;
}
.webwrap {
    margin-bottom: 130px;
}
.wemabItem {
    margin: 90px 0 60px;
}
.webList {
    margin-left: -30px;
    margin-bottom: 35px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bebebe;
}
.webList ul {
    float: left;
    width: 25%;
    padding-left: 30px;
    box-sizing: border-box;
}
.webList ul li {
    margin-bottom: 30px;
}
.webList .speul li {
    margin-bottom: 20px;
}
.webList .speul li a {
    color: #4d4d4d;
    font-weight: normal;
    font-size: 1.8rem;
}
.webList .speul li:first-child a {
    color: #005b90;
    font-size: 1.8rem;
    font-weight: bold;
}
.webList ul li a {
    color: #005b90;
    font-size: 1.8rem;
    font-weight: bold;
}
.webList ul li a:hover {
    text-decoration: underline;
}
.webList ul .welab {
    margin-bottom: 15px;
}
.reseaBox {
    background-color: #e6f8ff;
    padding: 35px 0 80px;
    margin: 0 0 70px;
}
.resaItem {
    margin: 40px 0 80px -58px;
}
.resaLeft {
    width: 50%;
    padding-left: 58px;
    box-sizing: border-box;
    float: left;
}
.resaCenter {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
}
.resaHdl {
    text-align: center;
    font-size: 2.4rem;
    color: #005b91;
    margin: 23px 0 10px;
}
.resainfo {
    line-height: 1.875;
    font-weight: normal;
}
.resaHds {
    font-size: 2.4rem;
    color: #005b91;
    margin: 5px 0 10px;
}
.resaHdf {
    font-size: 2.2rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}
.koItem .resaInfos {
    line-height: 1.875;
    font-size: 1.6rem;
}
.chItem .koLeft {
    float: left;
    width: 47%;
    margin-right: 45px;
}
.chItem {
    margin: 0 0 50px;
}
.chItems {
    margin-top: 45px;
}
.nendo {
    margin-top: 1em;
    margin-bottom: -1em;
    text-align: center;
}
.bn_area {
    text-align: center;
}
/***conceptmovie ここから***/
body#conceptmovie {}
body#conceptmovie .column01 {
    box-sizing: border-box;
}
body#conceptmovie .column01 .catch {
    background: url("../img/conceptmovie/mainbg@2x.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 664px;
    position: relative;
}
body#conceptmovie .column01 .catch > p {
    width: 529px;
    height: 98px;
    position: absolute;
    top: 215px;
    left: 0;
    right: 0;
    margin: auto;
    transform: translate(-209px);
}
body#conceptmovie .column01 .txts {
    max-width: 1000px;
    width: 100%;
    margin-top: -137px;
    margin-left: auto;
    margin-right: auto;
    padding: 93px 0 0;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
body#conceptmovie .column01 .txts > p {
    font-size: 1.7rem;
    font-weight: normal;
    text-align: center;
    line-height: 160%;
}
body#conceptmovie .column01 .txts > p.strong {
    font-size: 2.6rem;
    font-weight: bold;
    color: #333;
}
body#conceptmovie .column01 .txts > p.strong br {
    display: none;
}
body#conceptmovie .column01 .txts > p:nth-of-type(2) {
    margin-top: 25px;
}
body#conceptmovie .column01 .txts > p:nth-of-type(3) {
    margin-top: 52px;
}
body#conceptmovie .column01 .txts > p:nth-of-type(4) {
    margin-top: 52px;
}
body#conceptmovie .column02 {
    max-width: 1000px;
    width: 100%;
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
body#conceptmovie .column02.first {
    margin-top: 150px;
    margin-bottom: 192px;
}
body#conceptmovie .column02.bottom {
    margin-bottom: 192px;
}
body#conceptmovie .column02 .inner {
    position: relative;
    width: calc(100% - 50px);
    margin: 0 0 0 auto;
    padding-bottom: 75px;
}
body#conceptmovie .column02 .inner > .line {
    display: block;
    width: 15px;
    height: 100%;
    background-color: #002464;
    position: absolute;
    top: 0;
    left: -50px;
}
body#conceptmovie .column02 .inner > .line::before {
    content: '';
    display: block;
    background: url("../img/conceptmovie/icon_top.png") no-repeat;
    background-size: contain;
    width: 15px;
    height: 14px;
    position: absolute;
    top: -14px;
}
body#conceptmovie .column02 .inner > .line::after {
    content: '';
    display: block;
    background: url("../img/conceptmovie/icon_under.png") no-repeat;
    background-size: contain;
    width: 15px;
    height: 14px;
    position: absolute;
    bottom: -14px;
}
body#conceptmovie .column02 .inner > dl {
    width: 100%;
}
body#conceptmovie .column02 .inner > dl:not(:first-of-type) {
    margin-top: 65px;
}
body#conceptmovie .column02 .inner > dl dt iframe {
    width: 100%;
    height: 534px;
    /*height: 395px;*/
}
body#conceptmovie .column02 .inner > dl dd {
    margin-top: 15px;
    font-size: 1.7rem;
    text-align: center;
}
body#conceptmovie .column02 .inner .links {
    text-align: center;
    margin: 0 auto;
}
body#conceptmovie .pankuzu {
    max-width: 1000px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 20px;
    display: flex;
    gap: 0 15px;
    box-sizing: border-box;
}
body#conceptmovie .pankuzu a {
    font-size: 1.4rem;
    color: #005B92;
    font-weight: 400;
    position: relative;
}
body#conceptmovie .pankuzu a:last-child {
    pointer-events: none;
    color: #707070;
}
body#conceptmovie .pankuzu a:not(:last-child)::after {
    content: ' > ';
    padding-left: 15px;
}
/*ipad*/
/*@media screen and (min-width: 820px) and (orientation: portrait), @media screen and (max-width: 1500px) and (orientation: landscape) {*/
@media screen and (max-width: 1150px) and (min-width: 768px) {
    body#conceptmovie .column01 .catch > p {
        transform: translate(-54.5px);
    }
    body#conceptmovie .newbox {
        max-width: 1160px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    body#conceptmovie .inner {
        max-width: 1160px;
        padding: 0 20px;
        box-sizing: border-box;
    }
} /*ここまで*/
/***conceptmovie ここまで***/
/*------------------------*/
/*2026年1月追加*/
section .postbox {
    margin-top: 90px;
}
section .normalbox > .column > h3.hd, section .normalbox > .column .txts > h3.hd, section .flexbox > .column > h3.hd, section .postbox > .column > h3.hd {
    font-size: 2.4rem;
    color: rgb(0, 91, 146);
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
}
section .column > h3.hd br {
    display: none;
}
section .normalbox {
    display: flex;
    flex-direction: column;
    gap: 30px 0;
}
section .normalbox > .column.center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px 0;
}
section .flexbox {
    display: flex;
	flex-direction: column;
    /*gap: 0 15px;*/
	gap: 45px 0;
	align-items: center;
}
section .flexbox > .column {
    /*width: calc(100% / 3 - 10px);*/
	width: fit-content;
}
section .flexbox > .column > ul {
    /*width: fit-content;*/
    margin-left: auto;
    margin-right: auto;
}
section .flexbox > .column > ul.center {
    text-align: center;
}
section .flexbox > .column > ul.number {
    counter-reset: listnum;
	display: flex;
	gap: 0 5px;
	justify-content: center;
}
section .flexbox > .column > ul.number:nth-of-type(2) {
  counter-reset: listnum 2;
}
section .flexbox > .column > ul.number li {
    position: relative;
}
section .flexbox > .column > ul.number li:before {
    counter-increment: listnum;
    content: counter(listnum) "."; /* 半角スペースを入れて""の中にピリオドを追加 */
    padding-right: 5px;
    vertical-align: top;
}
section .column > .txts {
    text-align: justify;
}
section .column > .txts > p:not(:first-of-type) {
    /*text-indent: 1em;*/
    margin-top: 1em;
}
section .column > .txts > p.center{
    text-align: center;
}
section .normalbox > .column .tables, section .recruitbox {
    display: flex;
    flex-direction: column;
    align-items: center;
}
section .recruitbox {
    gap: 25px 0;
}
section .recruitbox .column {
    width: 100%;
}
section .normalbox > .column .tables table, section .recruitbox table {
    min-width: 650px;
    width: 100%;
    border-spacing: 0;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}
section .recruitbox table {
    min-width: inherit;
    width: 100%;
}
section .normalbox > .column .tables table th, section .normalbox > .column .tables table td, section .recruitbox table th, section .recruitbox table td {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    padding: 15px;
}
section .normalbox > .column .tables table th, section .recruitbox table th {
    background-color: #c9c9c9;
    font-weight: 400;
    text-align: center;
}
section .recruitbox table th {
    width: 15%;
}
section .normalbox > .column .tables table tr td:not(:first-of-type), section .normalbox > .column .tables table tr td:not(:first-of-type) {
    text-align: center;
}
section .recruitbox table td {
    width: 85%;
}
section .normalbox .product_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 15px;
    align-items: stretch;
    margin-top: 5px;
}
section .normalbox .product_list dl {
    width: calc(100% / 3 - 10px);
}
section .normalbox .product_list dl dt {
    min-height: 265px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #005B92;
    box-sizing: border-box;
    padding: 15px;
}
section .normalbox .product_list dl dt img {
    width: 100%;
    height: auto;
}
section .normalbox .product_list dl dd {
    margin-top: 10px;
    font-size: 1.8rem;
    text-align: center;
}
section .normalbox .product_list dl dd {
    margin-top: 10px;
    font-size: 1.8rem;
    text-align: center;
}
section .postlist {
    display: flex;
    flex-direction: column;
    margin-top: 90px;
}
section .postlist a > dl {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px dotted gray;
}
section .postlist a > dl dt {
    width: 15%;
}
section .postlist a > dl dd {
    width: 85%;
}
section .postbox .date {
    text-align: center;
    padding-top: 10px;
}
section .postbox .column > dl {
    margin-top: 15px;
}
section .postbox .column > dl dt.strong {
    font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
section .postbox .column > dl.txtinent dd {
    padding-left: 2em;
}
section .postbox .column > dl.HeadingsAndText dt {
    padding-left: 1em;
    position: relative;
}
section .postbox .column > dl.HeadingsAndText dt::before {
    content: '■';
    position: absolute;
    top: 0;
    left: 0;
}
section .postbox .column > dl.HeadingsAndText dd {
    padding-left: 2em;
}
section .postbox .column .images {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 15px;
}
section .postbox .column .images img{
	flex: 1 1 0;
    min-width: 0;	
    max-width: 600px;
	width: 100%;
	height: auto;
}

section .postbox .column .signature {
    margin-top: 15px;
    text-align: right;
}
section .normalbox .labels {
    display: flex;
    flex-wrap: wrap;
    /*width: 750px;*/
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}
section .normalbox .labels dl {
    display: table;
    width: calc(100% - 30px);
    border-bottom: 1px solid #bababa;
    padding: 20px 15px;
}
section .normalbox .labels dl dt {
    display: table-cell;
    width: 23%;
    font-weight: 500;
}
section .normalbox .labels dl dd {
    display: table-cell;
    width: 77%;
}
section .normalbox .labels dl dd a[href^="tel:"] {
    pointer-events: none;
}
section .normalbox .labels dl dd a[href^="mailto:"] {
    color: rgba(5, 99, 193, 1.00);
    text-decoration: underline;
}
section .normalbox .labels > p {
    margin-top: 10px;
}
section .normalbox .labels > p .red {
    color: red;
}
/*------------------------*/
.sectionWrap.business, .sectionWrap.inquiry, .sectionWrap.recruit, .sectionWrap.staff {
    margin-top: 90px;
}
.sectionWrap.business .column, .sectionWrap.inquiry .column, .sectionWrap.recruit .column, .sectionWrap.staff .column {
    margin-top: 35px;
}
.sectionWrap.inquiry .column{
	display: flex;
	gap: 0px 40px;
}
.sectionWrap.inquiry .column > .txts{
	width: calc(50% - 10px);
}
.sectionWrap.inquiry .column > .images{
	width: calc(50% - 10px);
}

/*------------------------*/