html {
   -webkit-text-size-adjust: none;
}
@media screen and (min-width: 360px) {
  * { -webkit-text-size-adjust: none; }
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}


.tab-y-hide{display:inline-block;}
.tab-y-show{display:none;}

.tab-t-hide{display:inline-block;}
.tab-t-show{display:none;}

.sp-y-hide{display:inline-block;}
.sp-y-show{display:none;}

.sp-t-hide{display:inline-block;}
.sp-t-show{display:none;}



/*PC幅狭から細かく文字サイズを設定*/

@media only screen and (min-width: 1601px) and (max-width: 1680px) {    
html, body {font-size: 0.9523809vw; /* =16px */  }     
}
@media only screen and (min-width: 1501px) and (max-width: 1600px) {    
html, body {font-size: 1.0vw; /* =16px */  }     
}
@media only screen and (min-width: 1401px) and (max-width: 1500px) {    
html, body {font-size: 1.0666666vw; /* =16px */  }     
}
@media only screen and (min-width: 1301px) and (max-width: 1400px) {    
html, body {font-size: 1.1428571vw; /* =16px */  }     
}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {    
html, body {font-size: 1.2307692vw; /* =16px */  }     
}
@media only screen and (min-width: 1101px) and (max-width: 1200px) {    
html, body {font-size: 1.333333vw; /* =16px */  }     
}
@media only screen and (min-width: 1001px) and (max-width: 1100px) {    
html, body {font-size: 1.454545vw; /* =16px */  }     
}
@media only screen and (min-width: 960px) and (max-width: 1000px) {    
html, body {font-size: 1.6vw; /* =16px */  }     
}
@media only screen and (min-width: 768px) and (max-width: 959px) {    
html, body {font-size: 1.6vw; /* =16px */}	    
}
@media only screen and (min-width: 621px) and (max-width: 767px) {    
html, body {font-size: 2.2vw; /* =17px */}	    
}
@media only screen and (max-width: 620px) {    
html, body {font-size: 3.75vw; /* =23px */ }
}

/*タブレット横*/

@media only screen and (min-width: 960px) and (max-width: 1300px) {

    

/* Content
-------------------------------------------- */    
.content .wrap-content .divided-content .divid-leftimg{
    display: block;
    float: left;
    width: 54.8%;
}
.content .wrap-content .divided-content .divid-leftimg-side{
    display: block;
    position: relative;
    float: left;
    width: 40.2%;
    margin-left: 5%;
    margin-right: 0%;
}
.content .wrap-content .divided-content .divid-rightimg{
    display: block;
    float: right;
    width: 54.8%;
}
.content .wrap-content .divided-content .divid-rightimg-side{
    display: block;
    position: relative;
    float: left;
    width: 40.2%;
    margin-left: 0%;
    margin-right: 5%;    
}    
/* Contact message
-------------------------------------------- */    
.content.contact-message{
    background-attachment:scroll;
}     
}

/*タブレット縦*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    
 
.sp-y-hide{display:none;}
.sp-y-show{display:inline-block;}    
    

/* Header
-------------------------------------------- */
header {
    background-color: rgba(255,255,255,0.95);
}    
header .wrap-header{
	padding: 3% 0 3% 0;
}    
header .wrap-header #logo {
	float: none;
    width: 100%;
}
header .wrap-header  #logo a{
    text-align: center;
}
header .wrap-header #logo a h1.main{
	font-size:0.9375rem; 
	padding: 0% 0% 0% 0%;  
    font-weight: normal;
    color:#1d208a;
    line-height: 1.3;
}
header .wrap-header #logo a .logo-img{
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
}    
/* Navigation
-------------------------------------------- */
nav {
	display: none;
}
/* Head Contact
-------------------------------------------- */
.contact-btn-wrap {
	display: none;
}
/* Content
-------------------------------------------- */
.content .wrap-content .general-content{
    padding-top: 9%;
    padding-bottom: 9%;
}
.content .wrap-content .divided-content{
    padding-top: 6%;
    padding-bottom: 6%;
}
.content .wrap-content .top-news-content{
    padding-top: 9%;
    padding-bottom: 9%;
}    
.content .wrap-content .general-content-btn-wrap{
    text-align: center;
    padding-top: 6%;
    width: 100%;
    max-width: 200px;
}    
.content .wrap-content .triple-box-wrap .triple-box{
    width: 50.00%;
    padding: 0 1.9% 5% 1.9%;    
}    

