@charset "utf-8";


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

 .jap, .eng {
	display: none;
 }

@media screen and (min-width: 1201px){ 

 .title1 h1.viet {
	display: table-cell;
 }

}


/* --- Provisional --- */

.headervisual {
	flex-direction: row;
}

.headspace1, .headspace2 {
	width: 50%;
}

.headspace1 {
	order: 2;
}

.headspace2 {
	order: 1;
}

@media screen and (min-width: 781px){ 

 .head-rogo {
	 top: 0px;
 }

}

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


/*===============================================
œheader
===============================================*/


/*===============================================
œfooter
===============================================*/

/*===============================================
œƒgƒbƒvƒy[ƒW
===============================================*/
/*===============================================
ZƒXƒ‰ƒCƒhƒVƒ‡[
===============================================*/
@media screen and (min-width: 781px){ 

 .bx-wrapper .bx-caption {	
	bottom: 75px;
 }
 
}

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

 .bx-wrapper .bx-caption span {	
	text-align: left;
 }
 
}


/*===============================================
Zƒgƒbƒvƒy[ƒW
===============================================*/
.loading span.text {
	top: 20px;
}

@media screen and (min-width: 781px) and (max-width: 900px){ 

 .in h1 {	
	font-size: 20px;
 }
 
}


/*===============================================
œ‰οŽΠˆΔ“ΰ
===============================================*/

/*===============================================
Z‰οŽΠŠT—v
===============================================*/
@media screen and (min-width: 781px){ 

 .profile{
	font-size: 14px;
 }
 
 .profile dt{
	width: 25%;
 }

 .profile dd{
	/*width: 71.8%;*/
	margin-left : 25%;
 }

}

@media screen and (min-width: 481px) and (max-width: 780px){

 .profile{
	font-size: 13px;
	margin: 0 10px;
 }

 .profile dt{
	width: 30%;
 } 

 .profile dd{
	margin-left : 30%;
 }

}


/*===============================================
ZŽ–‹ΖŠT—v
===============================================*/
 .business .img {
	padding: 33% 0;
 }


/*===============================================
Z‰ˆŠv
===============================================*/
@media screen and (min-width: 1201px){ 

 .history div div {
	width: 75%;
 }

}

@media screen and (min-width: 1001px) and (max-width: 1200px){ 

 .history div div {
	width: 80%;
 }

}

@media screen and (min-width: 481px) and (max-width: 1000px){ 

 .history div div {
	width: 70%;
 }

}

@media screen and (min-width: 781px){ 

 .history div dl dt {
	font-weight: bold;
	width: 80px;
 }


 .history div dl dd {
	margin-left: 80px;
 }

 .history dl {
	margin: 0 0 27px -100px;
 }

 .history div dl dd:after {
	left: 17px;
 }

 .history div h3 {
  	font-size: 21px;
 }
  
}

@media screen and (min-width: 481px) and (max-width: 780px){

 .history div dl{
	margin: 0 0 25px -74px;
 }
 
 .history div dl dt{
	width: 65px;
 }

 .history div dl dd{
	margin-left: 45px;
 }

}

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

 .history div dl dt{
	width: 70px;
 }

 .history div dl dd{
	margin-left: 55px;
 }

}


/*===============================================
ZŠέ’n
===============================================*/
 .maps a {
	/*padding: 10px;*/
	padding: 10px 15px;
 }

@media screen and (min-width: 781px){ 

 .address {
	position:relative;
	top: 0px;
 }

 .address:after {
	top: 115px;
 }

 .address div:before {
	top: 110px;
 }

}

@media screen and (min-width: 481px) and (max-width: 780px){

 #address {
	padding-top: 0px;
 }

}

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

 #address p {
	width: 65%;
	margin: 0 auto;
	text-align: left;
 }

}


/*===============================================
œ“–ŽΠ‚Μ‹­‚έ
===============================================*/
@media screen and (min-width: 781px){ 

 .strength h1 {
	font-size: 24px;
 }

}



/*===============================================
œ»•iEƒT[ƒrƒXΠ‰ξ
===============================================*/
@media screen and (min-width: 781px){ 

 .protxt {
	width: 42%;
 }

 .protxt h1 {
	font-size: 26px;
 }

}

@media screen and (min-width: 481px){ 

 .protxt {
	margin-left: 3%;
 }

 .protxt ul.txt {
	right: 20px;
 }

}

/*===============================================
›Œ^
===============================================*/
 .type {
	margin-top: 15px;
 }


/*===============================================
‹@ŠB•Κ
===============================================*/

/*===============================================
›ƒXƒNƒŠƒ…[
===============================================*/
 .screw-fig .img {
	padding: 15% 0;
 }


/*===============================================
œ“–ŽΠ“±“όŽ–—α
===============================================*/

/*===============================================
›”ό“y—’ŠΩ
===============================================*/

 .midori-list ul li {
	/*font-family: "MS PGothic";*/
	font-weight: normal;
 }

 .midori-list ul li.decorat {
	font-weight: bold;
 }

@media screen and (min-width: 1201px){ 

 .midori-bg {
	width: 80%;
	margin: 0 auto;
 }

 .midori-list {
	width: 405px;
 }

 .list table, .list table th, .list table tr td {
	width: 411px;
 }

}

@media screen and (min-width: 1030px) and (max-width: 1055px){ 
 .midori-list {
	width: 360px;
 }
}

@media screen and (min-width: 985px) and (max-width: 1030px){ 
 .midori-list {
	width: 360px;
 }
}

@media screen and (min-width: 810px) and (max-width: 850px){ 
 .midori-list {
	width: 360px;
 }
}

@media screen and (min-width: 780px) and (max-width: 810px){ 
 .midori-list {
	width: 360px;
 }
}

@media screen and (min-width: 781px){ 

 .midori-list ul {
	padding-left: 10px;
 }

 .midori-list ul li {
	/*padding: 7px;
	font-size: 16px;*/
	padding: 3.8px 0;
	font-size: 15px;
 }

}

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

 .midori .fixed .prec-text {
	margin: -7% auto 0;
 }

 .fixed + .list {
	margin-top: 90%;
 }

}


/*===============================================
œƒJƒ^ƒƒOƒ_ƒEƒ“ƒ[ƒh
===============================================*/
 /*.download {
	margin: 0 auto;
 }*/