@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	
	
	
	
}

/** max-width:1440 **/
@media only screen and (max-width: 1440px){
	
	
}

@media only screen and (min-width: 1200px){
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	
	.language{
		display: none;
	}
	.main{
		padding-right: 0;
	}
	.cb1{
		display: none;
	}
	.goTop{
		display: none;
	}
	.header .sycont{
		display: none;
	}
	.item a {
		margin: 0 3px;
		height: 24px;
		width: 80px;
		line-height: 24px;
		font-weight: 500;
		font-size: 14px;
		letter-spacing: 0px;
	}
	.item{
		display: none;
	}
	.header{
		padding: 0 60px 0 10px;
		height: 55px;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 60;
		background-color: #fff;
	}
	.logo img{
		width: auto;
		height: 40px;
	}
	.nnews{
		padding: 75px 0 20px;
	}
	.nnews1{
	    width: 100%;
	}
	.nnews1 .swiper{
		padding: 0 50px;
	}
	.nleft{
		left: 20px;
		display: none;
	}
	.nleft img{
		width: 24px;
	}
	.nright{
		right: 20px;
		display: none;
	}
	.nright img{
		width: 24px;
	}
	.nnews3{
		padding: 10px;
	}
	.nnews4 {
		font-size: 16px;
		line-height: 28px;
	}
	.nnews6 {
		font-size: 18px;
	}
	.nnews7{
		font-size: 14px;
	}
	.nnews8{
		font-size: 14px;
	}
	.nsearch{
		padding: 30px 0;
	}
	.nsearch1{
		display: block;
	}
	.nsearch2{
		width: auto;
		text-align: center;
		font-size: 0;
	}
	.nsearch2 span{
		display: inline-block;
		margin: 0;
		font-size: 16px;
		line-height: 20px;
		border-radius: 0;
		width: 140px;
		margin: 0 5px;
	}
	.nsearch11i{
	    width: calc(100% - 55px) !important;
	}
	.nsearch3{
		padding: 10px;
	}
	.nsearch5{
		display: block;
	}
	.nsearch6{
		width: 100%;
	}
	.nsearch7 {
		font-size: 16px;
		line-height: 30px;
	}
	.nsearch7 span{
		font-size: 12px;
		line-height: 30px;
	}
	.nsearch8 a img{
		width: 30px;
		margin-right: 5px;
	}
	.nsearch8 a{
		font-size: 16px;
	}
	.nsearch9{
		margin-top: 20px;
	}
	.nsearch10 a{
		margin-top: 10px;
	}
	.nsearch12 {
		margin-top: 30px;
		padding: 0 16px;
		height: 56px;
		font-size: 16px;
	}
	.nsearch12 img {
		width: 24px;
		margin-right: 10px;
	}
	.nsearch13{
		padding: 10px;
	}
	.nsearch14{
		display: block;
	}
	.nsearch15{
		width: 100%;
	}
	.nsearch15 span {
		width: 80px;
		font-size: 16px;
	}
	.nsearch15 select{
		font-size: 16px;
	}
	.prleft{
		left: 0;
		display: none;
	}
	.prright{
		right: 0;
		display: none;
	}
	.prleft1{
		left: 0;
		display: none;
	}
	.prright1{
		right: 0;
		display: none;
	}
	.npro2{
		margin: 30px 0;
	}
	.npro2 .swiper{
	    padding-right: 75px;
	}
	.npro10 .swiper{
	    padding-right: 75px;
	}
	.npro7{
	    font-size: 16px;
	}
	.npro7 span{
	    font-size: 10px;
	}
	.npro8{
	    font-size: 12px;
	}
	.npro9{
	    font-size: 12px;
	}
	.p-info-number{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.u-break-lg-n{
		display: none;
	}
	.p-info-number__sub{
		font-size: 24px;
	}
	.u-break-lg-mt{
		margin: 0 auto;
	}
	.p-btn.p-btn--kakko{
		border-radius: 0;
	}
	.l-contact__map{
		margin-top: 20px;
	}
	.p-nav__inner{
		display: block;
	}
	.p-logo__icon{
		text-align: center;
	}
	.p-logo__icon img{
		width: 180px;
	}
	.l-footer-nav{
		padding: 20px 0;
	}
	.cb{
		height: auto;
		padding-bottom: 0;
	}
	.p-logo{
		text-align: center;
	}
	.fadd{
		font-size: 12px;
	}
	.c-icon{
		justify-content: center;
		text-align: center;
	}
	.flist{
		margin: 30px 4% 0;
		border: 1px solid rgba(82, 156, 71, .2);
	}
	.flist ul li{
		width: 100%;
		padding: 0;
		border: 0;
		text-align: left;
	}
	.flist ul li:nth-child(2n){
	    background-color: #F3F4F3;
	}
	.flist ul li a{
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
		padding: 15px 20px;
		line-height: 1;
	}
	.flist ul li a span{
		text-align: left;
	    writing-mode: lr;
	}
	.flist ul li a img{
	    display: block;
	}
	.sycont2{
		font-size: 20px;
	}
	.sycont{
		justify-content: center;
	}
	.nmap3{
		/*display: none;*/
		margin-top: 20px;
	}
	.nmap2{
		font-size: 20px;
		margin-top: 75px;
	}
	.chosemap{
		margin: 20px 0 30px;
	}
	.chosemap a{
		width: 100%;
		margin-right: 0;
	}
	.nhome1{
		/*display: block;*/
	}
	.mt36{
		margin-top: 20px;
	}
	.nhome.mt36{
	    margin-top: 75px;
	}
	.inpro1{
		font-size: 16px;
	}
	.inpro2 ul li{
		width: calc((100% - 10px)/2);
		margin-right: 10px;
		margin-top: 20px;
		padding: 10px;
	}
	.inpro2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.page{
		margin: 20px 0 30px;
	}
	.inproDeta3{
		width: 100%;
	}
	.proimg4 img{
		max-width: 60px;
		max-height: 60px;
	}
	.proleft{
	    display: none;
	}
	.proright{
	    display: none;
	}
	.proleft1 img {
		width: 15px;
	}
	.proright1 img {
		width: 15px;
	}
	.inproDeta6{
		margin-top: 20px;
		font-size: 18px;
	}
	.inproDeta7 {
		margin-top: 16px;
		font-size: 16px;
	}
	.inproDeta8{
		margin-top: 20px;
	}
	.inproDeta9{
		margin-top: 30px;
	}
	.inproDeta10{
		display: block;
	}
	.inproDeta10 span{
		width: 100%;
		padding: 10px;
		border-right: 0;
	}
	.inproDeta10 code{
		width: 100%;
		padding: 10px;
	}
	.inproDeta11{
		margin-top: 20px;
		display: block;
		line-height: 24px;
	}
	.inproDeta11 span{
		display: block;
		margin-right: 0;
	}
	.inproDeta12{
		width: 100%;
		margin-top: 36px;
	}
	.nmap4 a{
	    width: 182px;
	    height: 45px;
	    font-size: 14px;
	}
	.nmap5{
	    top: 55px;
	}
	.nmap5 a{
	    width: 95px;
	    height: 110px;
	    font-size: 14px;
	}
	.nmap6{
	    top: 55px;
	}
	.nmap6 a{
	    width: 85px;
	    height: 52px;
	    font-size: 14px;
	}
	.nmap7{
	    top: 112px;
	}
	.nmap7 a{
	    width: 85px;
	    height: 52px;
	    font-size: 14px;
	}
	.nmap8{
	    top: 174px;
	}
	.nmap8 a{
	    width: 95px;
	    height: 72px;
	    font-size: 14px;
	}
	.nmap9{
	    top: 174px;
	}
	.nmap9 a{
	    width: 85px;
	    height: 72px;
	    font-size: 14px;
	}
	.flist ul li.on a{
	    background-color: inherit;
	}
	.flist ul li.on a span {
        color: #00B0EC;
    }
	.flexd{
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.menuTc {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        height: 100%;
        width: 100%;
        padding: 0 0 0;
        position: fixed;
        left: 0;
        top: 55px;
        z-index: -1;
        visibility: visible;
        -webkit-transition: visibility .25s 725ms, z-index .25s 725ms;
        transition: visibility .25s 725ms, z-index .25s 725ms;
    }
    .menuTc.on {
    	-webkit-transition-delay: 0s;
    	transition-delay: 0s;
    	visibility: visible;
    	z-index: 60;
    }
    .menuTc:after{
    	content: "";
    	height: 0;
    	position: absolute;
    	left: 0;
    	pointer-events: none;
    	width: 100%;
    	opacity: 0;
    	top: 0;
    	display: block;
    }
    .menuTc:after {
        background-color: rgba(0, 0, 0, .8);
        right: 0;
        bottom: 0;
        -webkit-transition: height .55s cubic-bezier(.25, .46, .45, .94) 425ms, opacity .55s cubic-bezier(.25, .46, .45, .94) 425ms;
        transition: height .55s cubic-bezier(.25, .46, .45, .94) 425ms, opacity .55s cubic-bezier(.25, .46, .45, .94) 425ms;
        z-index: -1;
    }
    .menuTc.on:after {
        height: 100%;
        opacity: .975;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
    .menuTc1{
    	-webkit-transition: box-shadow .7s cubic-bezier(.25, .46, .45, .94) 425ms;
    	transition: box-shadow .7s cubic-bezier(.25, .46, .45, .94) 425ms;
    	overflow-x: hidden;
    	overflow-y: auto;
    	-webkit-overflow-scrolling: touch;
    	height: 0;
    }
    .menuTc.on .menuTc1{
    	height: 100%;
    	min-height: 100%;
    }
    .menuTc2 {
	    opacity: 1;
    	visibility: visible;
    	-webkit-transform: translateY(-8px);
    	-ms-transform: translateY(-8px);
    	transform: translateY(-8px);
    	-webkit-transition: opacity .55s linear 0s, -webkit-transform .55s linear 0s;
    	transition: opacity .55s linear 0s, -webkit-transform .55s linear 0s;
    	transition: opacity .55s linear 0s, transform .55s linear 0s;
    	transition: opacity .55s linear 0s, transform .55s linear 0s, -webkit-transform .55s linear 0s;
    }
    .menuTc.on .menuTc2 {
    	opacity: 1;
    	-webkit-transform: translateY(0);
    	-ms-transform: translateY(0);
    	transform: translateY(0);
    	-webkit-transition-delay: .5s;
    	transition-delay: .5s;
    	visibility: visible;
    	padding-bottom: 55px;
    	height: 100%;
    }
    .menuTc.on .menuTc3 {
    	height: 100%;
    }
    .menuTc4 {
        display: block;
    	/*display: flex;*/
    	/*-webkit-box-align: center;*/
    	/*-webkit-align-items: center;*/
    	/*-ms-flex-align: center;*/
    	/*align-items: center;*/
    	/*-webkit-box-pack: center;*/
    	/*-webkit-justify-content: center;*/
    	/*-ms-flex-pack: center;*/
    	/*justify-content: center;*/
    }
    .menuTc.on .menuTc4 {
    	height: 100%;
    }
    .menuTc6{
    	max-width: 720px;
    	display: flex;
    	-webkit-box-pack: justify;
    	-webkit-justify-content: space-between;
    	-ms-flex-pack: justify;
    	justify-content: space-between;
    	-webkit-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
    	-webkit-box-align: center;
    	-webkit-align-items: center;
    	-ms-flex-align: center;
    	align-items: center;
    }
    .menuTc7{
    	width: 100%;
    	background-color: #fff;
    	border-bottom: 1px solid #eee;
    }
    .menuTc7 a {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	line-height: 1;
    	padding: 20px 10px;
    	color: #00B0EC;
    	font-weight: 700;
    	font-size: 16px;
    	background-color: #fff;
    	-webkit-transition: background-color .4s cubic-bezier(.445, .05, .55, .95) 0s;
    	transition: background-color .4s cubic-bezier(.445, .05, .55, .95) 0s;
    	font-family: YakuHanJP, "Noto Sans Japanese", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
    .menuTc7 a:hover {
    	opacity: 1;
        text-decoration: none;
        background-color: #5fd6ff;
    }
    .menuTc7.en a{
        font-size: 14px;
    }
    .menuTc8{
    	margin-top: 20px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }
    .menuTc9{
    	margin-right: 16px;
    }
    .menuTc9a{
    	font-size: 26px;
    	font-weight: 700;
    	text-align: right;
    }
    .menuTc9a a{
    	color: #fff;
    	font-family: Oswald, sans-serif;
    }
    .menuTc9a a:hover{
    	opacity: 1;
    	text-decoration: underline;
    }
    .menuTc9b{
    	text-align: right;
    	margin-top: 7px;
    	font-size: 14px;
    	color: #fff;
    	line-height: 1.3;
    }
    .pc{
        display: none;
    }
	.wap{
	    display: block;
	}
	
	
	
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
	
	
	
	
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

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

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/