.content .wrap-content .divided-content .divid-leftimg{
    width: 50%;
}
.content .wrap-content .divided-content .divid-leftimg-side{
    width: 47%;
    margin-left: 3%;
    margin-right: 0%;
}
.content .wrap-content .divided-content .divid-rightimg{
    width: 50%;
}
.content .wrap-content .divided-content .divid-rightimg-side{
    width: 47%;
    margin-left: 0%;
    margin-right: 3%;    
}
.content .wrap-content .divided-content .divid-side-content .side-content-title{
    padding-bottom: 4%;    
}
.content .wrap-content .divided-content .divid-side-content .side-content-desc{
    padding-bottom: 7%;    
}    
.content .wrap-content .divided-content .divid-side-content .side-content-btn .content-btn-wrap {
    width: 100%;
    max-width: 200px;
}    
      
    
/* Top news
-------------------------------------------- */
.content .wrap-content .top-news-content .news-list-wrap{
    float: none;
    width: 100%;
    text-align: left;
    padding-bottom: 6%;    
}    
.content .wrap-content .top-news-content .top-news-title-wrap{
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding-bottom: 6%;
}    
.content .wrap-content .top-news-content .news-list-wrap .news-box-wrap .news-box .arrow-area{
    width: 25px;
    height: 25px;
    top: 50%;
    right: 0px;  
}    
 
/* Top map
-------------------------------------------- */
.content .wrap-content .access-map-wrap{
    position:relative;
    width: 100%;
    height: 0;
    padding-top:80%;
}
/* Contact message
-------------------------------------------- */
.content.contact-message{
    background-attachment:scroll;
} 
.message-contact-wrap{
	position:relative;
	height: 600px;    
}    
.message-contact{
    text-align: center;
}
.message-contact .title{
    padding: 0 0 4% 0;
}    
.message-contact .desc{
    padding: 3% 8% 0 8%;
    text-align: left;
}
.message-contact .campany-info{
    padding: 2% 8% 0 8%;
    text-align: left;
}
.message-contact-btn-wrap{
	text-align: center;
    padding: 8% 0 0 0;
}
.message-contact-btn-wrap .message-contact-btn-wrap-inner{
    width: 100%;
    max-width: 200px;
}    
/* footer
-------------------------------------------- */     
footer .footer-content .footer-logo{
    width: 100%;
    max-width: 180px;
    padding: 6% 0 6% 0;   
}
/* to top
-------------------------------------------- */
.to-top-wrap a{
	width: 40px;
	height: 40px;
    border-radius: 20px;
}         
    
/* and
-------------------------------------------- */
.content.ready {
	padding-top: 12%;
}    
.content .wrap-content .content-title {
	padding-bottom: 10%;
}
.content .wrap-content .content-title .page-intro {
    padding: 10% 0 0 0;
}   
.content .wrap-content .page-top-content {
    padding-top: 12%;
    padding-bottom: 0%;
}
.content .wrap-content .page-divided-content {
	padding-top: 8%;
	padding-bottom: 8%;
} 
/* Page divided content 
-------------------------------------------- */ 
.content .wrap-content .page-divided-content .left-content-title-wrap {
    float: none;
    width: 100%;
    margin-right: 0%;
    text-align: center;
}
.content .wrap-content .page-divided-content .right-content-wrap {   
    float: none;
    width: 100%;
}
.content .wrap-content .page-divided-content .right-content-title-wrap {    
    float: none;
    width: 100%;
    margin-left: 0%;
    text-align: center;
}
.content .wrap-content .page-divided-content .left-content-wrap {   
    float: none;
    width: 100%;
}

