@charset "UTF-8";
/*
 * layout.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */

/* !wrapper
---------------------------------------------------------- */
#wrapper {
    
}

/* !header
---------------------------------------------------------- */
#header {
    background-color:#fff;
    position: fixed;
    width: 100%;
    z-index: 998;
    top: 0;
}

#headerIn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 auto;
}
#headerLogo {
    float: left;
    width: 58%;
}
#headerLogo a{
    display: flex;
    align-items: center;
}



#headerLinks{
    position: absolute;
    top: 0;
    right: 0;
}

.btnMenu a {
    display: block;
    width: 100px;
    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;
}

.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;
}
/* !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;
}
#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 .english{
   /* display: none; */
   margin-top:1em;
   font-weight:normal;
}

/*#gNavi li .english::before{
	content:"language :";
	margin-right:0.5em;
}*/

.english:after{
	position: absolute;
	top: 0;
	left: 130px;
	bottom: 0;
	margin: auto;
	content: '';
	width:16px;
	height: 17px;
	background: url('../img/icon_earth.png')no-repeat; 
}


    
/* !mainVisual
---------------------------------------------------------- */

.taC{
    text-align: center!important;
}
/* !mainVisual
---------------------------------------------------------- */
#mainVisual {
  width: 100%;
  position: relative;
  height: 185px;
}
#mainVisual .mainSlider {
  width: 100%;
  position: relative;
  height: 185px;
  overflow: hidden;
}

#mainVisual .mainSliderItem {
    width: 100%;
    height: 185px;
    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: 20px;
    margin: auto;
    height: 40px;
}
#mainVisual .mainBoxInner {
 max-width:1020px;
 width: 100%;
 box-sizing: border-box;
 padding: 0 10px;
 margin: 0 auto;
 text-align: left;
}
#mainVisual .mainBox p{
  color:  #fff;
  font-size: 1.5rem;
  letter-spacing: 7px;
}
#mainVisual .mainBox .black p {
    color: #000;
}


@-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;
}
/* !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:15px 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.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: #f0f0f0;
    padding: 10px;
    margin: 17px auto 50px;
}
.imHdm{
    background: url('../img/importance.png')no-repeat;
    color: #b5272d;
    padding-left: 35px;
    line-height: 1.8;
    font-size: 1.4rem;
    font-weight: bold;
}
.importItem a{
    font-weight: normal;
    font-size: 1.4rem;
}

.newPic{
background-color: #005b93;
padding-bottom: 10px;
}

.newPic ul li{
    position: relative;
    margin-bottom: 15px;
}
.newPic ul li:first-child{
    margin-bottom: 20px;
}
.newPic ul li:first-child img{
    width: 100%;
}
.newPic ul li img{
    width: 50%;
}
.newPic ul li .abox {
    background-color: #fff;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 50%;
    padding: 30px 10px 0 22px;
    box-sizing: border-box;
    height: 100%;
}
.newPic ul li .abox .time{
    font-weight: normal; 
}
.newPic ul li .abox .tips a{
    color: #005b92;
    font-size: 1.4rem; 
    line-height: 1.8;
}

.newPic ul li .abox .tips span{
	display:inline-block;
	width:3.5em;
	background:#b5272d;
	color:#fff;
	text-align:center;
}

.newPic ul li .abox .time span {
    color: #666;
    font-weight: normal;
    position: absolute;
    bottom: 5px;
    left: 22px;
    display: block;
}
.newPic ul li:first-child .abox {
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 0 20px 10px;
    position: unset;
}
.newPic ul li:first-child h4{
    color: #005b92;
    font-size: 1.3rem;
    font-weight: bold; 
    padding-top: 10px;
}
.doct{
    border-top: 1px solid #808080;
}
.doct span{
    display: block;
    font-weight: normal;
    color: #666;
}
.doct span:first-child{
    padding-top: 8px;
}
.doct span:last-child{
   display: none;
}
.entry_title{
    position: relative;
    display: inline-block;
	margin-top:0.5em;
}

.entry_title a{
	width:100%;
}

.entry_title a::before{
	content:"◆";
	margin-right:0.5em;
}

.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;
}

.listUl{
    margin: 15px auto 17px;
}
.listUl ul{
    margin-left: -25px;
}


.listUl ul li{
    float: left;
    width: 50%;
    padding-left: 25px;
    box-sizing: border-box;
    margin-bottom: 25px;
	height: !important;
}

.listUl ul li img{
	height:auto;
}

.listUl ul li a{/*display: block;*/}
.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: 20px 0 0 7px;
}
.listhdl{
    font-size: 1.5rem;
}
.listhdl span{
	display:inline-block;
	width:3.5em;
	background:#b5272d;
	color:#fff;
	text-align:center;
	margin-left:0.5em;
}

.meta{
    font-size: 1.5rem;
	font-weight:normal;
}

.meta dt{
	margin-top:0.5em;
	border-top:1px solid #808080
}


.listInfo{
    display: none;
}
.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;
}
.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 */
}


/* !footer
---------------------------------------------------------- */
#footer {
    background-color: #f2f2f2;
    position: relative;
}

#footer .footerIn {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    padding: 20px 10px;
}
.footLeft{
    display: block;
    align-items: center;
    float: none;
}
.footLeft img{
    margin-bottom: 15px;
}
.footRight{
    display: none;
}  
#copyright {
    color: #fff;
    font-size: 1rem;
    text-align: center;
    font-weight: normal;
    background-color: #005b92;
    padding: 9px 0;
}
.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%;
}
.yoright{
    background-color: #005b92;
}
.yoright a {
    color: #fff;
    font-size: 1.4rem;
    box-sizing: border-box;
    display: block;
    z-index: 99;
    position: relative;
    padding: 8px 0 8px 15px;
}
.yoright p:first-child{
    margin-bottom: 10px;
}
.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.png)no-repeat;
    width: 16px;
    height: 16px;
}
.jytop{
    margin-bottom: 30px;
}

.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;
}


/***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.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.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: 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.png') no-repeat center;
    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.png');
}
#kaiyo_enterprise #teaser {
    background-image: url('../img/business/img01.png');
}
#business_product #teaser {
    background-image: url('../img/business_product/img01.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 {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 40px;
}
#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: 1.6rem;
    color: #005b92;
    text-align: center;
    padding: 10px 0 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;
}
.hdL:after{
    display: none;
}
.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～';
}

.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;
}