@charset "UTF-8";
/*
 * layout.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */
/* !wrapper
---------------------------------------------------------- */
#wrapper {}

/* !addfonts
---------------------------------------------------------- */
.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* !header
---------------------------------------------------------- */
#header {
    /*background-color: #fff;*/
    position: fixed;
    width: 100%;
    z-index: 998;
    top: 0;
}
#header.white {
    background-color: #fff;
}
#headerIn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 auto;
}
#header.white, #headerIn.bgwhite{
	background-color: #fff;
}
#headerLogo {
    float: left;
	width: 141px;
	height: 21px;
}
#headerLogo a {
    display: flex;
    align-items: center;
}
#headerLogo::before{
    content: '';
	display: block;
	background: url("../img/logo_header_white.svg") no-repeat;
	background-size: contain;
	width: 141px;
	height: 21px;
}
#header.white #headerIn #headerLogo::before, #headerIn.bgwhite #headerLogo::before{
	background: url("../img/logo_header.svg") no-repeat;
	background-size: contain;
}
#headerLinks {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.btnMenu a {
    display: block;
    width: 50px;
    height: 40px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btnMenu a span {
    display: block;
    background: #000;
    width: 25px;
    height: 2px;
    position: absolute;
    left: 15px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#headerIn:not(.bgwhite) .btnMenu a span{
    background: #fff;
}
#header.white #headerIn .btnMenu a span{
    background: #000;
}

.btnMenu a span:first-child {
    top: 26px;
}
.btnMenu a span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
    background-color: #005b93;
}
.btnMenu a span:nth-child(3) {
    bottom: 26px;
}
.btnMenu.active a span:first-child {
    -webkit-transform: translateY(-6px) rotate(45deg);
    -moz-transform: translateY(-6px) rotate(45deg);
    -ms-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}
.btnMenu.active a span:nth-child(2) {
    opacity: 0;
}
.btnMenu.active a span:nth-child(3) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    -moz-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
}
.btnMenu {
    display: block;
    z-index: 999;
}
.btnMenu a em {
    display: block;
    font-size: 1.4rem;
    color: #000;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    width: 100%;
    padding: 24px 0;
    position: relative;
    text-align: right;
    font-weight: bold;
    padding-right: 12px;
}
.btnMenu a em.open {
    opacity: 1;
}
.btnMenu a em.close {
    opacity: 0;
}

.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.svg) no-repeat;	
	background-size: contain;
}

/* !gNavi
---------------------------------------------------------- */
#gNavi {
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100vh;
}
#gNavi li {
    float: none;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
	display: flex;
	justify-content: center;	
}
#gNavi li a {
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    display: block;
    padding: 18px 0 18px;
    box-sizing: border-box;
    position: relative;
    color: #000;
    text-align: center;
}

#gNavi li a.japanese {
    position: relative;
    padding-left: 25px;
    box-sizing: border-box;
    font-weight: normal;
}
#gNavi li a.japanese:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: 18px;
    height: 14px;
    background: url("../img/icon_earth.svg") no-repeat;
	background-size: contain;
}
#gNavi li a.japanese.current{
    font-weight: bold;
	text-decoration: underline;
}
#gNavi li a.english {
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
    font-weight: normal;
}
#gNavi li a.english.current{
    font-weight: bold;
	text-decoration: underline;
}
#gNavi li a.english:after {
    content: '/';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 18px;
	text-align: center;
}

#gNavi li a.linkblank {
    position: relative;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 1.5rem;
}
#gNavi li a.linkblank:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: 14px;
    height: 11px;
    background: url("../img/icon_tab_black.svg") no-repeat;
	background-size: contain;
}


/* !mainVisual
---------------------------------------------------------- */
.taC {
    text-align: center !important;
}

/* !mainVisual
---------------------------------------------------------- */
#mainVisual {
    width: 100%;
	height: 100svh;
    position: relative;
	/*margin-top: 50px;*/
}
/*動画*/
#mainVisual .mainmovie {
    /*width: 100%;*/
    position: relative;
    height: 100svh;
    overflow: hidden;
    transition: background-color .2s;
    background: #000;	
}
#mainVisual .mainmovie::after{
    content: '';
	display: block;
	width: 100vw;
	height: 100svh;
	background: url("../img/top/movie_cover-2.png");
	background-size: cover;
    position: relative;
}
#mainVisual .mainmovie > video{
	/*
    width: 100%;
	height: auto;
	*/
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    transition: all .3s cubic-bezier(.11, .68, .24, 1.01);	
}
/*スライド*/
#mainVisual .mainSlider {
    width: 100%;
    position: relative;
    height: 330px;
    overflow: hidden;
}
#mainVisual .mainSliderItem {
    width: 100%;
    height: 330px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.topImg {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.1);
    transition: all 8s ease-out;
}
.topImg.active {
    transform: scale(1);
}
#mainVisual .mainBox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
	right: 0;
    margin: auto;
	width: 90%;
    height: 40px;
}
#mainVisual .mainBoxInner {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#mainVisual .mainBox p {
    color: #fff;
    font-size: 1.5rem;
    text-align: left;
    letter-spacing: 7px;
}
#mainVisual .mainBox p > img{
    width: 100%;
	height: auto;
}
#mainVisual .mainBox .black p {
    color: #000;
}
#mainVisual .mainBox .movielink{
	position: absolute;
	bottom: -160px;
	right: 0;
}
#mainVisual .mainBox .movielink > a{
	/*
	width: calc( 100% - 25px );
	padding-left: 25px; 
	*/
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
	color: #fff;
	text-align: right;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
}
.imgLine {
    position: relative;
}
.imgLine:before {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50%;
    height: 5px;
    background-color: #005b92;
    content: '';
    z-index: 99;
}
.imgLine:after {
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 50%;
    height: 5px;
    background-color: #4d4d4d;
    content: '';
    z-index: 99;
}