.content .wrap-content .page-divided-content .adjustment-box{
    position: relative;
    width: 100%;
    top:auto;
    left:auto;
	transform: translateY(0%) translateX(0%);
    -webkit- transform: translateY(0%) translateX(0%);    
}

/* content title */
.content .wrap-content .page-divided-content .page-content-title{
    text-align: center;
    padding-bottom: 6%;
}
.content .wrap-content .page-divided-content .page-content-title .title-img{
    width: 25%;
    padding-bottom: 3%;
    margin: 0 auto;
}
.content .wrap-content .page-divided-content .page-content-title .en {
    font-size: 2.5rem;

}

/* business under page
-------------------------------------------- */    
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span{
    display: block;
    margin-top: 1%;
    margin-bottom: 1.5%;
}
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style01,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style01 + span,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style02,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style02 + span,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style03,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style03 + span,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style04,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style04 + span{
    width: 100%;
}     
/* history style */
.histry-wrap{
	width: 100%;
}   
/* page map */
.content .wrap-content .page-divided-content .content-map-wrap .page-access-map-wrap {
    padding-top:80%;
    margin-bottom: 5%;    
}     
    
    
}

/*スマホ横*/

@media only screen and (min-width: 620px) and (max-width: 767px) {
    
.sp-y-hide{display:none;}
.sp-y-show{display:inline-block;}    
    

/* Header
-------------------------------------------- */
header {
    background-color: rgba(255,255,255,0.95);
}    
header .wrap-header{
	padding: 3% 0 3% 0;
}    
header .wrap-header #logo {
	float: none;
    width: 100%;
}
header .wrap-header  #logo a{
    text-align: center;
}
header .wrap-header #logo a h1.main{
	font-size:0.9375rem; 
	padding: 0% 0% 0% 0%;  
    font-weight: normal;
    color:#1d208a;
    line-height: 1.3;
}
header .wrap-header #logo a .logo-img{
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
}    
/* Navigation
-------------------------------------------- */
nav {
	display: none;
}
/* Head Contact
-------------------------------------------- */
.contact-btn-wrap {
	display: none;
}
/* Content
-------------------------------------------- */
.content .wrap-content .general-content{
    padding-top: 12%;
    padding-bottom: 12%;
}
.content .wrap-content .divided-content{
    padding-top: 8%;
    padding-bottom: 8%;
}
.content .wrap-content .top-news-content{
    padding-top: 12%;
    padding-bottom: 12%;
}    
.content .wrap-content .general-content-btn-wrap{
    text-align: center;
    padding-top: 6%;
    width: 100%;
    max-width: 200px;
}    
.content .wrap-content .triple-box-wrap .triple-box{
    width: 50.00%;
    padding: 0 1.9% 5% 1.9%;    
}    

.content .wrap-content .divided-content .divid-leftimg{
    width: 50%;
}
.content .wrap-content .divided-content .divid-leftimg-side{
    width: 47%;
    margin-left: 3%;
    margin-right: 0%;
}
.content .wrap-content .divided-content .divid-rightimg{
    width: 50%;
}
.content .wrap-content .divided-content .divid-rightimg-side{
    width: 47%;
    margin-left: 0%;
    margin-right: 3%;    
}
.content .wrap-content .divided-content .divid-side-content .side-content-title{
    padding-bottom: 4%;    
}
.content .wrap-content .divided-content .divid-side-content .side-content-desc{
    padding-bottom: 7%;    
}    
.content .wrap-content .divided-content .divid-side-content .side-content-btn .content-btn-wrap {
    width: 100%;
    max-width: 200px;
}    
      
    
/* Top news
-------------------------------------------- */
.content .wrap-content .top-news-content .news-list-wrap{
    float: none;
    width: 100%;
    text-align: left;
    padding-bottom: 6%;    
}    
.content .wrap-content .top-news-content .top-news-title-wrap{
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding-bottom: 6%;
}    
.content .wrap-content .top-news-content .news-list-wrap .news-box-wrap .news-box .arrow-area{
    width: 25px;
    height: 25px;
    top: 50%;
    right: 0px;  
}    
 
