body {font-size: 0.16rem; color: #323333;line-height: 1.5;background: #fff;min-height: 100%;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;image-rendering: -webkit-optimize-contrast;image-rendering: optimizeQuality;display: block;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
select::-ms-expand { display: none; }
a {color: #000;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
html {
	font-size: 100px;
}
.sp {display: none !important;}


/*loading*/
.loading {
	position: fixed;
	width: 100%;
	height: 100vh;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-color: #fff;
    z-index: 10;
}
.loading img {
	width: 2.44rem;
	opacity: 0;
	-webkit-animation: loading 2s linear .4s forwards;animation: loading 2s linear .4s forwards;
}

@-webkit-keyframes loading {
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes loading {
	0%{opacity: 0;}
	100%{opacity: 1;}
}


.loading.hide {
	-webkit-animation: hide 1s linear forwards;animation: hide 1s linear forwards;
}
@-webkit-keyframes hide {
	0%{opacity: 1;z-index: 10;}
	100%{opacity: 0;z-index: -1;}
}
@keyframes hide {
	0%{opacity: 1;z-index: 10;}
	100%{opacity: 0;z-index: -1;}
}

.loading.hide1 {
	display: none;
}


.loaded {
	/*display: none;*/
	z-index: -1;
	opacity: 0;
}
.loaded.show {
	display: block;
	z-index: 1;
	opacity: 1;
	-webkit-animation: show 2s linear;animation: show 2s linear;
}
@-webkit-keyframes show {
	0%{opacity: 0;z-index: -1;}
	25%{opacity: 0;z-index: -1;}
	100%{opacity: 1;z-index: 1;}
}
@keyframes show {
	0%{opacity: 0;z-index: -1;}
	25%{opacity: 0;z-index: -1;}
	100%{opacity: 1;z-index: 1;}
}
.loaded.show .loaded-box {
	-webkit-animation: loadedbox 2.5s linear;animation: loadedbox 2.5s linear;
}
@-webkit-keyframes loadedbox {
	0%{-webkit-transform:scale(1.02);transform:scale(1.02)}
	20%{-webkit-transform:scale(1.02);transform:scale(1.02)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes loadedbox {
	0%{-webkit-transform:scale(1.02);transform:scale(1.02)}
	20%{-webkit-transform:scale(1.02);transform:scale(1.02)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}

.loaded.show1 {
	display: block;
	z-index: 1;
	opacity: 1;
	-webkit-animation: none 0;animation: none 0;
}

.loaded.show1 .loaded-box {
	-webkit-animation: none 0;animation: none 0;
}


/*header*/
.header-wr {
	height: 1rem;
}
.header {
	background-color: #002640;
	position: relative;
	width: 100%;
}
.header.pin {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

.header-box {
	width: 13.65rem;
	height: 1rem;
	margin: 0 auto;
	overflow: hidden;
}
.logo {
	float: left;
	display: block;
	width: 2.45rem;
	height: auto;
	margin-top: .28rem;
	margin-left: .35rem;
}
.logo img {
	width: 100%;
}

.top-iso {
	height: .80rem;
    position: absolute;
    top: .1rem;
    left: 50%;
    transform: translateX(-3.7rem);
}
.top-iso img {
	display: inline-block;
	width: auto;
	height: 100%;
	margin-right: .1rem;
}

ul.nav {
	float: right;
	margin-right: .4rem;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
ul.nav li {}
ul.nav li a {
	display: block;
	line-height: .3rem;
	font-size: .18rem;
	font-family: '見出ゴMB31';
	color: #fff;
	padding: .4rem .18rem .3rem;
}

ul.nav li a.s span.s {
	display: none;
}

ul.nav li:hover {
	background-color: #b2bec6;
}
ul.nav li:hover > a {
	color: #002640;
}
ul.nav li a.r {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

ul.nav li.inquiry {
	padding: .4rem .1rem .3rem;
}
ul.nav li.inquiry a {
	height: .3rem;
	line-height: .28rem;
	padding: 0 .15rem;
	font-size: .15rem;
	border: 1px #fff solid;
	border-radius: .15rem;
	box-sizing: border-box;
}
ul.nav li.inquiry:hover {
	background-color: transparent;
}
ul.nav li.inquiry:hover > a {
	background-color: #fff;
	color: #002640;
}
ul.sub {
	position: absolute;
	top: 1rem;
	left: 0;
	width: 100%;
	background-color: #e5e9ec;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
	/*display: none;*/
	/*z-index: 11;*/
	opacity: 0;
	z-index: -1;
	height: 0;
	-webkit-transition: all .15s cubic-bezier(0.25,0.1,0.25,1);
	-o-transition: all .15s cubic-bezier(0.25,0.1,0.25,1);
	transition: all .15s cubic-bezier(0.25,0.1,0.25,1);
	overflow: hidden;
}
ul.nav li:hover > ul.sub {
	/*display: -webkit-flex;
    display: flex;*/
	opacity: 1;
	z-index: 50;
	height: .65rem;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
ul.sub li {
	border-right: 1px #b2bec6 solid;
}
ul.sub li:first-child {
	border-left: 1px #b2bec6 solid;
}
ul.sub li a {
	display: block;
	line-height: .65rem;
	font-size: .16rem;
	font-family: '見出ゴMB31';
	color: #002640;
	padding: 0 .3rem;
}

.menu-btn {
	display: none;
}

/*header*/

/*banner*/
.banner {
	width: 100%;
	position: relative;
}

.swiper-container-sp {
	display: none;
}

.banner .swiper-container .swiper-slide > div {
	width: 100%;
	height: 100%;
	background-size: cover;
}

.banner .swiper-container-pc .myactive > div {
	-webkit-animation: zoomdOut 9.5s linear;animation: zoomdOut 9.5s linear;
}

@-webkit-keyframes zoomdIn {
0%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.15);transform:scale(1.15)}
}
@keyframes zoomdIn {
0%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.15);transform:scale(1.15)}
}
@-webkit-keyframes zoomdOut {
0%{-webkit-transform:scale(1.15);transform:scale(1.15)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoomdOut {
0%{-webkit-transform:scale(1.15);transform:scale(1.15)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}


.banner-top {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.banner-text {
	width: 13.65rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
}
.typed,
.typed2 {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-1.75rem);
	left: .85rem;
	line-height: .81rem;
	font-size: .58rem;
	font-family: '見出ゴMB31';
	font-weight: bold;
	color: #fff;
	letter-spacing: .05rem;
	text-shadow: 0px 1px 15px #444444;
}
.typed > div,
.typed2 > div {
	overflow: hidden;
}
.typed > div > p,
.typed2 > div > p {
	padding: 0 .1rem;
	white-space: nowrap;
}
.typed > div,
.typed2 > div {
	transform: translate(-100%, 0);
	transition: transform 1.6s linear;
}
.typed > div > p,
.typed2 > div > p {
	transform: translate(100%, 0);
	transition: transform 1.6s linear;
}
.typed .show,
.typed .show > p,
.typed2 .show,
.typed2 .show > p {
	transform: translate(0, 0) !important;
}


/*banner*/

/*home main*/
.main {
	background-color: #fdd000;
	overflow: hidden;
}
.title1 {
	width: 13.65rem;
	margin: 0 auto;
	padding: .5rem 1.1rem .4rem;
	box-sizing: border-box;
	line-height: .29rem;
	font-size: .29rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	color: #002640;
}
.title1-s {
	font-size: .16rem;
	font-family: '中ゴシックBBB';
	color: #323333;
	padding-left: .25rem;
}

.mbox1 {
	width: 13.65rem;
	height: 5.75rem;
	margin: 0 auto;
	position: relative;
	margin-bottom: .8rem;
}
.mbox1-l {
	width: 10.5rem;
	height: 4.8rem;
	background-color: #002640;
	padding: .7rem 4.85rem 0 1.05rem;
	box-sizing: border-box;
}

.mbox1-r {
	width: 7.5rem;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.mbox-title {
	line-height: .5rem;
	font-size: .36rem;
	font-family: '見出ゴMB31';
	font-weight: bold;
	color: #fff;
	padding-bottom: .2rem;
}
.mbox-text {
	line-height: .26rem;
	font-size: .15rem;
	font-family: '中ゴシックBBB';
	color: #fff;
}

.mbox2 {
	width: 13.65rem;
	height: 5.75rem;
	margin: 0 auto;
	position: relative;
	margin-bottom: 1.2rem;
}

.mbox2-l {
	width: 7.5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.mbox2-r {
	width: 10.5rem;
	height: 4.8rem;
	background-color: #002640;
	padding: .7rem 1.05rem 0 4.85rem;
	box-sizing: border-box;
	position: absolute;
	right: 0;
}

.mbox3 {
	padding: .55rem 0;
	background-color: #002640;
	margin-bottom: 1rem;
}
.mbox3-list {
	width: 11.4rem;
	margin: 0 auto;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.mbox3-li {
	width: 3.8rem;
	position: relative;
	overflow: hidden;
}
.mbox3-li > img {
	width: 100%;
	height: auto;
	transition: transform 0.4s ease-in-out;
}
.mbox3-li:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: transform 0.4s cubic-bezier(0.4, 0, 1, 1);
}
.mbox3-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: space-between;
    padding: .95rem .3rem .95rem;
    box-sizing: border-box;
}
.mbox3-text-title {
	line-height: .4rem;
	font-size: .32rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	color: #fff;
	letter-spacing: .02rem;
	text-shadow: 0px 1px 10px #000;
	width: 100%;
	height: .86rem;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.mbox3-text-btn {
	width: 1.9rem;
}
.mbox3-text-btn a {
	display: block;
	line-height: .5rem;
	font-size: .16rem;
	font-family: '見出ゴMB31';
	font-weight: bold;
	color: #002640;
	text-align: center;
	background-color: #f3c91e;
	border-radius: .5rem;
	position: relative;
}
.mbox3-text-btn a > span {
	display: block;
	width: .15rem;
	height: .15rem;
	border-radius: .15rem;
	background-color: #002640;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: .15rem;
	font-size: .12rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #fff;
	line-height: .15rem;
	text-align: center;
}
.mbox3-text-btn a:hover {
	transition: all .1s linear;
	color: #fff;
	background-color: #b81a37;
}
.mbox3-text-btn a:hover > span {
	background-color: #fff;
	color: #b81a37;
}

.mbox4 {
	width: 6rem;
	margin: 0 auto 1.4rem;
}
.mbox4-h1 {
	line-height: .41rem;
	font-size: .41rem;
	font-family: '見出ゴMB31';
	font-weight: bold;
	color: #002640;
	text-align: center;
}
.mbox4-h2 {
	line-height: .16rem;
	font-size: .16rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	color: #002640;
	text-align: center;
	margin-top: .1rem;
}
.mbox4-tel {
	height: 1.26rem;
	line-height: 1.26rem;
	font-size: .25rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color: #002640;
	text-align: center;
	letter-spacing: .01rem;
	border: .02rem solid #002640;
	margin-top: .45rem;
	position: relative;
}
.mbox4-tel .number {
	font-size: .43rem;
}
.mbox4-tel-title {
	display: inline-block;
	position: absolute;
	top: -.08rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	padding: 0 .14rem;
	background-color: #fdd000;
	line-height: .15rem;
	font-size: .15rem;
	font-family: '見出ゴMB31';
	font-weight: bold;
	color: #002640;
	text-align: center;
	white-space: nowrap;
}

/*home main*/

/*footer*/
.footer {
	background-color: #fff;
}
.footer-box {
	width: 12.85rem;
	margin: 0 auto;
	padding: .5rem 0;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}
.footer-title {
	width: 100%;
	padding-bottom: .15rem;
	display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-start;
}
.footer-title > a {
	height: .31rem;
}
.footer-title > a img {
	width: auto;
	height: 100%;
}
.footer-title span {
	line-height: .16rem;
	font-size: .16rem;
	font-family: '見出ゴMB31';
	font-weight: bold;
	color: #191919;
	padding-left: .1rem;
	padding-bottom: .02rem;
}
.footer-l {
	width: 7.35rem;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}
.footer-l-li {
	line-height: .16rem;
	font-size: .12rem;
	font-family: '中ゴシックBBB';
	color: #323333;
	min-width: 3.15rem;
}
.footer-l-li:nth-child(1),
.footer-l-li:nth-child(2) {
	padding-bottom: .12rem;
}
.footer-l-li .h1 {

}

.footer-r {
	width: 5.25rem;
	display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}
.footer-r-ios1 {
	width: auto;
	height: .78rem;
}
.footer-r-intertek {
	width: 2.4rem;
	display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}
.footer-r-intertek > img {
	width: auto;
	height: .78rem;
}
.footer-r-intertek > span {
	line-height: .16rem;
	font-size: .12rem;
	font-family: '中ゴシックBBB';
	color: #323333;
	padding-top: .16rem;
}
.footer-r-text {
	width: 1.9rem;
	line-height: .18rem;
	font-size: .12rem;
	font-family: '中ゴシックBBB';
	color: #323333;
	text-align: justify;
}
.footer-copyright {
	line-height: .13rem;
	font-size: .13rem;
	font-family: '中ゴシックBBB';
	color: #fff;
	text-align: center;
	padding: .55rem 0 .5rem;
	background-color: #002640;
}
/*footer*/

/*totop*/
.totop {
	display: none;
	position: fixed;
	right: 1.1rem;
	bottom: .5rem;
	width: .45rem;
	height: .45rem;
	cursor: pointer;
	z-index: 98;
}
.totop img {
	width: 100%;
	height: 100%;
}

/*public*/
.roboto-r {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.bbb{
	font-family: '中ゴシックBBB';
	font-weight: normal;
}
.ti05{
	text-indent: -0.5em;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb1 {
	margin-bottom: .1rem !important;
}
.mb2 {
	margin-bottom: .15rem !important;
}



@media only screen and (min-width: 751px) {
	.nav {
		display: -webkit-flex !important;
	    display: flex !important;
	    height: 1rem !important;
	}
}

@media only screen and (max-width: 750px) {
	.sp {display: block !important;}
	.pc {display: none !important;}

	
	/*loading*/
	.loading {
		position: fixed;
		width: 100%;
		height: 100vh;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: center;
	    align-content: center;
	    background-color: #fff;
	    z-index: 10;
	}
	.loading img {
		width: 5rem;
		max-width: 80%;
		opacity: 0;
		-webkit-animation: loading 2s linear .4s forwards;animation: loading 2s linear .4s forwards;
	}

	@-webkit-keyframes loading {
		0%{opacity: 0;}
		100%{opacity: 1;}
	}
	@keyframes loading {
		0%{opacity: 0;}
		100%{opacity: 1;}
	}


	.loading.hide {
		-webkit-animation: hide 1s linear forwards;animation: hide 1s linear forwards;
	}
	@-webkit-keyframes hide {
		0%{opacity: 1;z-index: 10;}
		100%{opacity: 0;z-index: -1;}
	}
	@keyframes hide {
		0%{opacity: 1;z-index: 10;}
		100%{opacity: 0;z-index: -1;}
	}

	.loading.hide1 {
		display: none;
	}


	.loaded {
		/*display: none;*/
		z-index: -1;
		opacity: 0;
	}
	.loaded.show {
		display: block;
		z-index: 1;
		opacity: 1;
		-webkit-animation: show 2s linear;animation: show 2s linear;
	}
	@-webkit-keyframes show {
		0%{opacity: 0;z-index: -1;}
		25%{opacity: 0;z-index: -1;}
		100%{opacity: 1;z-index: 1;}
	}
	@keyframes show {
		0%{opacity: 0;z-index: -1;}
		25%{opacity: 0;z-index: -1;}
		100%{opacity: 1;z-index: 1;}
	}
	.loaded.show .loaded-box {
		-webkit-animation: loadedbox 2.5s linear;animation: loadedbox 2.5s linear;
	}
	@-webkit-keyframes loadedbox {
		0%{-webkit-transform:scale(1.02);transform:scale(1.02)}
		20%{-webkit-transform:scale(1.02);transform:scale(1.02)}
		100%{-webkit-transform:scale(1);transform:scale(1)}
	}
	@keyframes loadedbox {
		0%{-webkit-transform:scale(1.02);transform:scale(1.02)}
		20%{-webkit-transform:scale(1.02);transform:scale(1.02)}
		100%{-webkit-transform:scale(1);transform:scale(1)}
	}

	.loaded.show1 {
		display: block;
		z-index: 1;
		opacity: 1;
		-webkit-animation: none 0;animation: none 0;
	}

	.loaded.show1 .loaded-box {
		-webkit-animation: none 0;animation: none 0;
	}


	/*header*/
	.header-wr {
		height: 1.2rem;
	}
	.header {
		background-color: #002640;
		position: relative;
	}
	.header.pin {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
	}
	.header-box {
		width: 100%;
		height: 1.2rem;
		overflow: hidden;
	}
	.logo {
		float: left;
		display: block;
		width: 3rem;
		height: auto;
		margin-top: .32rem;
		margin-left: .4rem;
	}
	.logo img {
		width: 100%;
	}

	.top-iso {
		height: 1rem;
	    position: absolute;
	    top: .1rem;
	    left: auto;
	    right: 1.3rem;
	    transform: translateX(0);
	}
	.top-iso img {
		display: inline-block;
		width: auto;
		height: 100%;
		margin-right: .1rem;
	}

	ul.nav {
		float: right;
		margin-right: 0;
		/*display: -webkit-flex;
	    display: flex;*/
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: flex-start;
	    align-content: flex-start;
	    display: block;
	    width: 100%;
	    height: calc(100vh + 1.2rem);
	    z-index: 99;
	    position: absolute;
	    top: 1.2rem;
	    left: 0;
	    background-color: rgb(255 255 255 / 95%);
	    display: none;
	}
	ul.nav > li {
		width: 6.5rem;
		margin: 0 auto;
		margin-top: .2rem;
		position: relative;
	}
	ul.nav li a {
		display: block;
		line-height: .9rem;
		font-size: .36rem;
		font-family: '中ゴシックBBB';
		color: #fff;
		padding: 0;
		text-align: center;
		background-color: #002640;
	}
	ul.nav li a.s {
		background: #002640 url(../images/icon/i-b.png) 5.7rem center no-repeat;
		background-size: .39rem .20rem;
	}
	ul.nav li a.s span.s {
		display: block;
		width: 1.7rem;
		height: .9rem;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
	}
	ul.nav li:hover {
		background-color: transparent;
	}
	ul.nav li:hover > a {
		color: #fff;
	}
	ul.nav li a.r {
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
	}
	ul.nav li.inquiry {
		padding: 0;
		margin-top: .3rem;
	}
	ul.nav li.inquiry a {
		height: .9rem;
		line-height: .9rem;
		padding: 0;
		font-size: .36rem;
		color: #002640;
		border: none;
		border-radius: 0;
		box-sizing: border-box;
		background: #f3c91e url(../images/icon/i-m.png) 1.7rem center no-repeat;
		background-size: .61rem .41rem;
	}
	ul.nav li.inquiry:hover {
		background-color: transparent;
	}
	ul.nav li.inquiry:hover > a {
		background: #f3c91e url(../images/icon/i-m.png) 1.7rem center no-repeat;
		background-size: .61rem .41rem;
		color: #002640;
	}
	ul.sub {
		position: static;
		top: 0;
		left: 0;
		width: 100%;
		background-color: transparent;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: flex-start;
	    align-content: flex-start;
		z-index: 99;
		display: none;
		opacity: 1;
		-webkit-transition: all 0;
		-o-transition: all 0;
		transition: all 0;
		height: auto;
	}
	ul.nav li:hover > ul.sub {
		display: none;
		z-index: 99;
		-webkit-transition: all 0;
		-o-transition: all 0;
		transition: all 0;
		height: auto;
	}
	ul.nav li.active > ul.sub {
		display: -webkit-flex;
	    display: flex;
	}
	ul.sub li {
		border-right: 0;
		width: 100%;
	}
	ul.sub li:first-child {
		border-left: 0;
	}
	ul.sub li a {
		display: block;
		line-height: .88rem;
		font-size: .36rem;
		font-family: '中ゴシックBBB';
		color: #002640;
		text-align: left;
		padding: 0 .3rem 0 .6rem;
		margin-top: .2rem;
		background-color: transparent;
		border: .02rem solid #002640;
		background: transparent url(../images/icon/i-r.png) .32rem center no-repeat;
		background-size: .17rem .24rem;
	}
	ul.sub li a:hover {
		color: #002640;
	}


	.menu-btn {
		display: block;
		position: absolute;
		width: 0.7rem;
		text-align: center;
		top: .38rem;
		right: .38rem;
		z-index: 10;
	}
	.menu-btnbox {
		cursor: pointer;
	}
	.menu-btnbox .menu-btn-three {
		display: block;
		position: relative;
	}
	.menu-btnbox .menu-btn-three .line {
		width: 100%;
		height: .02rem;
		background-color: #fff;
		display: block;
		margin: 0 auto 0.18rem;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.menu-btnbox.is-active .line:nth-child(2) {
		opacity:0
	}
	.menu-btnbox.is-active .line:nth-child(1) {
		-webkit-transform:translateY(0.2rem) rotate(45deg);
		-ms-transform:translateY(0.2rem) rotate(45deg);
		-o-transform:translateY(0.2rem) rotate(45deg);
		transform:translateY(0.2rem) rotate(45deg)
	}
	.menu-btnbox.is-active .line:nth-child(3) {
		-webkit-transform:translateY(-0.2rem) rotate(-45deg);
		-ms-transform:translateY(-0.2rem) rotate(-45deg);
		-o-transform:translateY(-0.2rem) rotate(-45deg);
		transform:translateY(-0.2rem) rotate(-45deg)
	}

	/*header*/

	/*banner*/
	.banner {
		width: 100%;
		position: relative;
	}

	.swiper-container-sp {
		display: block;
	}

	.swiper-container-pc {
		display: none;
	}

	.banner .swiper-container .swiper-slide > div {
		width: 100%;
		height: 100%;
		background-size: cover;
	}

	.banner .swiper-container-sp .myactive > div {
		-webkit-animation: zoomdOut 8.5s linear;animation: zoomdOut 8.5s linear;
	}

	@-webkit-keyframes zoomdIn {
		0%{-webkit-transform:scale(1);transform:scale(1)}
		100%{-webkit-transform:scale(1.2);transform:scale(1.2)}
	}
	@keyframes zoomdIn {
		0%{-webkit-transform:scale(1);transform:scale(1)}
		100%{-webkit-transform:scale(1.2);transform:scale(1.2)}
	}
	@-webkit-keyframes zoomdOut {
		0%{-webkit-transform:scale(1.2);transform:scale(1.2)}
		100%{-webkit-transform:scale(1);transform:scale(1)}
	}
	@keyframes zoomdOut {
		0%{-webkit-transform:scale(1.2);transform:scale(1.2)}
		100%{-webkit-transform:scale(1);transform:scale(1)}
	}


	.banner-top {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}
	.banner-text {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transform: translateX(0);
		z-index: 9;
	}
	.typed,
	.typed2 {
		display: inline-block;
		position: absolute;
		top: 50%;
		transform: translateY(-2.3rem);
		left: .2rem;
		line-height: .86rem;
		font-size: .45rem;
		font-family: '見出ゴMB31';
		font-weight: bold;
		color: #fff;
		letter-spacing: .03rem;
		text-shadow: 0px 1px 7px #444444;
	}
	.typed > div > p,
	.typed2 > div > p {
		padding: 0 .15rem;
	}
	/*banner*/

	/*home main*/
	.main {
		background-color: #fdd000;
		overflow: hidden;
	}
	.title1 {
		width: 100%;
		margin: 0 auto;
		padding: .9rem .5rem 1rem;
		box-sizing: border-box;
		line-height: .56rem;
		font-size: .56rem;
		font-family: 'Oswald', sans-serif;
		font-weight: 500;
		color: #002640;
	}
	.title1-s {
		display: inline-block;
		width: 100%;
		font-size: .32rem;
		font-family: '中ゴシックBBB';
		color: #323333;
		padding-left: 0;
	}

	.mbox1 {
		width: 100%;
		height: auto;
		margin: 0 auto;
		position: relative;
		margin-bottom: 4.2rem;
	}
	.mbox1-l {
		width: 100%;
		height: auto;
		background-color: #002640;
		padding: 1.15rem .5rem 2.9rem;
		box-sizing: border-box;
	}

	.mbox1-r {
		width: 6.5rem;
		position: absolute;
		right: auto;
		left: 50%;
		bottom: 0%;
		transform: translate(-50%,50%);
		z-index: 2;
	}

	.mbox-title {
		line-height: .76rem;
		font-size: .58rem;
		font-family: '見出ゴMB31';
		font-weight: bold;
		color: #fff;
		padding-bottom: .7rem;
	}
	.mbox-text {
		line-height: .56rem;
		font-size: .32rem;
		font-family: '中ゴシックBBB';
		color: #fff;
	}

	.mbox2 {
		width: 100%;
		height: auto;
		margin: 0 auto;
		position: relative;
		margin-bottom: 4.3rem;
	}

	.mbox2-l {
		width: 6.5rem;
		position: absolute;
		left: 50%;
		bottom: 0%;
		transform: translate(-50%,50%);
		z-index: 2;
	}
	.mbox2-r {
		width: 100%;
		height: auto;
		background-color: #002640;
		padding: 1.15rem .5rem 2.9rem;
		box-sizing: border-box;
		position: relative;
		right: 0;
	}

	.mbox3 {
		padding: 1.2rem .55rem;
		background-color: #002640;
		margin-bottom: 1rem;
	}
	.mbox3-list {
		width: 100%;
		margin: 0 auto;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: flex-start;
	}
	.mbox3-li {
		width: 100%;
		position: relative;
		margin-bottom: .8rem;
	}
	.mbox3-li:last-child {
		margin-bottom: 0;
	}
	.mbox3-li > img {
		width: 100%;
		height: auto;
	}
	.mbox3-li:hover img {
		-webkit-transform: none;
		transform: none;
	}
	.mbox3-text {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: center;
	    align-content: center;
	    padding: 1.3rem 0rem 1.3rem;
	    box-sizing: border-box;
	}
	.mbox3-text-title {
		line-height: .88rem;
		font-size: .68rem;
		font-family: 'Oswald', sans-serif;
		font-weight: 600;
		color: #fff;
		letter-spacing: .04rem;
		text-shadow: 0px 1px 10px #000;
		width: 100%;
		height: auto;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: center;
	    align-content: center;
	    margin-bottom: .5rem;
	}

	.mbox3-text-btn {
		width: 4rem;
	}
	.mbox3-text-btn a {
		display: block;
		line-height: 1.1rem;
		font-size: .34rem;
		font-family: '見出ゴMB31';
		font-weight: bold;
		color: #002640;
		text-align: center;
		background-color: #f3c91e;
		border-radius: .55rem;
		position: relative;
	}
	.mbox3-text-btn a > span {
		display: block;
		width: .3rem;
		height: .3rem;
		border-radius: .3rem;
		background-color: #002640;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-top: .01rem;
		right: .45rem;
		font-size: .24rem;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		color: #fff;
		line-height: .3rem;
		text-align: center;
	}
	.mbox3-text-btn a:hover {
		transition: all .1s linear;
		color: #002640;
		background-color: #f3c91e;
	}
	.mbox3-text-btn a:hover > span {
		background-color: #002640;
		color: #fff;
	}

	.mbox4 {
		width: 6.4;
		margin: 0 auto 2rem;
	}
	.mbox4-h1 {
		line-height: .64rem;
		font-size: .64rem;
		font-family: '見出ゴMB31';
		font-weight: bold;
		color: #002640;
		text-align: center;
	}
	.mbox4-h2 {
		line-height: .32rem;
		font-size: .32rem;
		font-family: 'Oswald', sans-serif;
		font-weight: 500;
		color: #002640;
		text-align: center;
		margin-top: .2rem;
	}
	.mbox4-tel {
		height: 1.8rem;
		line-height: 1.8rem;
		font-size: .44rem;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
		color: #002640;
		text-align: center;
		letter-spacing: .02rem;
		border: .02rem solid #002640;
		margin-top: .6rem;
		position: relative;
	}
	.mbox4-tel .number {
		font-size: .72rem;
	}
	.mbox4-tel-title {
		display: inline-block;
		position: absolute;
		top: -.21rem;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
		padding: 0 .2rem;
		background-color: #fdd000;
		line-height: .4rem;
		font-size: .4rem;
		font-family: '見出ゴMB31';
		font-weight: bold;
		color: #002640;
		text-align: center;
		white-space: nowrap;
	}

	/*home main*/

	/*footer*/
	.footer {
		background-color: #fff;
	}
	.footer-box {
		width: 100%;
		margin: 0 auto;
		padding: 1.1rem .5rem .8rem;
		box-sizing: border-box;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items: flex-start;
	    align-content: flex-start;
	}
	.footer-title {
		width: 100%;
		padding-bottom: .35rem;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: nowrap;
	    justify-content: flex-start;
	    align-items: flex-end;
	    align-content: flex-start;
	}
	.footer-title > a {
		height: .64rem;
	}
	.footer-title > a img {
		width: auto;
		height: 100%;
	}
	.footer-title span {
		line-height: .34rem;
		font-size: .34rem;
		font-family: '見出ゴMB31';
		font-weight: bold;
		color: #191919;
		padding-left: .18rem;
		padding-bottom: .04rem;
	}
	.footer-l {
		width: 100%;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: flex-start;
	    align-content: flex-start;
	    margin-bottom: .45rem;
	}
	.footer-l-li {
		line-height: .56rem;
		font-size: .32rem;
		font-family: '中ゴシックBBB';
		color: #323333;
		min-width: 100%;
		padding-bottom: .35rem;
	}
	.footer-l-li:nth-child(1),
	.footer-l-li:nth-child(2) {
		padding-bottom: .35rem;
	}
	.footer-l-li .h1 {
		display: block;
	}

	.footer-r {
		width: 100%;
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: flex-start;
	    align-content: flex-start;
	}
	.footer-r-ios1 {
		width: auto;
		height: 2rem;
		margin-right: .3rem;
	}
	.footer-r-intertek {
		width: calc(100% - 1.75rem);
		display: -webkit-flex;
	    display: flex;
	    flex-wrap: nowrap;
	    justify-content: flex-start;
	    align-items: flex-start;
	    align-content: flex-start;
	}
	.footer-r-intertek > img {
		width: auto;
		height: 2rem;
		margin-right: .3rem;
	}
	.footer-r-intertek > span {
		line-height: .46rem;
		font-size: .32rem;
		font-family: '中ゴシックBBB';
		color: #323333;
		padding-top: .0rem;
	}
	.footer-r-text {
		width: 100%;
		line-height: .56rem;
		font-size: .32rem;
		font-family: '中ゴシックBBB';
		color: #323333;
		text-align: justify;
		margin-top: .7rem;
	}
	.footer-copyright {
		line-height: .3rem;
		font-size: .3rem;
		font-family: '中ゴシックBBB';
		color: #fff;
		text-align: center;
		padding: .7rem 0 .75rem;
		background-color: #002640;
	}
	/*footer*/


	/*totop*/
	.totop {
		display: none;
		position: fixed;
		right: .5rem;
		bottom: .9rem;
		width: .9rem;
		height: .9rem;
		cursor: pointer;
		z-index: 98;
	}
	.totop img {
		width: 100%;
		height: 100%;
	}


	/*public*/
	.pb0-s {
		padding-bottom: 0 !important;
	}
	.ml13-s {
		text-indent: -1.3em;
		margin-left: 1.3em;
	}
	.mb1 {
		margin-bottom: .25rem !important;
	}
	.mb2 {
		margin-bottom: .3rem !important;
	}

}