/* !top
---------------------------------------------------------- */

h2.top-hdL{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 8px;
}
h2.top-hdL img:nth-of-type(1){
	width: auto;
	height: 2.5rem;
}
h2.top-hdL img:nth-of-type(2){
	width: auto;
	height: 1.7rem;
}

#contents #main .newbox {
    margin: 80px auto 0;
}
#contents #main .comment{
    margin: 24px auto 0;
	font-weight: normal;
}

#contents #main .tolistbtn{
	width: 100%;
	margin: 30px auto 0;
	display: flex;
	justify-content: center;
}
#contents #main .tolistbtn a{
	width: 240px;
	height: 57px;
	border: 2px solid #000;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	color: #000;
	font-weight: 500;
	position: relative;
}
#contents #main .tolistbtn a::before{
	content: '';
	display: block;
	background: url("../img/icon_arrow.svg") no-repeat, url("../img/icon_arrow_white.svg") no-repeat;
	background-size: contain;
	width: 7px;
	height: 13px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 25px;
}

.sectionWrap .bgwrap{
	background: rgb(0,33,93);
	background: linear-gradient(125deg, rgba(0,33,93,1) 0%, rgba(0,57,146,1) 100%);
}

#contents #main #import01{
	margin: 24px auto 0;
	padding-top: 24px;
}
#contents #main #import02{
	padding-top: 24px;
}

.pickup_area {
}
.pickup_area .pic_inner {
    width: 94.6666%;
    box-sizing: border-box;
    margin: 0 auto;
    /*padding: 20px 0;*/
}
.pickup_area .pic_inner .thumb {
    width: 100%;
}
.pickup_area .pic_inner .thumb img {
    width: 100%;
    height: auto;
    /*max-height: 245px;*/
    /*object-fit: scale-down;*/
}
.pickup_area .pic_inner .abox {
    width: 100%;
    min-height: 140px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 16px;
    box-sizing: border-box;
    background: #fff;
}
.pickup_area .pic_inner .abox h4 {
    color: #013992;
    font-size: 1.5rem;
    font-weight: bold;
}
.pickup_area .pic_inner .abox .tips {
    padding-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.pickup_area .pic_inner .abox .tips a {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3636;
    color: #013992;
}
.pickup_area .pic_inner .abox .tips span {
	display:block;
	width:34px;
	line-height: 17px;
	background:#b5272d;
	font-size: 1.0rem;
	color:#fff;
	text-align:center;
}
.pickup_area .pic_inner .abox .doct {
    width: 100%;
    display: flex;
    margin-top: 10px;
}
.pickup_area .pic_inner .abox .doct span {
    font-size: 1.5rem;
    font-weight: normal;
    /*padding-left: 10px;*/
    color: #013992;
}

.listUl.inner{
    margin: 24px auto 0;
}
.listUl ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
	gap: 10px;
}
.listUl ul li {
    width: calc( 50% - 5px );
    box-sizing: border-box;
}
.listUl ul li img {
    width: 100%;
	/*
    height: 134px;
    object-fit: scale-down;
	*/
	max-height: 134px;
	object-fit: cover;
}
.listUl 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 */
}
.listItem {
    padding: 5px 0 0 0px;
}
.listhdl {
    font-size: 1.5rem;
}
.listhdl a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	color: #fff;
	font-weight: normal;
}
#import03 .meta {
    font-size: 1.5rem;
    font-weight: normal;
}
#import03 .meta dt {
    margin-top: 0.5em;
	color: #fff;
	font-weight: normal;
	display: flex;
	align-items: center;
	gap: 0 10px;
}
#import03 .meta dt > span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	line-height: 17px;
	background: #b5272d;
	font-size: 1.0rem;
	color: #fff;
	text-align: center;
}
.listInfo {
    display: none;
}

#contents #main .bgwrap .tolistbtn{
	width: 100vw;
	margin: 0 calc(50% - 50vw) 0;
	padding: 36px 0 93px;
}
#contents #main .bgwrap .tolistbtn a{
	width: 240px;
	height: 57px;
	border: 2px solid #fff;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	color: #002B73;
	font-weight: 500;
	position: relative;
}
#contents #main .bgwrap .tolistbtn a::before{
	content: '';
	display: block;
	background: url("../img/icon_arrow_blue.svg") no-repeat, url("../img/icon_arrow_white.svg") no-repeat;
	background-size: contain;
	width: 7px;
	height: 13px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 25px;
}

#contents #main .inner.recruit{
}
#contents #main .inner.recruit .newbox{
	margin: 71px auto 0;
}
#contents #main .reccolumn{
	width: 100%;
	min-height: 370px;
	margin: 24px auto 0;
	position: relative;
	background: url(../img/top/img11_sp@2x.jpg) no-repeat;
	background-size: cover;
	display: flex;
	align-items: flex-end;
}
#contents #main .reccolumn dl{
	width: calc( 100% - 30px );
	background-color: rgba(0,33,110,0.92);
	color: #fff;
	padding: 15px 15px 40px;
}
#contents #main .reccolumn dl dt{
	font-size: 2.0rem;
	font-weight: bold;
}
#contents #main .reccolumn dl dd{
	margin-top: 5px;
	font-weight: normal;
}
#contents #main .reccolumn > span{
	position: absolute;
	bottom: 15px;
	right: 15px;
	font-size: 1.3rem;
	color: #fff;
	font-weight: normal;
}