/* Top map
-------------------------------------------- */
.content .wrap-content .access-map-wrap{
    position:relative;
    width: 100%;
    height: 0;
    padding-top:100%;
}
/* Contact message
-------------------------------------------- */
.content.contact-message{
    background-attachment:scroll;
}    
.message-contact-wrap{
	position:relative;
	height: 600px;    
}    
.message-contact{
    text-align: center;
}
.message-contact .title{
    padding: 0 0 4% 0;
}    
.message-contact .desc{
    padding: 3% 8% 0 8%;
    text-align: left;
}
.message-contact .campany-info{
    padding: 2% 8% 0 8%;
    text-align: left;
}
.message-contact-btn-wrap{
	text-align: center;
    padding: 8% 0 0 0;
}
.message-contact-btn-wrap .message-contact-btn-wrap-inner{
    width: 100%;
    max-width: 200px;
}    
/* footer
-------------------------------------------- */     
footer .footer-content .footer-logo{
    width: 100%;
    max-width: 180px;
    padding: 6% 0 6% 0;   
}
/* to top
-------------------------------------------- */
.to-top-wrap a{
	width: 40px;
	height: 40px;
    border-radius: 20px;
}     
    

    
        
/* and
-------------------------------------------- */
.content.ready {
	padding-top: 16%;
}    
.content .wrap-content .content-title {
	padding-bottom: 10%;
}
.content .wrap-content .content-title .page-intro {
    padding: 10% 0 0 0;
}   
.content .wrap-content .page-top-content {
    padding-top: 12%;
    padding-bottom: 0%;
}
.content .wrap-content .page-divided-content {
	padding-top: 8%;
	padding-bottom: 8%;
}    
/* Page divided content 
-------------------------------------------- */ 
.content .wrap-content .page-divided-content .left-content-title-wrap {
    float: none;
    width: 100%;
    margin-right: 0%;
    text-align: center;
}
.content .wrap-content .page-divided-content .right-content-wrap {   
    float: none;
    width: 100%;
}
.content .wrap-content .page-divided-content .right-content-title-wrap {    
    float: none;
    width: 100%;
    margin-left: 0%;
    text-align: center;
}
.content .wrap-content .page-divided-content .left-content-wrap {   
    float: none;
    width: 100%;
}

.content .wrap-content .page-divided-content .adjustment-box{
    position: relative;
    width: 100%;
    top:auto;
    left:auto;
	transform: translateY(0%) translateX(0%);
    -webkit- transform: translateY(0%) translateX(0%);    
}

/* content title */
.content .wrap-content .page-divided-content .page-content-title{
    text-align: center;
    padding-bottom: 6%;
}
.content .wrap-content .page-divided-content .page-content-title .title-img{
    width: 30%;
    padding-bottom: 3%;
    margin: 0 auto;
}
.content .wrap-content .page-divided-content .page-content-title .en {
    font-size: 2.5rem;

}

/* software
-------------------------------------------- */ 
.language-list-wrap .language-list-box{
    width: 25%;
}   
.language-list-wrap .language-list-box .language-list:last-child {
    margin-bottom: 0%;
}    
/* business under page
-------------------------------------------- */ 
.content .wrap-content .page-divided-content .business-content-wrap > div{
    margin-bottom: 4%;
}
.content .wrap-content .page-divided-content .business-content-wrap .content-block{
    margin-bottom: 4%;
}
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-block-title{
    margin-bottom: 2%;
}
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box{
    padding: 3% 4% 3% 4%;
    margin-bottom: 2%;
}    
    
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span{
    display: block;
    margin-top: 1%;
    margin-bottom: 2%;
}
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style01,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style01 + span,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style02,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style02 + span,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style03,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style03 + span,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style04,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style04 + span{
    width: 100%;
}   
 

