@charset "utf-8";
@media screen and (max-width:1160px) {
	.cont{
		padding-left: 10px;
		padding-right: 10px;
	}
	.hoHiItem h3{
		font-size: 14px;
	}
	.nvPage{
		padding-left: 8%;
	}	
	
	
}
@media screen and (max-width:767px) {
	.scrolltop{
		bottom: 50px;
		right: 10px;
	}
	.scrolltop img{
		width: 40px;
	}
	.wrapHeader{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.wrapHeader.hdPage{
		padding-bottom: 15px;
	}
	.logo ul li{
		display: block;
	}
	.logo ul li:first-child{
		padding-right: 0;
		padding-bottom: 10px;
	}
	.iconSp{
		display: block;
	}
	.iconPc{
		display: none;
	}
	.iconSp ul{
		font-size: 0;
	}
	.iconSp ul li{
		display: inline-block;
		vertical-align: middle;
		margin-right: 8px;
	}
	.iconSp ul li:last-child{
		margin-right: 0;
	}
	.iconSp ul li a{
		color: #083459;
		font-size: 18px;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		border: 1px solid #083459;
		transition: ease all 0.35s;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.iconSp ul li a img{
		max-width: 20px;
		width: 100%;
	}
	/* .iconSp ul li:hover a{
		background-color: #083459;
		color: #fff;
	} */
	#navDefault{
		display: none;
	}
	.navSp{
		display: none;
		position: absolute;
		top: 79px;
		left: 0;
	}
	.navSp ul li{
		background-color: #F38F1E;
		width: 100%;
		float: left;
		border-bottom: 1px double #fff;
	}
	.navSp ul li:last-child{
		border-bottom: none;
	}
	.navSp ul li a{
		display: block;
		color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 15px;
		line-height: 160%;
		font-family: 'mincho',serif;
	}
	.navSp ul li a br{
		display: none;
	}
	#hoContent00{
		min-height: 500px;
		display: block;
	}
	#hoContenPc{
		display: none;
	}
	#hoContent00 h2{
		padding-left: 15px;
		padding-right: 15px;
		top: 60%;
	}
	#hoNews{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.titleNews h2 span.titleEn{
		font-size: 24px;
	}
	.titleNews h2 span.titleJp{
		font-size: 26px;
	}
	.tablNews table tr td{
		font-size: 14px;
		line-height: 140%;
		vertical-align: top;
		word-break: break-all;
	}
	.btnNews{
		padding-left: 0;
		text-align: center;
	}
	.hoIntroRows00{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	h2.titleStyle00{
		font-size: 26px;
	}
	.hoInTxtFull{
		font-size: 14px;
	}
	.hoIntroBg{
		background-position: right top 10px;
	}
	#hoCompany{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.hoCoIntro{
		font-size: 14px;
	}
	.hoCoRows{
		margin-top: 10px;
	}
	.hoCoBtn{
		padding-left: 0;
		text-align: center;
		padding-top: 20px;
	}
	.hoCoItem h3{
		font-size: 14px;
	}
	.hoHiBg{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.hoHiBtn{
		padding-left: 0;
		padding-top: 20px;
		text-align: center;
	}
	.hoTxt{
		font-size: 12px;
		padding-top: 20px;
		padding-bottom: 18px;
	}
	.flLeft{
		width: 100%;
		order: 1;
	}
	.ftRight{
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
		padding-bottom: 15px;
		text-align: center;
		order: 0;
	}
	.flLeft iframe{
		height: 200px;
	}
	span.addressFt{
		font-size: 14px;
	}
	.navFt ul{
		display: block;
	}
	.navFt ul li{
		float: left;
		width: 100%;
		text-align: center;
		border-bottom: 1px dotted #fff;
	}
	.navFt ul li:last-child{
		border-bottom: 0;
	}
	.navFt ul li a{
		padding-top: 10px;
		padding-bottom: 8px;
	}
	.ftRows01{
		padding-top: 20px;
	}
	.copyRight{
		padding-top: 20px;
	}
	.grid-1065{
		padding-left: 10px;
		padding-right: 10px;
	}
	.tablNews{
		padding-top: 15px;
	}
	.bannerCommon{
		bottom: 32%;
	}
	.inIntro{
		padding-top: 40px;
	}
	.inIntro span.inTxt01{
		font-size: 14px;
	
	}
	span.inTxt02{
		font-size: 14px;
		padding-top: 20px;
	}
	.inRows{
		margin-top: 25px;
	}
	.inRows_02{
		margin-top: 25px;
		margin-bottom: -25px;
	}
	.inItem{
		width: 46.3795%;
		margin-bottom: 30px;
	}
	.inItem:nth-child(2n){
		margin-right: 0;
	}
	.inItem img{
		display: block;
		margin: 0 auto;
	}
	.inItem table tr:first-child td{
		font-size: 18px;
	}
	.inItem table tr td{
		font-size: 14px;
	}
	.inBgWhile{
		padding: 40px 10px;
	}
	.inLeft{
		width: 100%;
		margin-right: 0;
	}
	.inLeft img{
		margin: 0 auto;
		display: block;
	}
	.inRight{
		width: 100%;
		margin-top: 30px;
	}
	.inLeft table tr:first-child td{
		font-size: 24px;
	}
	.inITitle,
	span.inFullTxt{
		padding-left: 8px;
		padding-right: 8px;
	}
	span.inFullTxt{
		font-size: 14px;
	}
	.inContent .modal-dialog{
		margin: 10px auto;
	}
	#introduction{
		padding-bottom: 30px;
	}
	#management{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.maItem span.titleStyle01{
		font-size: 20px;
		padding-bottom: 5px;
	}
	.maItemFullTxt{
		font-size: 14px;
		padding-top: 15px;
	}
	.maItem:first-child{
		margin-bottom: 30px;
	}
	.maItem{
		margin-bottom: 40px;
	}
	.maItem:last-child{
		margin-bottom: 0;
	}
	.maItemRowsChild{
		margin-top: 15px;
	}
	.maLeft{
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
	.maRight{
		width: 100%;
		margin-top: 10px;
	}
	.maItemRowsChild p{
		font-size: 14px;
	}
	.maItem:nth-child(3) .maLeft{
		order: 0;
		margin-left: 0;
	}
	.maItemTroTxt{
		font-size: 14px;
		padding-top: 20px;
	}
	.maItem table{
		margin-top: 15px;
	}
	.maItem table tr td{
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.maItem ul{
		margin-top: 20px;
	}
	.maItem ul li{
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.maItem ul li:last-child{
		margin-bottom: 0;
	}
	.maItem:last-child .maItemRowsChild{
		margin-top: 20px;
	}
	span.maItemTxtLast{
		font-size: 14px;
		margin-top: 20px;
	}
	span.ouTitle{
		font-size: 14px;
	}
	.ouItem{
		margin-bottom: 30px;
	}
	.ouRows{
		margin-top: 40px;
	}
	#our{
		padding-bottom: 10px;
	}
	.nwListRows{
		padding-top: 40px;
	}
	.nwItem{
		margin-bottom: 20px;
	}
	.nwTitle span.nwDate{
		font-size: 14px;
	}
	span.nwTitle00{
		font-size: 16px;
	}
	.nwText{
		font-size: 14px;
	}
	.inItem table tr:nth-child(2) td {
		height: auto;
	}
	span.addFt{
		font-size: 14px;
	}
	span.maImg{
		padding-top: 10px;
	}
	.maFullTxt{
		font-size: 14px;
	}
	.hoCoItem{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.hoCoItem:nth-child(2n){
		margin-right: 0;
	}

	.mContent01{
		padding-top: 40px;
	}
	.m01Left{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		text-align: center;
	}
	.m01Right{
		width: 100%;
	}
	.m01Right table tr td{
		font-size: 14px;
	}
	.m01Right table tr td:first-child{
		padding-left: 20px;
		width: 100px;
	}
	.mContent02{
		padding-top: 40px;
		margin-bottom: 40px;
	}
	span.iTTxt{
		font-size: 14px;
	}
	.m02Item:not(:last-child){
		margin-bottom: 20px;
	}

}

@media screen and (max-width:640px) {

}
@media screen and (max-width:580px) {
	.navSp{
		top: 77px;
	}
	.iconSp ul li a{
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 16px;
	}
	.tablNews table tr td{
		width: 100% !important;
		float: left;
		padding: 10px;
	}
	.tablNews table tr td:first-child{
		padding-bottom: 0;
		font-weight: bold;
	}
	.hoChild ul li,
	.hoHiChild ul li{
		width: 100% !important;
		text-align: center;
		margin-bottom: 15px;
	}
	.hoChild ul li:last-child,
	.hoHiChild ul li:last-child{
		margin-bottom: 0;
	}
	.hoCoItem{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.hoHiItem{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.hoHiItem:nth-child(2n){
		margin-right: 0;
	}
	.ftRight ul li{
		display: block;
	}
	.ftRight ul li:first-child{
		padding-right: 0;
		padding-bottom: 10px;
	}
	.logo ul li h1 {
		font-size: 10px;
	}
	.ouItem{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.ouItem:nth-child(2n){
		margin-right: 0;
	}
}
@media screen and (max-width:490px) {
	.wrapHeader{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.iconSp ul li a{
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 15px;
	}
	.iconSp ul li a img {
		max-width: 16px;
	}
	.iconSp ul li{
		margin-right: 2px;
	}
	.logo ul li:first-child img{
		max-width: 200px;
		width: 100%;
	}
	.logo ul li:first-child{
		padding-bottom: 5px;
	}
	.navSp{
		top: 68px;
	}
	.hoCoIntro br{
		display: none;
	}
	.logo ul li h1{
		position: fixed;
		top: 10px;
		left: 10px;
	}
	.logo ul li:first-child img {
		max-width: 180px;
		width: 100%;
	}
	.heRows{
		padding-top: 20px;
	}
	.bannerPage .cont{
		min-height: 250px;
	}
	.bannerCommon span.titlePJP{
		font-size: 20px;
	}
	.bannerCommon span.titlePTa{
		font-size: 16px;
	}
	.bannerCommon {
		bottom: 25%;
	}
	.inItem{
		width: 100%;
		margin-right: 0;
	}
	.inRight button.close {
		right: 15px;
		top: 8px;
	}
	.maItem span.titleStyle01 {
		font-size: 16px;
	}
	span.hoCFullTxt{
		font-size: 14px;
	}
}
@media screen and (max-width:460px) {
	

}
@media screen and (max-width:420px) {
	.hoHiItem{
		width: 100%;
		margin-right: 0;
	}
	.hoHiItem img{
		display: block;
		margin: 0 auto;
	}
	.br-sp{
		display: inline-block;
	}
	.copyRight{
		line-height: 140%;
	}
	.scrolltop{
		bottom: 10px;
	}
	h2.titleStyle00,
	.titleNews h2 span.titleJp{
		font-size: 20px;
	}
	.titleNews h2 span.titleEn{
		font-size: 18px;
	}
	span.addressFt {
		font-size: 13px;
		letter-spacing: -0.8px;
	}
	.hoIntroBg{
		background-size: 200px;
	}
	#hoCompany{
		background-size: 100px;
	}
	.ouItem{
		width: 100%;
		margin-right: 0;
	}
	.ouItem img{
		display: block;
    	margin: 0 auto;
	}
}