/* !contents
---------------------------------------------------------- */
#contents {}
#contents .pre {
    text-align: center;
    margin: 100px auto 200px auto;
    font-weight: normal;
}
#main {}
.inner {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.inners {
    padding: 0;
}
.newbox {
    max-width: 1020px;
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    margin: 40px auto 20px;
}
.anna_area {
    width: 94.6666%;
    margin: 0 auto 40px;
}
.anna_area .anna_list {
	margin-top: 30px;
    list-style: none;
}
.anna_area .anna_list li {
    width: 100%;
}
.anna_area .anna_list li + li {
    margin-top: 24px;
}
.anna_area .anna_list li a {
    display: block;
    width: 100%;
}
.anna_area .anna_list li a:active{
    color: #333;
}
.anna_area .anna_list li a .thumb {
    width: 100%;
    line-height: 0;
}
.anna_area .anna_list li a .thumb img {
    width: 100%;
    height: auto;
    max-height: 155px;
    object-fit: cover;
}
.anna_area .anna_list li .box_txt {
	margin-top: 16px;
    width: 100%;
}

.anna_area .large_bnr {
    width: 100%;
    margin-top: 80px;
}
.anna_area .large_bnr a {
    transition: 0.3s;
}
.anna_area .large_bnr a:hover {
    opacity: 0.7;
}
.anna_area .large_bnr img {
    width: 100%;
    height: auto;
}
.annaUl {
    margin-bottom: 70px;
}
.silPc {
    display: none;
}
.middleSilder {
    width: 100%;
}
.middleSilder .silderItem {
    text-align: center;
    position: relative;
    margin: 0 10px 5px;
    box-sizing: border-box;
}
.middleSilder .silderItem img {
    width: 100%;
}
.middleSilder .silderItem:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: all .4s;
    content: '';
}
.middleSilder .silderItem:hover:before {
    opacity: 1;
    transition: all .4s;
    background: rgba(0, 0, 0, 0.7);
}
.source {
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99;
}
.silderNone {
    display: none;
}
.source p {
    font-size: 1.5rem;
    line-height: 1.7;
    color: #fff;
    text-align: left;
    letter-spacing: 0.02em;
    position: relative;
    margin-bottom: 10px;
}
.source p:first-child:before {
    background: url('../img/arrow_right@4x.png')no-repeat;
    width: 19px;
    height: 19px;
    content: '';
    top: 0;
    right: 0;
    position: absolute;
}
.source p span {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: normal;
}
.oneMarin {
    margin-bottom: 8px;
}
.bumen {
    display: block;
}
.newtopBox {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.importItem {
    background-color: #fff;
    padding: 10px;
    margin: 0 auto;
}
.imHdm {
    color: #A63333;
    line-height: 1.8;
    font-size: 1.4rem;
    font-weight: bold;
}
.importItem a {
    font-weight: normal;
    font-size: 1.4rem;
}

.entry_title a {
    width: 100%;
}
.entry_title a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 1px;
    background: #2686ac;
    transition: 0.3s;
}
.entry_title:hover a: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;
}

.timeIps {
    font-weight: normal;
    border-top: 1px solid #000;
    padding: 10px 0 0 7px;
    margin-top: 8px;
    font-size: 1.3rem;
}
.timeIps span:first-child {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}
.timeIps span:last-child {
    display: block;
    color: #666;
}
.timeIps span:first-child:after {
    position: absolute;
    top: -1px;
    right: -10px;
    content: '';
    background-color: #7f7f7f;
    width: 1px;
    height: 15px;
}
.sectionWrap .timeIps span a {
    display: inline-block;
}
.collaborate {
    margin: 50px auto 20px;
}
.collaborate ul {
    margin-left: -12px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.collaborate ul li {
    /*float: left;*/
    width: 50%;
    padding-left: 12px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.collaborate ul li a {
    display: flex;
    align-items: center;
    border: 1px solid #e6e6e6;
    padding: 8px;
}
.collaborate ul li a p {
    font-size: 1.4rem;
    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 */
}
/**/
.top_bnr_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 80px auto 0;
}
.top_bnr_list li {
    width: 49.29%;
}
.top_bnr_list li:nth-child(n + 3) {
    margin-top: 10px;
}
.top_bnr_list li a {
    display: block;
}
.top_bnr_list li .img {
    width: 100%;
}
.top_bnr_list li .img img {
    width: 100%;
    height: auto;
}
.top_bnr_list li p {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.53;
    font-feature-settings: "palt";
    letter-spacing: -0.05em;
    color: #333333;
    margin-top: 5px;
}
.top_bnr_list li p:not(.no-ico)::after {
    content: '';
    display: inline-block;
    background: url("../img/icon_tab_black.svg")no-repeat;
    background-size: contain;
    width: 14px;
    height: 11px;
    margin-left: 10px;
}
/**/
.sectionWrap.border-gray {
    /*border-top: 1px solid #E6E6E6;*/
}
.top_sns_area {
    padding: 80px 0 13px;
}
.top_sns_area p {
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
}
.top_sns_area .sns_list {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
}
.top_sns_area .sns_list li {
    width: 41px;
    margin: 0 9px;
}
.top_sns_area .sns_list li:nth-child(2) {
    width: 34px;
}
.top_sns_area .sns_list li img {
    width: 100%;
    height: auto;
}
/* !footer
---------------------------------------------------------- */
#footer {
    background-color: #002C75;
    position: relative;
}
#footer .footerIn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 20px);
    box-sizing: border-box;
    margin: 0 auto;
    padding: 30px 0px 15px;
}
.footLeft {
}
.footLeft img {
    width: 100%;
    height: auto;
}
.footRight {
	width: 100%;
    box-sizing: border-box;
	margin-top: 16px;
}
.footRight ul {
    list-style: none;
    display: flex;
	gap: 0 11px;
}
.footRight ul li a{
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1.83;
	color: #fff;
}
.footRight ul li:first-child a{
	letter-spacing: -0.05em;
	font-feature-settings: 'palt';
}