/* table style */
table.table-style01 th{
    padding: 2.7% 2% 2.7% 2%;
    width: 23%;
}
table.table-style01 td{
    padding: 2.7% 2% 2.7% 2%;
}
/* history style */
.histry-wrap{
	width: 100%;
}   
/* page map */
.content .wrap-content .page-divided-content .content-map-wrap .page-access-map-wrap {
    padding-top:100%;
    margin-bottom: 5%;    
}    

/* Page news
-------------------------------------------- */    
.content .wrap-content .page-news-content .top-news-title-wrap{
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding-bottom: 6%;
}    
.content .wrap-content .page-news-content .news-list-wrap .news-box-wrap .news-box .arrow-area{
    width: 25px;
    height: 25px;
    top: 50%;
    right: 0px;  
}    

/* news post content
-------------------------------------------- */     
.postpaging-wrap{
    padding: 14% 0 4% 0;
    font-size:0.9375rem;    
}    

/* page contact
-------------------------------------------- */     
.contact-form-content .form-table div.title{
    width: 100%;
    float: none;
	padding:1.3% 0% 1.3% 0%;
}
.contact-form-content .form-table div.body{
    width: 100%;
    float: none;
}    
input[type="text"],input[type="email"]{
	padding: 2.3% 1.3% 2.3% 1.3%;
}
textarea{
	padding: 2.3% 1.3% 2.3% 1.3%;
}    
.contact-form-content .form-desc{
    margin-top: 5%;
    padding: 5% 5% 5% 5%;  
}
.error-form-desc{
    margin-top: 5%;
    padding: 5% 5% 5% 5%;  
}   
.confirm-form-desc{
    margin-top: 5%;
    padding: 5% 5% 5% 5%;  
}
    
}



/*スマホ縦*/

@media only screen and (max-width: 619px) {

.sp-t-hide{display:none;}
.sp-t-show{display:inline-block;}    
    

/* Header
-------------------------------------------- */
header {
    background-color: rgba(255,255,255,0.95);
}    
header .wrap-header{
	padding: 3% 0 3% 0;
}    
header .wrap-header #logo {
	float: none;
    width: 100%;
}
header .wrap-header  #logo a{
    text-align: center;
}
header .wrap-header #logo a h1.main{
	font-size:0.9375rem; 
	padding: 0% 0% 0% 0%;  
    font-weight: normal;
    color:#1d208a;
    line-height: 1.3;
}
header .wrap-header #logo a .logo-img{
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
}    
/* Navigation
-------------------------------------------- */
nav {
	display: none;
}
/* Head Contact
-------------------------------------------- */
.contact-btn-wrap {
	display: none;
}
/* Content
-------------------------------------------- */
.content .wrap-content .general-content{
    padding-top: 12%;
    padding-bottom: 12%;
}
.content .wrap-content .divided-content{
    padding-top: 12%;
    padding-bottom: 8%;
}
.content .wrap-content .top-news-content{
    padding-top: 12%;
    padding-bottom: 12%;
}    
.content .wrap-content .general-content-btn-wrap{
    text-align: center;
    padding-top: 6%;
    width: 100%;
    max-width: 200px;
}    
.content .wrap-content .triple-box-wrap .triple-box{
    float: none;    
    width: 100.00%;
    padding: 0 0% 5% 0%;
}    
    
.content .wrap-content .divided-content .divid-leftimg{
    float: none;
    width: 100.0%;
}    
.content .wrap-content .divided-content .divid-leftimg-side{
    float: none;
    width: 100.0%;
    margin-left: 0%;
    margin-right: 0%;
}
.content .wrap-content .divided-content .divid-rightimg{
    float: none;
    width: 100.0%;
}
.content .wrap-content .divided-content .divid-rightimg-side{
    float: none;
    width: 100.0%;
    margin-left: 0%;
    margin-right: 0%;    
}
.content .wrap-content .divided-content .divid-side-content{
    position: relative;
    top: auto;
    left: auto;
    transform: translateY(0%) translateX(0%);
    -webkit- transform: translateY(0%) translateX(0%); 
    width: 100%;
}    
.content .wrap-content .divided-content .divid-side-content .side-content-desc{
    text-align: left;
    padding: 6% 5% 6% 5%;
    font-size: 0.875rem;   
}    
.content .wrap-content .divided-content .divid-side-content .side-content-btn{
    text-align: center;   
}
.content .wrap-content .divided-content .divid-side-content .side-content-btn .content-btn-wrap {
	float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 200px;
}    
    
/* Top news
-------------------------------------------- */
.content .wrap-content .top-news-content .news-list-wrap{
    float: none;
    width: 100%;
    text-align: left;
    padding-bottom: 6%;    
}    
.content .wrap-content .top-news-content .top-news-title-wrap{
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding-bottom: 6%;
}    
.content .wrap-content .top-news-content .news-list-wrap .news-box-wrap .news-box .arrow-area{
    width: 25px;
    height: 25px;
    top: 50%;
    right: 0px;  
}    
.content .wrap-content .top-news-content .news-list-wrap .news-box-wrap .news-box .date-area{
    width: 24%;
} 
.content .wrap-content .top-news-content .news-list-wrap .news-box-wrap .news-box .post-area{
    width: 68%;    
}    
/* Top map
-------------------------------------------- */
.content .wrap-content .access-map-wrap{
    position:relative;
    width: 100%;
    height: 0;
    padding-top:130%;
}
/* Contact message
-------------------------------------------- */  
.content.contact-message{
    background-attachment:scroll;
}    
.message-contact{
    text-align: center;
}
.message-contact .title{
    padding: 0 0 4% 0;
}    
.message-contact .desc{
    padding: 3% 8% 0 8%;
    text-align: left;
}
.message-contact .campany-info{
    padding: 2% 8% 0 8%;
    text-align: left;
}
.message-contact-btn-wrap{
	text-align: center;
    padding: 8% 0 0 0;
}
.message-contact-btn-wrap .message-contact-btn-wrap-inner{
    width: 100%;
    max-width: 200px;
}    
/* footer
-------------------------------------------- */     
footer .footer-content .footer-logo{
    width: 100%;
    max-width: 180px;
    padding: 6% 0 6% 0;   
}
/* to top
-------------------------------------------- */
.to-top-wrap a{
	width: 40px;
	height: 40px;
    border-radius: 20px;
}
    
    
    
/* and
-------------------------------------------- */
.content.ready {
	padding-top: 20%;
}    
.content .wrap-content .content-title {
	padding-bottom: 10%;
}
.content .wrap-content .content-title .page-intro {
    padding: 10% 0 0 0;
}   
.content .wrap-content .page-top-content {
    padding-top: 12%;
    padding-bottom: 0%;
}
.content .wrap-content .page-divided-content {
	padding-top: 8%;
	padding-bottom: 8%;
}    
/* Page divided content 
-------------------------------------------- */ 
.content .wrap-content .page-divided-content .left-content-title-wrap {
    float: none;
    width: 100%;
    margin-right: 0%;
    text-align: center;
}
.content .wrap-content .page-divided-content .right-content-wrap {   
    float: none;
    width: 100%;
}
.content .wrap-content .page-divided-content .right-content-title-wrap {    
    float: none;
    width: 100%;
    margin-left: 0%;
    text-align: center;
}
.content .wrap-content .page-divided-content .left-content-wrap {   
    float: none;
    width: 100%;
}

.content .wrap-content .page-divided-content .adjustment-box{
    position: relative;
    width: 100%;
    top:auto;
    left:auto;
	transform: translateY(0%) translateX(0%);
    -webkit- transform: translateY(0%) translateX(0%);    
}