#copyright {
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
	margin-top: 16px;
}
.footInfo {
    text-align: center;
}
.footInfo .list01 {
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 5px;
}
.footInfo .list01 span {
    font-size: 1.4rem;
    margin-left: 10px;
}
.footInfo .list02 {
    font-size: 1.4rem;
    font-weight: normal;
    color: #666;
}
.footInfo .list03 {
    margin-top: 5px;
}
.footInfo .list03 span:first-child {
    margin-right: 15px;
}
.footInfo .fax {
    pointer-events: none;
}
/****com***/
.UlWrap {}
.UlWrap li {
    float: left;
    width: 50%;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
}
.UlWrap li:nth-child(2n) {
    border-right: 0;
}
.UlWrap li a {
    display: block;
    background-color: #005b92;
    text-align: left;
    color: #fff;
    font-weight: normal;
    padding: 8px 0 8px 30px;
    position: relative;
    font-size: 1.3rem;
}
.UlWrap li a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    content: '';
    background: url('../img/arrow_right_white.png')no-repeat;
    width: 16px;
    height: 16px;
}
.topul {
    margin: 2px auto 40px;
    padding: 0;
}
.wayBox {
    position: relative;
}
#com .martop {
    padding-bottom: 20px;
}
.top {
    text-align: center;
    background-color: #005b92;
    padding-bottom: 30px;
    margin-top: 20px;
}
.top img {
    padding: 0 25px;
    box-sizing: border-box;
    margin-top: -20px;
}
.top .topItem {
    position: absolute;
    top: -10px;
    left: 40px;
    text-align: left;
}
.top .topItem .list {
    font-size: 2.2rem;
    color: #005b92;
}
.top .topItem .listm {
    font-size: 1.2rem;
    color: #005b92;
    font-weight: normal;
}
.top .topItem .lists {
    font-size: 1.2rem;
}
.top .topItem .lists span {
    font-size: 1.4rem;
    margin-left: 6px;
}
.higaliBox {
    position: relative;
}
.higali {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.3rem;
    width: 100%;
    text-align: center;
}
.topWord {
    color: #fff;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.66;
    text-align: left;
    padding: 0 15px;
    box-sizing: border-box;
}
.topmari {
    margin: 25px 0 15px;
}
.socialBox {
    margin: 40px auto 0;
}
.sohdm {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.5;
    margin: 25px auto 5px;
    font-weight: bold;
}
.sohds {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.5;
    margin: 0 auto 25px;
    font-weight: bold;
    color: #005b92;
}
.sohdx {
    text-align: left;
    width: 100%;
    margin: 0 auto 27px;
    font-size: 1.4rem;
    line-height: 1.76;
    font-weight: normal;
    padding: 0 30px;
    box-sizing: border-box;
}
.sociaList {
    padding: 0 15px;
    box-sizing: border-box;
}
.socialItem {
    background-color: #cee6f2;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.aoxiai {
    font-size: 1.5rem;
    text-align: center;
    padding: 17px 0 13px;
}
.sociaDetail {
    margin: 0 auto 15px;
    width: 100%;
    background-color: #fff;
    padding: 5px 10px;
    box-sizing: border-box;
    ;
}
.sociaDetail span {
    display: block;
    font-size: 1.5rem;
    color: #005b92;
}
.sociaDetail p {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: normal;
}
.creedBox {
    margin-bottom: 55px;
}
.creedItem {
    margin: 45px auto 0;
    padding: 0 15px;
    box-sizing: border-box;
    width: 100%;
}
.creedItem ul li {
    margin-bottom: 13px;
}
.creedHdm {
    background-color: #efefef;
    padding: 7px 0 7px 45px;
    font-size: 1.5rem;
    box-sizing: border-box;
    position: relative;
    font-weight: bold;
    margin-bottom: 10px;
}
.creedHdm:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    margin: auto;
    content: '1.';
    background-color: #005b92;
    width: 24px;
    height: 24px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.7;
    color: #fff;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-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.42;
    font-size: 1.4rem;
}
.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';
}
.ideaHdm {
    font-size: 1.9rem;
    text-align: center;
    padding: 7px 0 15px;
}
.ideainfo {
    font-size: 1.4rem;
    margin: 0 auto 20px;
    text-align: left;
    padding: 0 20px;
    line-height: 1.57;
    box-sizing: border-box;
    font-weight: normal;
}
.indaHds {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.4;
    margin: 13px 0;
}
.ideaword {
    font-size: 1.25rem;
    text-align: left !important;
    line-height: 1.76;
    margin-bottom: 15px;
    padding: 0 5px;
    box-sizing: border-box;
    font-weight: normal;
}
.ideaUl {
    width: 100%;
    max-width: 1020px;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto;
}
.ideaUl ul li {
    box-sizing: border-box;
    margin-bottom: 10px;
}
.ideaUl ul li img {
    width: 100%;
}
.ideaUl ul li span {
    font-size: 1.4rem;
    color: #0071b7;
    text-align: center;
    line-height: 1.4;
    margin: 12px 0;
    display: block;
}
.ideaUl ul li p {
    font-size: 1.4rem;
    line-height: 1.76;
    padding: 0 10px;
    box-sizing: border-box;
    font-weight: normal;
}
.bothMar {
    margin-bottom: 55px;
}
.macBot {
    margin: 17px auto 10px;
}
.macWord {
    text-align: center;
    color: #005b92;
    font-weight: normal;
    font-size: 1.5rem;
    margin-bottom: 13px;
}
.abcUl {
    margin-bottom: 20px;
}
.abcUl ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
.abcUl ul li {
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
}
.abcItem {
    font-size: 1.4rem;
    font-weight: normal;
}
.abcItem span {
    color: #005b92;
}
.wordItem {
    font-size: 1.4rem;
    font-weight: normal;
}
.macwo {
    font-size: 1.4rem;
    text-align: left;
    font-weight: normal;
    line-height: 1.76;
    margin: 40px 0 30px;
}
.botul {
    margin: 0 auto 10px;
    padding: 0;
}
#breadCrumb {
    display: none;
}
/****com ----------end***/
/**kaiyo***/
.UlWrap .double a {
    height: 35px;
    text-align: left;
    padding: 3px 0 3px 30px;
    box-sizing: border-box;
    line-height: 1.2;
}
.kaiyoBox {
    background-color: #e6f8ff;
    padding: 15px 0 25px;
    margin: 4px 0 20px;
}
.kaihdm {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.7;
    margin: 20px 0 10px;
}
.kaihdx {
    font-size: 1.4rem;
    text-align: left;
    font-weight: normal;
    line-height: 1.76;
}
.kaiul {
    margin-top: 2px;
    padding: 0;
}
.koItem {
    margin: 25px auto 35px;
}
.koLeft {
    text-align: center;
    margin-bottom: 15px;
}
.koLeft img {
    width: 100%;
}
.koRight p {
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.7;
}
.kaibtn {
    margin: 20px 0 45px;
}
.middleMas {
    margin-bottom: 40px;
}
/****kaiyo ----------end***/
/**jinyo---------start****/
.phoneList {
    display: block;
}
.pcMenu {
    display: none;
}
.jingBox {
    margin: 35px auto;
}
.jinghdm {
    font-size: 1.4rem;
    color: #005b92;
    text-align: center;
    margin: 20px auto;
}
.yoItem {
    margin-bottom: 10px;
}
.yoleft img {
    width: 100%;
    height: auto;
    max-height: 215px;
    object-fit: cover;
}
.yoright {
    background-color: #005b92;
}
.yoright a {
    color: #fff;
    font-size: 1.4rem;
    box-sizing: border-box;
    /*display: block;*/
    z-index: 99;
    width: 100%;
    height: 90px;
    position: relative;
    display: flex;
    align-items: center;
    /*padding: 8px 0 8px 15px;*/
}
.yoright a .right_inner {
    padding-left: 15px;
    box-sizing: border-box;
}
.yoright a span {
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
    display: inline-block;
}
.yoItem .business {
    display: block;
}
.yoright a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    content: '';
    background: url(../img/arrow_right@4x.png)no-repeat;
    width: 16px;
    height: 16px;
}
.jytop {
    margin-bottom: 30px;
}
.jytop.last {
    margin-bottom: 100px;
}
.jytop.last02 {
    margin-bottom: 60px;
}
.jinghds {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    margin: 17px auto 25px;
}
.jinUl {}
.jinUl ul {}
.jinUl ul li {
    margin-bottom: 40px;
    position: relative;
}
.jinUl ul li img {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 20px;
}
.jinUl ul li div {
    overflow: hidden;
}
.jinUl ul li span {
    display: block;
    text-align: left;
    color: #005b92;
    font-size: 1.4rem;
    padding: 5px 0;
}
.jinUl ul li p {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.5;
}
.jinUl ul li:before {
    position: absolute;
    right: 0;
    content: '';
    background: url(../img/arrow_right_orange.png)no-repeat;
    width: 12px;
    height: 22px;
    left: 0;
    bottom: -28px;
    margin: auto;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
}
.jinUl ul li:last-child:before {
    display: none;
}
.kaihatsu_txt {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.71;
    text-align: justify;
    margin: 17px auto 25px;
}
/***jinyo------------end*/
/****after***/
.afterTop {
    margin: 0 0 35px;
}
.earthImg {
    text-align: center;
    margin-top: 55px;
}
.earthTitle {
    font-size: 1.5rem;
    color: #005b92;
    margin: 15px 0;
    text-align: center;
    line-height: 1.56;
}
.earthinfo {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.56;
}
.starImg {
    text-align: center;
    margin: 20px 0;
}
.starTitle {
    font-size: 1.5rem;
    color: #005b92;
    margin: 0 0 10px;
    text-align: center;
    line-height: 1.56;
}
.starinfo {
    font-size: 1.5rem;
    text-align: left;
    font-weight: normal;
    line-height: 1.56;
    padding: 0 10px;
    box-sizing: border-box;
}
.relevance {
    margin: 60px 0 40px;
}
.releHdm {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}
.releUl {}
.releUl ul li {
    box-sizing: border-box;
    margin-bottom: 20px;
}
.releImg {
    display: none;
}
.releWord {
    font-weight: normal;
    font-size: 1.4rem;
}
.releWord span {
    pointer-events: none;
}
.releMess {
    font-size: 1.4rem;
    margin-bottom: 10px;
}
.releMess span {
    color: #8b8b8b;
    font-size: 1.3rem;
    margin-left: 5px;
}
.releDuct {
    font-size: 1.4rem;
    color: #666;
    line-height: 1.875;
    font-weight: normal;
}
.foreign {
    margin-bottom: 60px;
}
.forHds {
    font-size: 1.4rem;
    color: #005b92;
    font-weight: bold;
    margin-bottom: 10px;
}
.forul {
    margin-bottom: 20px;
}
.forul li {
    background-color: #ececec;
    padding: 10px 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.forul li span {
    font-size: 1.4rem;
    color: #005b92;
    margin-bottom: 10px;
    display: block;
}
.forul li p {
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.5;
}
.forul em {
    pointer-events: none;
}
.isesBox {
    text-align: center;
    margin-bottom: 30px;
}
.iseshd {
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.isesinfo {
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.65;
}
/***after------------end*/
/****about***/
.aboutTop {
    box-sizing: border-box;
    margin: 15px 0 40px
}
.aboutTop dl {
    border-bottom: 1px solid #bababa;
    padding: 10px 6px;
    box-sizing: border-box;
}
.aboutTop dl dt {
    display: block;
    font-size: 1.4rem;
}
.aboutTop dl dd {
    display: block;
    font-weight: normal;
    font-size: 1.4rem;
}
.aboutTop dl dd a {
    font-weight: normal;
    font-size: 1.4rem;
    color: #005b92;
}
.aboutTop dl dd p {
    line-height: 1.56;
}
.aboutTop dl dd a {
    color: #005b8c;
}
.aboutTop dl dd .teltips {
    color: #005b8c;
}
.aboutTop dl dd .fax {
    color: #000;
    pointer-events: none;
}
.aboutBtn {
    margin-bottom: 40px;
}
.aboutBtn a {
    width: 310px;
    margin: 0 auto;
    font-size: 1.1rem;
}
.aboutBtn a:after {
    left: 8%;
}
.aboutBtn a:first-child {
    margin-bottom: 7px;
}
.proRight {
    display: none;
}
.proLeft h3 {
    font-weight: bold;
    font-size: 1.5rem;
}
.proLeft p {
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.6875;
    margin: 5px 0 7px;
}
.proLeft img {
    width: 100%;
}
.productList {
    margin: 15px 0 0;
}
.productList ul li {
    margin-bottom: 5px;
}
.productList ul li div {
    border: 1px solid #005b8c;
    box-sizing: border-box;
    padding: 7px 10px;
}
.productList ul li span {
    font-weight: bold;
    color: #005b8c;
    display: block;
    font-size: 1.4rem;
}
.productList ul li p {
    font-weight: normal;
    font-size: 1.4rem;
}
.proWrap {
    margin: 35px auto 0;
}
.strateWrap {}
.strateWrap .starteItem {
    margin-bottom: 35px;
}
.startLeft {
    display: none;
}
.startRight {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.625;
}
.strHdl {
    font-weight: bold;
    font-size: 1.5rem;
    text-align: left;
    margin-bottom: 10px;
}
.googleBtn {
    margin-top: 15px;
}
.googleBtn a {
    width: 235px;
    height: 45px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #005b8c;
    margin: 0 auto;
    font-size: 1.4rem;
}
.strateWrap {
    margin: 80px 0 0;
}
.starLis01 {
    font-weight: bold;
    font-size: 1.4rem;
    margin: 8px 0 0;
    color: #005b8c;
}
.starLis02 {
    font-weight: normal;
    font-size: 1.4rem;
}
.releAbout {
    margin: 45px 0 0;
}
.googTop {
    display: block;
    margin: 10px 0 0;
}
.releaboutUl {
    margin: 20px 0;
}
.abWord {
    font-weight: normal;
    font-size: 1.4rem;
}
.abImg {
    display: none;
}
.releaboutUl {
    margin: 45px 0;
}
/* 共同---------------------start
---------------------------------------------------------- */
.pc {
    display: none;
}
.pt {
    display: none;
}
.ts {
    display: block;
}
.sp {
    display: block;
}
/* !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 {
    /*color: #0082ca;*/
    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;
}
@media screen and (max-width: 320px) {
    .UlWrap li a {
        padding: 8px 0 8px 20px;
        font-size: 1rem;
    }
    .UlWrap li a:before {
        left: 2px;
    }
    .UlWrap .double a {
        padding: 3px 0 3px 20px;
    }
}
/* !h(n)eading
---------------------------------------------------------- */
.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('../img/arrow_right@4x.png')no-repeat;
    background-position: left center;
}
.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.svg')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: 40px;
    line-height: 1;
    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.5rem;
    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@4x.png') no-repeat center;
    background-size: contain;
    position: absolute;
    left: 26%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.btnLink01:hover {
    text-decoration: none;
    color: #fff;
}
.btnLink01:hover:before {
    transform: translateX(0);
}
.btnLink01:hover:after {
    background-image: url('../img/ico_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);
}
.taC {
    text-align: center !important;
}
/* 游明朝体 */
.yuMincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.maps {
    height: 378px;
}
.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('../img/arrow_down_white.png')no-repeat;
}
#kaiyo .UlWrap li:first-child a {
    background-color: #e6e6e6;
    color: #005b92;
}
#kaiyo .UlWrap li:first-child a:before {
    background: url('../img/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('../img/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('../img/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('../img/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('../img/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('../img/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('../img/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('../img/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('../img/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('../img/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('../img/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_enterprise #teaser {
    background-image: url('../img/sangyo_enterprise/img01.png');
}
#kaiyo #teaser {
    background-image: url('../img/kaiyo_enterprise/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');
}
#business #teaser {
    background-image: url('../img/business/img01@2x.png');
}
#kaiyo_enterprise #teaser {
    background-image: url('../img/business/img01@2x.png');
}
#business_product #teaser {
    background-image: url('../img/business_product/img01.png');
}
#seajapan #teaser {
    background-image: url('../sea/img/img01_sw.png');
}
#csr #teaser {
    background-image: url('../img/csr/img01.png');
}
#contact #teaser {
    background-image: url('../img/contact/img01.png');
}
#history #teaser {
    background-image: url('../img/history/img01.png');
}
#ev_question #teaser {
    background-image: url('../img/ev/img01.png');
}
#sangyo_question #teaser {
    background-image: url('../img/sangyo/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 {
    background-position: center top 20px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 50px;
}
#teaser h2 {
    font-size: 1.7rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