/* content title */
.content .wrap-content .page-divided-content .page-content-title{
    text-align: center;
    padding-bottom: 10%;
}
.content .wrap-content .page-divided-content .page-content-title .title-img{
    width: 50%;
    padding-bottom: 7%;
    margin: 0 auto;
}
.content .wrap-content .page-divided-content .page-content-title .en {
    font-size: 2.5rem;

}

/* software
-------------------------------------------- */ 
.language-list-wrap .language-list-box{
    width: 33.33%;
}   
.language-list-wrap .language-list-box .language-list:last-child {
    margin-bottom: 0%;
}    
/* business under page
-------------------------------------------- */ 
.content .wrap-content .page-divided-content .business-content-wrap > div{
    margin-bottom: 6%;
}
.content .wrap-content .page-divided-content .business-content-wrap .content-block{
    margin-bottom: 6%;
}
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-block-title{
    margin-bottom: 4%;
}
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box{
    padding: 5% 5% 5% 5%;
    margin-bottom: 4%;
}    
    
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span{
    display: block;
    margin-top: 3%;
    margin-bottom: 3%;
}
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style01,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style01 + span,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style02,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style02 + span,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style03,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style03 + span,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style04,
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-title span.wide-style04 + span{
    width: 100%;
}   
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-img-wrap span{
    max-width: 49%;
    width: 50%;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    text-align: center;
}
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-img-wrap.wrap02 span{
    max-width: 33.33%;
    width: 33.33%;
    padding-right: 1%;
    padding-left: 1%;
    text-align: center;
}    
.content .wrap-content .page-divided-content .business-content-wrap .content-block .content-inner-box .inner-box-img-wrap span:last-child{
    margin-right: 0%;
}   

/* table style */
table.table-style01 th{
    padding: 2.7% 2% 2.7% 2%;
    width: 23%;
}
table.table-style01 td{
    padding: 2.7% 2% 2.7% 2%;
}
/* history style */
.histry-wrap{
	width: 100%;
}   
/* page map */
.content .wrap-content .page-divided-content .content-map-wrap .page-access-map-wrap {
    padding-top:130%;
    margin-bottom: 10%;
}    

/* Page news
-------------------------------------------- */    
.content .wrap-content .page-news-content .top-news-title-wrap{
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding-bottom: 6%;
}    
.content .wrap-content .page-news-content .news-list-wrap .news-box-wrap .news-box .arrow-area{
    width: 25px;
    height: 25px;
    top: 50%;
    right: 0px;  
}    
.content .wrap-content .page-news-content .news-list-wrap .news-box-wrap .news-box .date-area{
    width: 24%;
} 
.content .wrap-content .page-news-content .news-list-wrap .news-box-wrap .news-box .post-area{
    width: 68%;    
}
/* news post content
-------------------------------------------- */     
.postpaging-wrap{
    padding: 14% 0 4% 0;
    font-size:0.9375rem;    
}    

/* page contact
-------------------------------------------- */     
.contact-form-content .form-table div.title{
    width: 100%;
    float: none;
	padding:1.3% 0% 1.3% 0%;
}
.contact-form-content .form-table div.body{
    width: 100%;
    float: none;
}    
input[type="text"],input[type="email"]{
	padding: 2.3% 1.3% 2.3% 1.3%;
}
textarea{
	padding: 2.3% 1.3% 2.3% 1.3%;
}    
.contact-form-content .form-desc{
    margin-top: 5%;
    padding: 5% 5% 5% 5%;  
}
.error-form-desc{
    margin-top: 5%;
    padding: 5% 5% 5% 5%;  
}   
.confirm-form-desc{
    margin-top: 5%;
    padding: 5% 5% 5% 5%;  
}    
    
}

/*スマホ縦幅広*/

@media only screen and (min-width: 480px) and (max-width: 619px) {
    
html, body {font-size: 2.9vw; /* =18px */ }    

}