#contact #teaser h2 {
    color: #005b93;
}
#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";
}
.hdL {
    font-size: 2.0rem;
    color: #005b92;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}
.hd01 {
    font-size: 1.5rem;
    color: #005b92;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}
.hdS {
    font-size: 1.6rem;
    text-align: center;
    color: #10aae0;
    padding: 35px 0 0;
}
.hd01 {
    font-size: 1.5rem;
    padding: 10px 0;
    font-weight: bold;
}
.hdM {
    font-size: 1.5rem;
}
.hdS {
    font-size: 1.3rem;
    padding: 17px 0 0;
}
.btnLink {
    max-width: 187px;
    height: 40px;
    line-height: 2.5;
    font-size: 1.4rem;
}
.btnLink:after {
    right: 9px;
    width: 15px;
    height: 10px;
    background-size: cover;
}
.btnLink:hover:after {
    right: 5px;
}
.lookdetail {
    font-size: 1.4rem;
    padding-left: 25px;
    background-size: 20% auto;
}
/* 共同---------------------end
---------------------------------------------------------- */
/***kaiyo_enterprise*****/
.pirseTop {
    margin: 20px auto 0;
}
.pirstItme {
    margin: 35px auto 0;
}
.pirstItme ul {}
.pirstItme ul li {
    box-sizing: border-box;
    position: relative;
}
.pirstItme ul li img {
    text-align: center;
    width: 100%;
}
.pirstItme .list01 {
    font-size: 1.4rem;
    margin: 10px 0 0;
}
.pirstItme .list02 {
    font-size: 2.9rem;
    color: #005b92;
    text-align: right;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
    line-height: 1.1;
}
.pirstItme .list02 span {
    font-size: 2rem;
}
.pirstItme ul li:nth-child(3):after {
    position: absolute;
    top: -5px;
    right: -5px;
    content: '';
    background: url('../img/kaiyo_enterprise/img03.png')no-repeat;
    width: 130px;
    height: 130px;
}
.pirstItme .list03 {
    font-size: 1.2rem;
    font-weight: normal;
    text-align: right;
    color: #000;
}
.pirseMidd {
    margin: 55px auto 50px;
}
.pirseList {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.55;
}
.pirseHdm {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
}
.pirsebot {
    margin: 0 auto 50px;
}
.botLists {
    margin: 0 auto;
}
/***kaiyo_enterprise**-------end***/
/***sangyo_enterprise**-------start***/
.pirstimport {
    margin: 35px 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: 20px auto 25px;
}
/***sangyo_enterprise**-------end***/
/******sangyo_enterprise**-------start***/
.prossItem {
    margin: 30px auto 75px;
}
.prossItem ul {
    margin-left: -15px;
}
.prossItem ul li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 15px;
    text-align: center;
}
.prossItem ul li img {
    width: 100%;
}
.engCont {
    color: #005b92;
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 5px auto 15px;
    display: block;
}
/******sangyo_enterprise**-------end***/
/******csr**-------start***/
.csrBox {
    background-color: #e4f6ff;
    padding: 17px 0 40px;
}
.csrmiddle {
    margin: 35px auto 0;
}
.csrUl {
    margin-top: 20px;
}
.csrUl ul {}
.csrUl ul li {
    box-sizing: border-box;
    margin-bottom: 40px;
}
.csrUl ul li img {
    width: 100%;
}
.csrhdm {
    font-size: 1.4rem;
    font-weight: bold;
    color: #005b90;
    padding: 15px 0 5px;
    text-align: center;
}
.csrImfo {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.43;
}
.csrUl ul li a {
    color: #005b90;
}
.csrA {
    font-weight: normal;
    font-size: 1.4rem;
}
.csrDeail {
    padding: 0 20px;
    margin-top: 20px;
}
.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: 0.9rem;
    font-weight: normal;
    color: #fff;
    background-color: #c72d33;
    width: 44px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 1.7;
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    margin: auto;
}
.contactTable .any {
    font-size: 0.9rem;
    font-weight: normal;
    color: #000;
    background-color: #d1d1d1;
    width: 44px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 1.7;
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    margin: auto;
}
.contactTable table, .contactTable table tbody, .contactTable table tr, .contactTable table th, .contactTable table td {
    width: 100% !important;
    display: block;
}
.contactTable table {
    width: 100%;
}
.contactTable table {
    border-color: #fff;
}
.contactTable .table {
    margin: 25px 0 0;
}
.contactTable th {
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 1.5rem;
    width: 245px;
    background-color: #f3f3f3;
    position: relative;
}
.contactTable td {
    padding: 20px 15px 10px;
}
.contactTable .note {
    font-size: 1.3rem;
    color: #575757;
    font-weight: normal;
    margin: 10px 0 0;
}
.contactTable .notep {
    font-size: 1.4rem;
    color: #000;
    font-weight: normal;
    margin: 5px 0;
}
.contactTable input[type=text] {
    height: 30px;
}
.contactTable textarea {
    padding: 10px 15px;
    height: 130px;
    font-size: 1.6rem;
}
.contactTable .end {
    text-align: center;
    margin: 30px auto;
}
.contactTable .end input[type=submit] {
    cursor: pointer;
    width: 100%;
    max-width: 250px;
    height: 65px;
    background: #005b92;
    color: #fff;
    font-size: 1.5rem;
    border: 1px solid #005b92;
    box-sizing: border-box;
}
.contactTable .end input + input {
    margin-top: 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;
    font-size: 1.4rem;
}
.my-checkbox {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
    margin-right: 10px;
}
.contactTable .whthree {
    width: 50%;
}
/* !table
---------------------------------------------------------- */
.table01 {}
.borStyle {
    padding: 0 15px;
    background: #fff;
    border: 1px solid #575757;
}
.full {
    width: 100%;
}
.radioStyle label {
    display: inline-block;
    margin-bottom: 15px;
    min-width: 49%;
    padding-left: 2em;
    text-indent: -2em;
    font-weight: normal;
    color: #575757;
    font-size: 1.4rem;
}
.radioStyle label input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border: 1px solid #898989;
}
.radioStyle label input:checked {
    border-color: #000;
}
.radioStyle label input:checked:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
    background: #575757;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
.lableA {
    font-size: 1.4rem;
    color: #005b92;
    font-weight: normal;
    display: block;
}
.contactTable .texthight {
    height: 75px;
}
.formTop {
    margin: 35px 0 0;
}
.contTel {
    text-align: center;
    color: #000;
    font-size: 2.2rem;
    display: block;
    margin: 15px 0 5px;
    pointer-events: initial;
}
.contTime {
    text-align: center;
    color: #000;
    font-size: 1.4rem;
    display: block;
    margin-bottom: 25px;
}
.formUl {
    display: none;
}
.selectItem {}
.selectItem p {
    float: left;
    width: 50%;
    box-sizing: border-box;
    display: flex;
}
.selectItem p:first-child {
    width: 80%;
    margin-bottom: 10px;
    float: none;
}
.selectItem p select {
    width: 100%;
    height: 30px;
    border: 1px solid #575757;
    box-sizing: border-box;
    font-size: 1.4rem;
    padding-left: 13px;
    color: #575757;
}
.selectItem p span {
    font-size: 1.5rem;
    display: inline-block;
    margin: 0 10px;
}
.selectItem p select:hover {
    border: solid 1px #000;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff5d1;
    color: #000;
    font-size: 1.4rem;
    padding-right: 14px;
}
/*contact/  end*/
/***history**/
.hisHdl {
    text-align: center;
    margin: 0 auto 30px;
    position: relative;
}
.hisHdl .en {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
    display: block;
    width: 100%;
    font-weight: normal;
    letter-spacing: 0.1em;
}
.hisItem {
    margin-bottom: 75px;
    position: relative;
    display: table;
}
.hisLeft {
    display: table-footer-group;
}
.hisRight {
    display: table-header-group;
}
.hisRight:before {
    position: absolute;
    top: -25px;
    right: 0;
    color: rgba(0, 91, 137, 0.65);
    font-size: 4rem;
    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: -10px;
}
.hisRight ul li {
    float: left;
    width: 50%;
    padding-left: 10px;
    box-sizing: border-box;
}
.hisRight ul li img {
    width: 100%;
}
.hisRight ul li:first-child {
    width: 100%;
    margin-bottom: 10px;
}
.hisLeft dl {
    line-height: 1.6;
    margin-bottom: 15px;
}
.hisLeft dl:first-child {
    margin-top: 15px;
}
.hisLeft dt {
    color: #005b89;
    font-weight: bold;
    font-size: 1.4rem;
}
.hisLeft dd {
    color: #000;
    font-weight: normal;
    overflow: hidden;
    font-size: 1.4rem;
}
.hisItem .hisulist li:first-child {
    width: 50%;
}
.future {
    text-align: right;
    font-size: 1.5rem;
    color: #005b89;
    margin-bottom: 20px;
}
.hisLast {
    margin-bottom: 0;
}
/***history***/
/*question***/
.quanBox {
    margin: 30px 0 0;
}
.hdqan {
    font-weight: bold;
    font-size: 1.4rem;
    color: #005b92;
    box-sizing: border-box;
    position: relative;
    line-height: 1.5;
    margin-bottom: 12px;
    padding: 0 0 10px 45px;
}
.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: 1.5rem;
    font-weight: bold;
    content: 'Q';
    width: 31px;
    height: 31px;
}
.hsqan {
    font-size: 1.4rem;
    color: #000;
    box-sizing: border-box;
    position: relative;
    line-height: 1.5;
    margin-bottom: 30px;
    padding: 0 0 10px 45px;
    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: 1.5rem;
    font-weight: bold;
    content: 'A';
    width: 31px;
    height: 31px;
}
.quanmab {
    margin-bottom: 10px;
}
.quanmar {
    margin-bottom: 20px;
}
/***question***/
/***privacy***/
.privaIhd {
    margin: 20px auto 35px;
}
.pri01 {
    font-size: 1.4rem;
    color: #000;
    line-height: 1.7;
    margin-bottom: 15px;
    font-weight: normal;
}
.pri02 {
    font-size: 1.4rem;
    color: #000;
    line-height: 1.7;
    font-weight: bold;
}
/***privacy***/
.webIhd {
    margin: 20px 0;
}
.webwrap {
    margin-bottom: 60px;
}
.wemabItem {
    margin: 40px 0 30px;
}
.webList {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bebebe;
}
.webList ul {}
.webList ul li {
    margin-bottom: 15px;
}
.webList .speul li {
    margin-bottom: 10px;
}
.webList .speul li a {
    color: #4d4d4d;
    font-weight: normal;
    font-size: 1.4rem;
}
.webList .speul li:first-child a {
    color: #005b90;
    font-size: 1.4rem;
    font-weight: bold;
}
.webList ul li a {
    color: #005b90;
    font-size: 1.4rem;
    font-weight: bold;
}
.webList ul li a:hover {
    text-decoration: underline;
    transition: all 0.5s;
}
.telsecond ul {
    float: left;
    width: 50%;
}
.telsecond ul:first-child {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bebebe;
}
.telsecond ul:nth-child(2) {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bebebe;
}
.webList ul .welab {
    margin-bottom: 0;
}
.reseaBox {
    background-color: #e6f8ff;
    padding: 35px 0;
    margin: 0 0 35px;
}
.resaItem {
    margin: 20px 0 0;
}
.resaLeft {
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin-bottom: 60px;
}
.resaLeft img {
    width: 100%;
}
.resaHdl {
    text-align: center;
    font-size: 1.4rem;
    color: #005b91;
    margin: 12px 0 5px;
}
.resainfo {
    line-height: 1.5;
    font-weight: normal;
    font-size: 1.4rem;
}
.resaHds {
    font-size: 1.4rem;
    color: #005b91;
    margin: 5px 0 10px;
    text-align: center;
}
.resaHdf {
    font-size: 1.4rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.koItem .resaInfos {
    line-height: 1.5;
    font-size: 1.4rem;
}
.chItem .koLeft {
    float: none;
    width: 100%;
    margin-right: 0;
}
.chItem {
    margin: 0 0 30px;
}
.chItems {
    margin-top: 25px;
}
.nendo {
    font-size: 1.4rem;
    margin-top: 0.5em;
    margin-bottom: -1em;
    text-align: center;
}
.bn_area {
    margin: 0 auto;
}
.bn_area {
    width: 85%;
    height: auto;
}
span.fax {
    pointer-events: none;
}