@font-face {
	font-family:'Noto Sans Japanese';
	font-style:normal;
	font-weight:200;
	src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format("woff")
}
@font-face {
	font-family:'Noto Sans Japanese';
	font-style:normal;
	font-weight:400;
	src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff")
}
@font-face {
	font-family:'Noto Sans Japanese';
	font-style:normal;
	font-weight:700;
	src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff")
}
* {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline
}
@supports (-webkit-tap-highlight-color: transparent) {
* {
-webkit-tap-highlight-color:transparent
}
}
@supports ((-webkit-text-size-adjust: 100%) or (-moz-text-size-adjust: 100%) or (text-size-adjust: 100%)) {
* {
-webkit-text-size-adjust:100% !important;
-moz-text-size-adjust:100% !important;
-ms-text-size-adjust:100% !important;
text-size-adjust:100% !important
}
}
select, button, input, textarea, button {
	border:1px solid #333
}
table {
	border-collapse:collapse;
	border-spacing:0
}
table, td, th {
	border:1px solid #dfdfdf
}
td, th {
	line-height:1.5;
	padding:0.3em 0.4em
}
th {
	font-weight:bold;
	font-size:1.05em
}
html {
	font-size:100%;
	background-color:#ffffff;
	word-break:break-word
}
body {
	min-height:100vh;
	color:#333;
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
	font:normal normal normal 14px/1.6 sans-serif;
	background-color:#ffffff;
	font-family:"-apple-system", BlinkMacSystemFont, "Noto Sans Japanese", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"
}
hr {
	overflow:visible;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	margin:1em 0;
	height:0;
	border-top:1px solid #ccc
}
button:disabled {
	cursor:default
}
a, a:active, a:link, a:visited {
	text-decoration:none;
	color:#333
}
a:hover {
	text-decoration:underline
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, dialog, hr, img {
	display:block
}
audio, canvas, iframe, img, svg, video {
	display:inline-block;
	vertical-align:middle
}
[hidden], dialog:not([open]), template {
display:none
}
button, input, select, textarea {
	font-family:inherit;
	border-radius:0
}
textarea {
	resize:vertical
}
audio, canvas, progress, video {
	display:inline-block
}
input, select {
	vertical-align:middle
}
button {
	vertical-align:inherit;
	line-height:inherit;
	cursor:pointer
}
button, select {
	text-transform:none
}
code, kbd, pre, samp {
	font-family:monospace, sans-serif;
	font-size:1em
}
mark {
	background-color:#ff0
}
small {
	font-size:80%
}
sub, sup {
	position:relative;
	font-size:70%;
	line-height:0
}
sub {
	bottom:-0.25em
}
sup {
	top:-0.5em
}
ul {
	list-style:none
}
img {
	width:100%;
	height:auto
}
.inner {
	max-width:1205px;
	margin:auto;
	padding:0 40px
}
@media (max-width: 1000px) {
.inner {
	padding:0 30px
}
}
@media (max-width: 767px) {
.inner {
	padding:0 20px
}
}
.toggle-btn {
	cursor:pointer;
	display:none;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:fixed;
	right:30px;
	top:15px;
	z-index:200
}
.toggle-btn div {
	width:40px;
	height:40px;
	position:relative
}
.toggle-btn span {
	width:40px;
	height:2px;
	background-color:#000;
	border-radius:5px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform-origin:center;
	-ms-transform-origin:center;
	transform-origin:center;
	-webkit-transform:translate(-50%, 0px);
	-ms-transform:translate(-50%, 0px);
	transform:translate(-50%, 0px);
	-webkit-transition:0.2s;
	-o-transition:0.2s;
	transition:0.2s;
	-webkit-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	transition-delay:0.2s
}
.toggle-btn span:nth-child(1) {
	-webkit-transform:translate(-50%, -9px);
	-ms-transform:translate(-50%, -9px);
	transform:translate(-50%, -9px)
}
.toggle-btn span:nth-child(3) {
	-webkit-transform:translate(-50%, 9px);
	-ms-transform:translate(-50%, 9px);
	transform:translate(-50%, 9px)
}
@media (max-width: 1199px) {
.toggle-btn {
	display:block
}
}
@media (max-width: 767px) {
.toggle-btn {
	top:23px;
	right:10px
}
}
@media (max-width: 500px) {
.toggle-btn {
	top:15px
}
}
.ghost-nav {
	background:#000;
	position:fixed;
	right:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	z-index:100;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s
}
.ghost-nav ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	text-align:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	padding:40px 20px 20px
}
.ghost-nav a {
	padding:18px 20px;
	font-weight:900;
	line-height:22px;
	font-size:16px;
	display:block;
	color:#fff;
	opacity:0;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	text-transform:capitalize;
	text-decoration:none
}
@media screen and (min-width: 1199px) {
.ghost-nav {
	display:none
}
}
.ghost-nav .hero-a {
	margin-top:0 !important
}
@media (max-width: 1199px) {
.ghost-nav .hero-a a {
	font-size:14px;
	min-width:180px;
	padding:10px 15px
}
.ghost-nav .hero-a a img {
	right:15px
}
.hero-a a:last-child span img {
	display:none
}
}
@media (max-width: 500px) {
.ghost-nav .hero-a a {
	font-size:12px;
	min-width:150px
}
}
body.show-mobile-nav {
	overflow:hidden
}
body.show-mobile-nav .toggle-btn span {
	background-color:#fff
}
body.show-mobile-nav .toggle-btn span:nth-child(1) {
	-webkit-transform:translate(-50%, 0) rotate(30deg);
	-ms-transform:translate(-50%, 0) rotate(30deg);
	transform:translate(-50%, 0) rotate(30deg)
}
body.show-mobile-nav .toggle-btn span:nth-child(2) {
	opacity:0
}
body.show-mobile-nav .toggle-btn span:nth-child(3) {
	-webkit-transform:translate(-50%, 0) rotate(-30deg);
	-ms-transform:translate(-50%, 0) rotate(-30deg);
	transform:translate(-50%, 0) rotate(-30deg)
}
body.show-mobile-nav .ghost-nav {
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%)
}
body.show-mobile-nav .ghost-nav a {
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
body.show-mobile-nav .ghost-nav .hero-a {
	opacity:1;
	-webkit-transition-delay:1.27s;
	-o-transition-delay:1.27s;
	transition-delay:1.27s
}
body.show-mobile-nav .ghost-nav li:nth-child(1) a {
	-webkit-transition-delay:0.32s;
	-o-transition-delay:0.32s;
	transition-delay:0.32s
}
body.show-mobile-nav .ghost-nav li:nth-child(2) a {
	-webkit-transition-delay:0.48s;
	-o-transition-delay:0.48s;
	transition-delay:0.48s
}
body.show-mobile-nav .ghost-nav li:nth-child(3) a {
	-webkit-transition-delay:0.63s;
	-o-transition-delay:0.63s;
	transition-delay:0.63s
}
body.show-mobile-nav .ghost-nav li:nth-child(4) a {
	-webkit-transition-delay:0.80s;
	-o-transition-delay:0.80s;
	transition-delay:0.80s
}
body.show-mobile-nav .ghost-nav li:nth-child(5) a {
	-webkit-transition-delay:0.98s;
	-o-transition-delay:0.98s;
	transition-delay:0.98s
}
body.show-mobile-nav .ghost-nav li:nth-child(6) a {
	-webkit-transition-delay:1.07s;
	-o-transition-delay:1.07s;
	transition-delay:1.07s
}
.nowrap {
	white-space:nowrap;
	display:inline-block
}
header {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:0 25px 15px 58px;
	position:fixed;
	background-color:#fff;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	-webkit-box-shadow:0 10px 16px rgba(0,0,0,0.05);
	box-shadow:0 10px 16px rgba(0,0,0,0.05)
}
@media (max-width: 1300px) {
header {
	padding:0 25px 15px 30px
}
}
@media (max-width: 1199px) {
header {
	padding:0 25px 15px
}
}
header .left {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
header .left .logo {
	display:block;
	max-width:170px;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	cursor:pointer
}
header .left .logo:hover {
	opacity:.8
}
header .center ul, header .left ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
header .left ul {
	margin-left:30px
}
@media (max-width: 1199px) {
header .center ul, header .left ul {
	display:none
}
}
header .center ul li, header .left ul li {
	padding:0 20px;
	font-size:16px
}
@media (max-width: 1500px) {
header .center ul li, header .left ul li {
	padding:0 10px
}
}
@media (max-width: 1400px) {
header .center ul li, header .left ul li {
	padding:0 5px
}
}
header .center ul li a, header .left ul li a {
	position:relative;
	padding-bottom:5px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	cursor:pointer;
	text-transform:uppercase
}
header .center ul li a:before, header .left ul li a:before {
	content:"";
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
	display:block;
	width:0%;
	height:1px;
	background-color:#092063;
	position:absolute;
	bottom:0;
	left:0
}
header .center ul li a:hover, header .left ul li a:hover {
	text-decoration:none
}
header .center ul li a:hover:before, header .left ul li a:hover:before {
	width:100%
}
header .right {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
header .right a {
	display:block;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
header .right .sp {
	display:none;
	max-width:155px
}
header .right a:hover {
	opacity:.8
}
header .right a:first-child {
	max-width:65px
}
@media (max-width: 1199px) {
header .right a:first-child {
	max-width:50px
}
}
header .right div:last-child {
	margin-left:15px;
	max-width:190px
}
@media (max-width: 1199px) {
header .right div:last-child {
	max-width:155px
}
}
header .site-logo {
	padding-top:20px
}
header .site-logo p {
	padding-bottom:14px
}
@media (max-width: 1300px) {
header .site-logo p {
	font-size:12px
}
}
@media (max-width: 1199px) {
header .site-logo p {
	font-size:14px
}
}
@media (max-width: 767px) {
header {
	padding:20px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
header .left .logo {
	max-width:100px
}
header .site-logo {
	padding-top:0
}
header .site-logo p {
	display:none
}
header .right {
	margin-right:45px
}
}
@media (max-width: 500px) {
header .right {
	display:none
}
header .right .sp {
	display:block
}
}
header .center .info {
	border:1px solid #c31927;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	color:#c31927;
	padding:0.2em 0.5em;
	margin-bottom:10px
}
header .center .info .info-tel {
	font-weight:bold;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:0.2em 1em;
	font-size:1.2em;
	font-style:14px;
	color:#c31927
}
header .center .info .info-tel .icon {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	width:1em;
	height:1em;
	margin-right:0.5em
}
@media (max-width: 1199px) {
header .center .info {
	display:none
}
}
.title {
	text-align:center;
	font-size:48px;
	padding-bottom:20px;
	position:relative;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.title::after {
	content:"";
	display:block;
	background:url(../img/bor.png) no-repeat center center;
	width:130px;
	height:10px;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	bottom:0
}
@media (max-width: 767px) {
.title {
	font-size:23px
}
}
.solution {
	font-size:42px;
	text-align:center;
	background:url(../img/bg1.jpg) no-repeat center 0;
	background-size:cover;
	color:#fff;
	padding:95px 20px 200px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
@media (max-width: 1700px) {
.solution {
	padding:65px 20px 95px
}
}
@media (max-width: 1300px) {
.solution {
	padding:35px 20px 95px
}
}
@media (max-width: 900px) {
.solution {
	background-color:#092063;
	padding:40px 20px;
	background-size:auto
}
}
@media (max-width: 767px) {
.solution {
	font-size:18px
}
}
.trading {
	padding:100px 0
}
.trading .bx-wrapper {
	padding:50px 0 100px
}
.trading .slider1>div {
	margin:0 10px
}
.trading .inner>p {
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.trading ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding-bottom:10px
}
.trading ul li {
	background-color:#ffe2e7;
	text-align:center;
	min-width:253px
}
@media (max-width: 1199px) {
.trading ul li {
	min-width:auto
}
}
.trading ul li>div {
	padding:50px 40px;
	height:100%;
	position:relative
}
.trading ul li>div p {
	font-size:24px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
@media (max-width: 1199px) {
.trading ul li>div p {
	font-size:18px
}
}
@media (max-width: 900px) {
.trading ul li>div p {
	font-size:16px
}
}
.trading ul li>div div {
	font-weight:bold;
	font-size:20px
}
.trading ul li>div div .col {
	color:#CF0F26;
	font-size:55px;
	font-family:"din-2014", sans-serif;
	font-weight:700;
	font-style:normal
}
@media (max-width: 1199px) {
.trading ul li>div div {
	font-size:16px
}
.trading ul li>div div .col {
	font-size:40px
}
}
@media (max-width: 1199px) and (max-width: 900px) {
.trading ul li>div div .col {
	font-size:33px
}
}
.trading ul li .top-left {
	position:relative;
	left:0;
	top:0;
	display:block
}
.trading ul li .top-left::before {
	content:"";
	display:block;
	width:20px;
	height:8px;
	background-color:#cf0f26;
	position:absolute;
	top:10px;
	left:10px
}
.trading ul li .top-left::after {
	content:"";
	display:block;
	width:7px;
	height:14px;
	background-color:#cf0f26;
	position:absolute;
	top:18px;
	left:10px
}
.trading ul li .top-right {
	position:relative;
	right:0;
	top:0;
	display:block
}
.trading ul li .top-right::before {
	content:"";
	display:block;
	width:20px;
	height:8px;
	background-color:#cf0f26;
	position:absolute;
	top:10px;
	right:10px
}
.trading ul li .top-right::after {
	content:"";
	display:block;
	width:7px;
	height:14px;
	background-color:#cf0f26;
	position:absolute;
	top:18px;
	right:10px
}
.trading ul li .bottom-left {
	position:relative;
	left:0;
	top:100%;
	display:block
}
.trading ul li .bottom-left::before {
	content:"";
	display:block;
	width:20px;
	height:8px;
	background-color:#cf0f26;
	position:absolute;
	bottom:10px;
	left:10px
}
.trading ul li .bottom-left::after {
	content:"";
	display:block;
	width:7px;
	height:14px;
	background-color:#cf0f26;
	position:absolute;
	bottom:18px;
	left:10px
}
.trading ul li .bottom-right {
	position:relative;
	right:0;
	top:100%;
	display:block
}
.trading ul li .bottom-right::before {
	content:"";
	display:block;
	width:20px;
	height:8px;
	background-color:#cf0f26;
	position:absolute;
	bottom:10px;
	right:10px
}
.trading ul li .bottom-right::after {
	content:"";
	display:block;
	width:7px;
	height:14px;
	background-color:#cf0f26;
	position:absolute;
	bottom:18px;
	right:10px
}
@media (max-width: 1199px) {
.trading ul {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.trading ul li {
	width:23%
}
.trading ul li>div {
	padding:40px
}
}
@media (max-width: 1000px) {
.trading ul li>div {
	padding:30px 20px
}
}
@media (max-width: 767px) {
.trading {
	padding:50px 0
}
.trading .bx-wrapper {
	padding:30px 0 40px
}
.trading .inner>p {
	margin-top:-20px
}
.trading ul {
	padding-bottom:0
}
.trading ul li {
	width:48%;
	margin-bottom:30px
}
}
.departments {
	padding:0 20px
}
.departments h4 {
	text-align:center;
	font-size:30px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	padding:20px 0
}
@media (max-width: 767px) {
.departments h4 {
	padding:10px 0 0;
	font-size:18px
}
}
.departments ul {
	max-width:800px;
	margin:0 auto
}
.departments ul li {
	margin-top:30px;
	font-size:24px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:500;
	font-style:normal;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.departments ul li .sp {
	display:none
}
@media (max-width: 900px) {
.departments ul li {
	font-size:20px
}
}
.departments ul li div {
	display:inline-block
}
.departments ul li div div {
	position:relative;
	color:#cf0f26
}
.departments ul li div div span {
	position:relative;
	z-index:3
}
.departments ul li svg {
	width:25px;
	height:25px;
	margin-right:20px;
	margin-top:7px
}
@media (max-width: 767px) {
.departments ul {
	margin-top:30px
}
.departments ul li {
	font-size:14px;
	margin-top:10px
}
.departments ul li svg {
	width:15px;
	height:15px;
	min-width:15px;
	margin-right:10px;
	margin-top:3px
}
.departments ul li div div::after {
	height:5px
}
}
@media (max-width: 500px) {
.departments ul li .pc {
	display:none
}
.departments ul li .sp {
	display:block
}
.departments ul li .sp div {
	display:inline
}
}
.banner {
	margin-top:100px;
	max-width:1640px;
	margin:100px auto 0;
	background-color:#f9f9f9;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	position:relative;
	padding-bottom:100px
}
.banner .ban-top {
	background:url(../img/banner-top.png) no-repeat center center;
	background-size:contain;
	text-align:center;
	padding:50px 0 45px
}
.banner .ban-top p {
	font-size:24px;
	padding-bottom:25px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.banner .ban-top div {
	max-width:200px;
	margin:0 auto
}
.banner::after {
	content:"";
	display:block;
	background:url(../img/people.png) no-repeat center center;
	background-size:cover;
	position:absolute;
	right:-20px;
	bottom:-15px;
	width:246px;
	height:318px;
	z-index:2
}
@media (max-width: 1600px) {
.banner::after {
	right:0
}
}
@media (max-width: 1100px) {
.banner::after {
	width:160px;
	height:140px;
	background-size:contain;
	bottom:-30px
}
}
.banner .blue {
	text-align:center;
	padding-top:100px;
	font-size:32px;
	color:#092063;
	margin-bottom:70px;
	position:relative;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	display:inline-block;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.banner .blue::before {
	content:"";
	display:block;
	height:120px;
	width:3px;
	background-color:#000;
	position:absolute;
	top:100px;
	left:-100px;
	-webkit-transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
	transform:rotate(-15deg)
}
.banner .blue::after {
	content:"";
	display:block;
	height:120px;
	width:3px;
	background-color:#000;
	position:absolute;
	top:100px;
	right:-100px;
	-webkit-transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	transform:rotate(15deg)
}
.banner .tel {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-size:44px;
	border-radius:50px;
	margin:0 auto;
	font-family:"din-2014", sans-serif;
	font-weight:700;
	font-style:normal;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	line-height:1;
	max-width:350px;
	color:#d01126
}
.banner .tel:hover {
	text-decoration:none;
	opacity:.8
}
.banner .tel svg {
	width:30px;
	height:40px;
	margin-right:15px
}
@media (max-width: 767px) {
.banner .tel {
	min-width:auto;
	max-width:200px;
	font-size:26px
}
.banner .tel svg {
	width:18px;
	margin-right:10px
}
}
.banner .ban-tel {
	color:#d01126
}
.banner .ban-tel p {
	font-size:16px;
	text-align:center
}
.banner .ban-tel p:first-child {
	padding-bottom:5px
}
.banner .ban-tel p:last-child {
	padding-top:5px
}
.banner .banner-a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding-bottom:40px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	position:relative;
	z-index:3
}
.banner .banner-a a {
	background-color:#d01126;
	color:#fff;
	font-size:22px;
	min-width:510px;
	border-radius:50px;
	text-align:center;
	padding:20px 0
}
.banner .banner-a a:hover {
	text-decoration:none;
	background-color:#b11324
}
.banner .banner-a a span {
	position:relative
}
.banner .banner-a a span img {
	position:absolute;
	top:-70px;
	left:60px;
	max-width:90px
}
@media (max-width: 1400px) {
.banner .banner-a a span img {
	left:0
}
}
@media (max-width: 1300px) {
.banner .banner-a a span img {
	left:-10px;
	top:-40px;
	max-width:70px
}
}
@media (max-width: 1199px) {
.banner .banner-a a span img {
	left:-90px
}
}
@media (max-width: 767px) {
.banner .banner-a a span img {
	left:-50px;
	max-width:40px;
	top:-30px
}
}
@media (max-width: 500px) {
.banner .banner-a a span img {
	left:-25px;
	display:none
}
}
.banner .banner-a a img {
	display:block;
	max-width:17px;
	margin:5px auto 0
}
.banner .banner-a a:first-child {
	margin-right:50px
}
.banner .banner-a a:last-child span {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.banner .banner-a a:last-child span svg {
	width:18px;
	height:35px;
	margin-right:10px
}
@media (max-width: 767px) {
.banner .banner-a a:last-child span svg {
	width:15px;
	height:18px
}
}
@media (max-width: 1700px) {
.banner {
	margin:100px 20px 0
}
}
@media (max-width: 1300px) {
.banner .banner-a a {
	min-width:300px
}
}
@media (max-width: 1199px) {
.banner .ban-top {
	background-size:cover
}
.banner .blue {
	font-size:20px
}
.banner .blue::before {
	left:-50px
}
.banner .blue::after {
	right:-50px
}
.banner .banner-a a {
	min-width:auto;
	padding:20px 60px
}
}
@media (max-width: 767px) {
.banner {
	margin:50px 20px 0;
	padding-bottom:40px
}
.banner::after {
	display:none
}
.banner .ban-top {
	padding:30px 20px
}
.banner .ban-top p {
	font-size:14px;
	padding-bottom:15px
}
.banner .ban-top div {
	max-width:100px
}
.banner .blue {
	font-size:14px;
	padding:30px 0;
	margin-bottom:0
}
.banner .blue::before {
	left:-20px;
	height:60px;
	width:1px;
	top:30px
}
.banner .blue::after {
	right:-20px;
	height:60px;
	width:1px;
	top:30px
}
.banner .banner-a {
	padding-bottom:30px
}
.banner .banner-a a {
	font-size:14px;
	padding:10px 40px;
	min-width:150px
}
.banner .banner-a a:first-child {
	margin-right:20px
}
.banner>p {
	font-size:14px
}
}
@media (max-width: 500px) {
.banner .blue {
	font-size:12px
}
.banner .blue::before, .banner .blue::after {
	display:none
}
.banner .banner-a a:first-child {
	margin-right:10px
}
.banner .banner-a a {
	padding:10px 15px;
	font-size:12px
}
.banner .banner-a a:last-child span svg {
	width:12px;
	height:19px;
	margin-right:5px
}
}
.example {
	margin-top:100px
}
.example .tab-hd {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-top:50px
}
.example .tab-hd li {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background-color:#f8f8f8;
	width:32%;
	font-size:20px;
	padding:30px 0;
	text-align:center;
	cursor:pointer;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.example .tab-hd li:hover {
	color:#fff
}
.example .tab-hd li:first-child {
	border:2px solid #253e87
}
.example .tab-hd li:nth-child(2) {
	border:2px solid #ff6464
}
.example .tab-hd li:nth-child(3) {
	border:2px solid #ffbf2e
}
.example .tab-hd li:first-child:hover, .example .tab-hd li:first-child.active {
	background-color:#253e87;
	color:#fff
}
.example .tab-hd li:nth-child(2):hover, .example .tab-hd li:nth-child(2).active {
	background-color:#ff6464;
	color:#fff
}
.example .tab-hd li:nth-child(3):hover, .example .tab-hd li:nth-child(3).active {
	background-color:#ffbf2e;
	color:#fff
}
.example .tab-hd li:nth-child(4):hover, .example .tab-hd li:nth-child(4).active {
	background-color:#092063;
	color:#fff
}
.example .tab-bd li {
	display:none
}
.example .tab-bd .box li {
	display:block
}
.example .tab-2 .tab-hd {
	margin-top:30px
}
.example .tab-2 .tab-hd li {
	display:block
}
.example .tab-hd2 {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.example .tab-hd2>li {
	width:48%;
	margin-top:20px
}
.example .tab-bd {
	margin-top:60px
}
.example .tab-bd>li {
	display:none
}
.example .tab-bd>li .wrap {
	border:2px solid #092063;
	padding:35px 50px 55px;
	border-radius:10px;
	position:relative;
	margin-bottom:40px
}
@media (max-width: 1600px) {
.example .tab-bd>li .wrap {
	padding:35px 40px 55px
}
}
.example .tab-bd>li .wrap:last-child {
	margin-bottom:0
}
.example .tab-bd>li .pos-right {
	position:absolute;
	width:280px;
	height:38px;
	background-color:#253e87;
	right:20px;
	top:-7px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	color:#fff;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.example .tab-bd>li .add {
	background-color:#716f70;
	color:#fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:50px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	font-size:19px;
	cursor:pointer;
	position:relative;
	border-top-left-radius:10px;
	border-top-right-radius:10px
}
.example .tab-bd>li .add:before {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:15px 12.5px 0 12.5px;
	border-color:#716f70 transparent transparent transparent;
	position:absolute;
	left:60px;
	bottom:-14px
}
@media (max-width: 767px) {
.example .tab-bd>li .add:before {
	left:30px
}
}
.example .tab-bd>li .add:hover {
	background-color:#092063
}
.example .tab-bd>li .add:hover:before {
	border-color:#092063 transparent transparent transparent
}
.example .tab-bd>li .add.hide {
	background-color:#092063
}
.example .tab-bd>li .add.hide:before {
	border-color:#092063 transparent transparent transparent
}
.example .tab-bd>li .add .icon {
	position:absolute;
	width:15px;
	height:15px;
	top:41%;
	right:30px
}
.example .tab-bd>li .add .icon::before {
	position:absolute;
	top:7px;
	left:0%;
	content:"";
	display:block;
	width:15px;
	height:1px;
	background-color:#fff
}
.example .tab-bd>li .add .icon:after {
	position:absolute;
	top:0%;
	left:7px;
	content:"";
	display:block;
	width:1px;
	height:15px;
	background-color:#fff;
	display:block
}
.example .tab-bd>li .add.hide .icon::after {
	display:none
}
.example .tab-bd>li .add div {
	padding:20px;
	line-height:1;
	position:relative
}
.example .tab-bd>li .add div:nth-child(3) {
	background-color:#cf0f26
}
.example .tab-bd>li .add div:nth-child(4)::after {
	display:none
}
@media (max-width: 767px) {
.example .tab-bd>li .add {
	font-size:16px
}
.example .tab-bd>li .add div {
	padding:20px 10px
}
.example .tab-bd>li .add div:first-child {
	padding-left:0
}
.example .tab-bd>li .add .icon {
	right:15px
}
}
@media (max-width: 500px) {
.example .tab-bd>li .add .icon {
	right:10px;
	width:10px;
	height:10px
}
.example .tab-bd>li .add .icon::before {
	width:10px;
	top:4px
}
.example .tab-bd>li .add .icon::after {
	height:10px;
	left:4.5px
}
.example .tab-bd>li .add div {
	padding:20px;
	line-height:1.4
}
.example .tab-bd>li .add div:first-child {
	padding-left:20px
}
}
.example .tab-bd>li .flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-top:50px
}
.example .tab-bd>li .flex>figure {
	margin-right:50px;
	min-width:430px
}
@media (max-width: 1199px) {
.example .tab-bd>li .flex>figure {
	min-width:auto;
	width:100%;
	margin-right:0
}
}
@media (max-width: 900px) {
.example .tab-bd>li .flex>figure {
	min-width:auto;
	width:100%
}
}
.example .tab-bd>li .flex .box {
	width:100%
}
.example .tab-bd>li .flex .box h3 {
	font-size:24px;
	padding-bottom:30px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.example .tab-bd>li .flex .box h3.sp {
	display:none
}
.example .tab-bd>li .flex .box h3 span {
	display:block;
	font-size:30px;
	color:#001941
}
.example .tab-bd>li .flex .box h3 span small {
	font-size:20px;
	padding-left:3px
}
@media (max-width: 767px) {
.example .tab-bd>li .flex .box h3 span {
	font-size:20px
}
.example .tab-bd>li .flex .box h3 span small {
	font-size:14px
}
}
@media (max-width: 500px) {
.example .tab-bd>li .flex .box h3.pc {
	display:none
}
.example .tab-bd>li .flex .box h3.sp {
	display:block
}
}
.example .tab-bd>li .flex .box p {
	font-size:18px;
	line-height:2;
	padding-bottom:20px
}
.example .tab-bd>li .flex .box ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.example .tab-bd>li .flex .box ul li {
	margin-right:20px;
	height:50px
}
.example .tab-bd>li .flex .box ul li figure {
	background-color:#CF0F26;
	width:50px;
	height:50px;
	border-radius:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0 auto -25px;
	position:relative;
	z-index:3;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
@media (max-width: 500px) {
.example .tab-bd>li .flex .box ul li figure {
	width:40px;
	height:40px
}
}
.example .tab-bd>li .flex .box ul li div {
	background-color:#E5EBFD;
	height:100px;
	font-size:12px;
	padding:40px 10px 10px;
	position:relative;
	z-index:2;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
@media (max-width: 1500px) {
.example .tab-bd>li .flex .box ul li div {
	height:140px
}
}
.example .tab-bd>li .flex .box ul li a {
	text-align:center
}
.example .tab-bd>li .flex .box ul li a:hover {
	text-decoration:none
}
.example .tab-bd>li .flex .box ul li a:hover figure {
	background-color:#b11324
}
.example .tab-bd>li .flex .box ul li a:hover div {
	background-color:#092063;
	color:#fff
}
.example .tab-bd>li .flex .box ul.ul-2 li {
	width:23%
}
.example .tab-bd>li .flex .box ul.ul-2 li div {
	min-height:100px;
	height:auto
}
.example .tab-bd>li .flex .box ul.ul-3 li {
	width:18%
}
.example .tab-bd>li .flex .box ul.ul-3 li div {
	min-height:100px;
	height:auto
}
.example .tab-bd>li .flex .box ul li:last-child {
	margin-right:0
}
.example .tab-bd>li .flex .box ul li.one figure svg {
	width:20px;
	height:20px
}
.example .tab-bd>li .flex .box ul li.two figure svg {
	width:20px;
	height:15px
}
.example .tab-bd>li .flex .box ul li.three figure svg {
	width:20px;
	height:20px
}
.example .tab-bd>li .flex .box ul li.four figure svg {
	width:20px;
	height:20px
}
.example .tab-bd>li .flex .box ul li.five figure svg {
	width:20px;
	height:24px
}
.example .tab-bd>li .content-dl {
	padding-top:25px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	display:none
}
.example .tab-bd>li .content-dl.ddl {
	display:block
}
.example .tab-bd>li .content-dl dl dt {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
.example .tab-bd>li .content-dl dl {
	margin-top:25px
}
.example .tab-bd>li .content-dl dl dt {
	background-color:#1539a5;
	display:inline-block;
	color:#fff;
	padding:10px 30px;
	border-radius:10px;
	font-size:19px;
	position:relative;
	min-width:360px;
	margin-bottom:15px
}
.example .tab-bd>li .content-dl dl dd {
	background-color:#f9f9f9;
	padding:15px 30px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	font-size:17px
}
.example .tab-bd>li .content {
	display:none
}
.example .tab-bd>li .content.show {
	display:block
}
.example .tab-bd>li .content div {
	border:2px solid #bf0101;
	padding:15px 20px;
	margin-top:23px;
	border-radius:10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:500;
	font-style:normal;
	font-size:17px
}
@media (max-width: 767px) {
.example .tab-bd>li .content div {
	font-size:14px
}
}
.example .tab-bd>li .content div span {
	font-size:40px;
	color:#092063;
	min-width:80px;
	line-height:1;
	font-family:"din-2014", sans-serif;
	font-weight:700;
	font-style:normal
}
.example .tab-bd>li .content-dl2 {
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	display:none
}
.example .tab-bd>li .content-dl2.ddl {
	display:block
}
.example .tab-bd>li .content-dl2 dl {
	margin-top:25px
}
.example .tab-bd>li .content-dl2 dl dt {
	display:inline-block;
	background-color:#cf0f26;
	color:#fff;
	padding:10px 30px;
	border-radius:10px;
	font-size:19px;
	position:relative;
	min-width:360px;
	margin-bottom:10px
}
.example .tab-bd>li .content-dl2 dl dd {
	background-color:#f9f9f9;
	padding:15px 30px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	font-size:17px
}
.example .tab-bd>li .content-dl2 dl dd.sp {
	display:none
}
.example .tab-bd>li .content2 {
	max-width:751px;
	margin:25px auto 0;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	display:none
}
.example .tab-bd>li .content2.show {
	display:block
}
.example .tab-bd>li .content2>img {
	margin-bottom:25px
}
.example .tab-bd>li .content2 .top {
	margin-bottom:15px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding:20px 55px;
	text-align:center;
	position:relative
}
.example .tab-bd>li .content2 .top::after {
	content:"";
	display:block;
	background:url(../img/cir.png) no-repeat center center;
	width:228px;
	height:218px;
	background-size:contain;
	position:absolute;
	top:35px;
	right:200px;
	z-index:2
}
@media (max-width: 900px) {
.example .tab-bd>li .content2 .top::after {
	right:auto;
	left:280px
}
}
.example .tab-bd>li .content2 .top .left {
	min-height:110px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-right:55px;
	font-size:16px;
	color:#092063
}
.example .tab-bd>li .content2 .top .right {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	z-index:3
}
.example .tab-bd>li .content2 .top .right div {
	background-color:#fff;
	min-height:110px;
	border:2px solid #092063;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	border-radius:5px;
	min-width:150px;
	position:relative;
	color:#092063;
	font-size:15px
}
.example .tab-bd>li .content2 .top .right div span {
	position:absolute;
	bottom:-6px;
	right:-20px;
	background-color:#092063;
	color:#fff;
	padding:5px 10px;
	border-radius:3px;
	font-size:14px
}
.example .tab-bd>li .content2 .top .right div:first-child {
	margin-right:40px
}
.example .tab-bd>li .content2 .bottom {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:20px 55px;
	text-align:center
}
@media (max-width: 900px) {
.example .tab-bd>li .content2 .bottom {
	padding:20px 20px 20px 55px
}
}
.example .tab-bd>li .content2 .bottom .left {
	min-height:110px;
	min-width:110px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-right:55px;
	font-size:16px;
	color:#092063
}
.example .tab-bd>li .content2 .bottom .middle {
	background-color:#fff;
	min-height:110px;
	border:2px solid #092063;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	border-radius:5px;
	min-width:150px;
	position:relative;
	color:#092063;
	font-size:15px;
	position:relative;
	z-index:3;
	margin-left:50px
}
@media (max-width: 900px) {
.example .tab-bd>li .content2 .bottom .middle {
	margin-left:90px;
	margin-right:10px
}
}
.example .tab-bd>li .content2>div {
	background-color:#f7f7f7
}
.example .tab-bd li:nth-child(2) .pos-right {
	background-color:#FF6464
}
.example .tab-bd li:nth-child(3) .pos-right {
	background-color:#FFBF2E
}
.example .tab-bd li:nth-child(4) .pos-right {
	background-color:#092063
}
@media (max-width: 1199px) {
.example .tab-bd>li .flex {
	display:block
}
.example .tab-bd>li .flex .box {
	margin-top:30px
}
}
@media (max-width: 767px) {
.example {
	margin-top:50px
}
.example .tab-hd {
	margin-top:20px;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.example .tab-hd li {
	padding:10px;
	font-size:14px;
	width:48%
}
.example .tab-hd li:nth-child(3) {
	margin-top:10px
}
.example .tab-bd {
	margin-top:30px
}
.example .tab-bd>li .wrap {
	padding:35px 20px 30px
}
.example .tab-bd>li .pos-right {
	width:200px;
	top:0
}
.example .tab-bd>li .content-dl {
	padding-top:0
}
.example .tab-bd>li .content-dl dl dt {
	padding:10px 15px;
	font-size:16px;
	min-width:200px
}
.example .tab-bd>li .content-dl dl dd {
	padding:15px;
	font-size:14px
}
.example .tab-bd>li .content div {
	padding:15px
}
.example .tab-bd>li .content div span {
	min-width:60px
}
.example .tab-bd>li .content2 .top {
	display:block;
	padding:15px
}
.example .tab-bd>li .content2 .top::after {
	left:auto;
	top:100px;
	right:200px
}
.example .tab-bd>li .content2 .top .left {
	margin-right:0;
	min-height:auto;
	margin-bottom:15px
}
.example .tab-bd>li .content2 .top .right {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.example .tab-bd>li .content2 .top .right div:first-child {
	margin-right:0
}
.example .tab-bd>li .content2 .top .right div {
	min-width:auto;
	font-size:14px;
	width:48%
}
.example .tab-bd>li .content2 .bottom {
	padding:15px
}
.example .tab-bd>li .content2 .bottom .left {
	min-height:auto;
	min-width:100px;
	margin-right:0
}
.example .tab-bd>li .content2 .bottom .middle {
	margin-left:0
}
.example .tab-bd>li .content-dl2 dl dt {
	font-size:16px;
	padding:10px 15px;
	min-width:200px
}
.example .tab-bd>li .content-dl2 dl dd {
	font-size:14px;
	padding:15px
}
.example .tab-bd>li .flex {
	margin-top:40px
}
.example .tab-bd>li .flex .box h3 {
	font-size:16px;
	padding-bottom:20px
}
.example .tab-bd>li .flex .box p {
	font-size:14px;
	line-height:1.8
}
.example .tab-bd>li .flex .box ul li {
	height:40px
}
}
@media (max-width: 500px) {
.example .tab-bd>li .content-dl2 dl dd.sp {
	display:block
}
.example .tab-bd>li .content-dl2 dl dd.pc {
	display:none
}
.example .tab-hd li {
	width:100%
}
.example .tab-hd li:nth-child(2) {
	margin-top:10px
}
}
@media (max-width: 680px) {
.example .tab-bd>li .content2 .top::after {
	right:150px
}
}
@media (max-width: 570px) {
.example .tab-bd>li .content2 .top::after {
	display:none
}
}
@media (max-width: 500px) {
.example .tab-bd>li .content2 .top::after {
	display:block
}
.example .tab-bd>li .content div span {
	font-size:30px;
	min-width:50px
}
.example .tab-bd>li .content2 .bottom {
	display:block
}
.example .tab-bd>li .content2 .bottom .middle {
	margin:10px 0
}
.example .tab-bd>li .content2 .top::after {
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.example .tab-bd>li .icon {
	right:15px
}
.example .tab-bd>li .content-dl dl dt, .example .tab-bd>li .content-dl2 dl dt {
	padding-right:30px
}
}
.effects {
	margin-top:100px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.effects .inner>p {
	text-align:center;
	font-size:20px;
	padding:40px 0 90px
}
.effects ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:50px
}
.effects ul li {
	width:30%;
	margin-bottom:70px;
	text-align:center
}
@media (max-width: 1300px) {
.effects ul li {
	width:29%
}
}
@media (max-width: 1100px) {
.effects ul li {
	width:27%
}
}
.effects ul li figure {
	background-color:#def1ff;
	border-radius:30px;
	padding-left:30px;
	padding-right:25px;
	height:220px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
@media (max-width: 1300px) {
.effects ul li figure {
	height:190px
}
}
@media (max-width: 1100px) {
.effects ul li figure {
	height:180px
}
}
@media (max-width: 767px) {
.effects ul li figure {
	height:220px
}
}
.effects ul li figure img {
	display:block;
	margin:0 auto;
	width:80%
}
.effects ul li h3 {
	font-size:20px;
	padding-top:40px;
	color:#092063
}
.effects ul li p {
	font-size:16px;
	padding-top:20px;
	text-align:left
}
.effects ul li:first-child figure {
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
.effects ul li:first-child figure img {
	width:100%
}
.effects ul li:nth-child(2) {
	margin:0 50px
}
.effects ul li:last-child {
	margin-left:90px
}
@media (max-width: 767px) {
.effects {
	margin-top:50px
}
.effects .inner>p {
	padding:30px 0;
	font-size:14px
}
.effects ul {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-top:30px
}
.effects ul li {
	width:48%;
	margin-bottom:30px
}
.effects ul li h3 {
	font-size:16px;
	padding-top:25px
}
.effects ul li p {
	font-size:14px
}
.effects ul li:nth-child(2), .effects ul li:last-child {
	margin:0
}
}
@media (max-width: 500px) {
.effects ul li figure {
	height:150px;
	padding:0
}
.effects ul li figure img {
	width:90%
}
.effects ul li:first-child figure {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
}
.qa {
	margin-top:100px;
	padding:0 20px
}
.qa .content {
	max-width:1025px;
	margin:60px auto 0
}
.qa .content dl {
	padding-bottom:30px
}
.qa .content dl dt {
	background-color:#CF0F26;
	color:#fff;
	padding:15px 35px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:20px;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.qa .content dl dt:before {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:15px 12.5px 0 12.5px;
	border-color:#CF0F26 transparent transparent transparent;
	position:absolute;
	left:60px;
	bottom:-15px
}
.qa .content dl dt span {
	display:inline-block;
	font-size:28px;
	font-weight:bold;
	text-transform:uppercase;
	min-width:40px;
	line-height:1;
	font-family:"din-2014", sans-serif;
	font-weight:700;
	font-style:normal
}
.qa .content dl dd {
	background-color:#f9f9f9;
	padding:25px 35px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	font-size:18px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:500;
	font-style:normal
}
.qa .content dl dd span {
	display:inline-block;
	font-size:28px;
	text-transform:uppercase;
	font-weight:bold;
	min-width:40px;
	line-height:1;
	color:#0D41CB;
	font-family:"din-2014", sans-serif;
	font-weight:700;
	font-style:normal
}
.qa .content dl:last-child {
	padding-bottom:0
}
@media (max-width: 767px) {
.qa {
	margin-top:50px
}
.qa .content {
	margin:40px auto 0
}
.qa .content dl dt {
	padding:10px;
	font-size:16px
}
.qa .content dl dt span {
	min-width:30px
}
.qa .content dl dd {
	padding:10px;
	font-size:14px
}
.qa .content dl dd span {
	min-width:30px
}
}
.loading-box {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	background-color:transparent
}
.loading-box div {
	max-width:189px;
	width:100%;
	height:51px;
	overflow:hidden;
	position:relative;
	z-index:4;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	-webkit-animation:loading-top 1.9s ease-out;
	animation:loading-top 1.9s ease-out
}
.loading-box div img {
	width:189px;
	height:51px;
	-webkit-animation:loading 1.5s ease-out;
	animation:loading 1.5s ease-out;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	opacity:0
}
.loading-box:after {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	right:0;
	background:#fff;
	z-index:3;
	-webkit-transition:0.7s;
	-o-transition:0.7s;
	transition:0.7s;
	-webkit-transition-timing-function:cubic-bezier(0.17, 0.67, 0.5, 0.99);
	-o-transition-timing-function:cubic-bezier(0.17, 0.67, 0.5, 0.99);
	transition-timing-function:cubic-bezier(0.17, 0.67, 0.5, 0.99)
}
.loading-box::after {
	top:0
}
.loading-box.show:after {
	-webkit-transform:translateY(-101%);
	-ms-transform:translateY(-101%);
	transform:translateY(-101%)
}
@-webkit-keyframes loading-top {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
70% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(-50px);
transform:translateY(-50px)
}
}
@keyframes loading-top {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
70% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(-50px);
transform:translateY(-50px)
}
}
@-webkit-keyframes loading {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
70% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
80% {
opacity:1;
-webkit-transform:translateY(-10%);
transform:translateY(-10%)
}
100% {
opacity:1;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@keyframes loading {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
70% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
80% {
opacity:1;
-webkit-transform:translateY(-10%);
transform:translateY(-10%)
}
100% {
opacity:1;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
.hero {
	position:relative;
	padding:50px 0;
	margin-top:117px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	min-height:90vh
}
@media (max-width: 1199px) {
.hero {
	min-height:auto
}
}
.hero .hero-bg {
	content:"";
	background:url(../img/hero.jpg) no-repeat center center;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:.3s ease-out .3s;
	-o-transition:.3s ease-out .3s;
	transition:.3s ease-out .3s;
	-webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	transform:scale(1.15);
	opacity:0
}
@media (max-width: 1199px) {
.hero .hero-bg {
	background-position:70% center
}
}
.hero .hero-bg.show {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
.hero::before {
	content:"";
	display:block;
	background:url(../img/hero-wrap.png) no-repeat left 100%;
	background-size:cover;
	width:0;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	-webkit-transition:.3s ease-out .3s;
	-o-transition:.3s ease-out .3s;
	transition:.3s ease-out .3s
}
@media (max-width: 1199px) {
.hero::before {
	background:url(../img/hero-wrap.png) no-repeat center 100%
}
}
.hero.show::before {
	width:100%
}
.hero .wrap {
	position:relative;
	z-index:4;
	color:#fff;
	padding:0 50px;
	width:100%
}
@media (max-width: 1300px) {
.hero .wrap {
	padding:0 30px
}
}
.hero .hero-href {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.hero .hero-href h2 {
	background-color:#092063;
	color:#fff;
	border-radius:25px;
	padding:20px 25px;
	font-size:21px;
	font-weight:bold;
	line-height:1.5;
	margin-top:5px;
	opacity:0;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	-webkit-transition:.3s ease-out .3s;
	-o-transition:.3s ease-out .3s;
	transition:.3s ease-out .3s;
	width:200px;
	text-align:center
}
.hero .hero-href h2.show {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.hero .hero-href h2 figure {
	min-width:83px
}
.hero .hero-href h2 figure svg {
	display:block;
	width:36px;
	height:36px;
	margin:0 auto 10px
}
@media (max-width: 767px) {
.hero .hero-href h2 figure svg {
	margin:0 auto 5px;
	width:32px;
	height:32px
}
}
.hero .hero-href h2 img {
	display:block;
	width:auto;
	margin:0 auto 10px;
	max-width:32px
}
@media (max-width: 767px) {
.hero .hero-href h2 img {
	margin:0 auto 5px
}
}
.hero .hero-href h2:first-child {
	margin-right:30px
}
.hero .hero-href h2:first-child img {
	max-width:45px
}
.hero-a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	right:100px;
	bottom:40px
}
.hero-a a {
	background-color:#d01126;
	font-size:22px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	color:#fff;
	min-width:400px;
	padding:20px 0;
	border-radius:50px;
	line-height:1;
	position:relative;
	text-align:center
}
.hero-a a img {
	display:block;
	max-width:17px;
	margin:5px auto 0
}
.hero-a a:hover {
	text-decoration:none;
	background-color:#b11324
}
.hero-a a:last-child {
	margin-left:24px
}
.hero-a a:last-child span {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	position:relative
}
.hero-a a:last-child span img {
	position:absolute;
	top:-50px;
	left:40px;
	max-width:70px
}
@media (max-width: 1500px) {
.hero-a a:last-child span img {
	left:0;
	top:-30px;
	max-width:50px
}
}
@media (max-width: 1300px) {
.hero-a a:last-child span img {
	left:-10px
}
}
@media (max-width: 767px) {
.hero-a a:last-child span img {
	left:-120px;
	max-width:40px;
	top:-20px
}
}
@media (max-width: 500px) {
.hero-a a:last-child span img {
	display:none
}
}
.hero-a a:last-child span svg {
	width:18px;
	height:31px;
	margin-right:10px
}
@media (max-width: 767px) {
.hero-a a:last-child span svg {
	width:15px;
	height:18px;
	margin-right:5px
}
}
.hero-a a:last-child img {
	margin-top:0
}
@media (max-width: 1550px) {
.hero-a {
	right:40px
}
}
@media (max-width: 1500px) {
.hero-a a {
	min-width:270px;
	font-size:20px
}
}
@media (max-width: 1300px) {
.hero-a {
	margin-top:30px;
	margin-right:0
}
.hero-a a {
	min-width:220px;
	font-size:18px
}
}
@media (max-width: 1199px) {
.hero-a {
	position:static
}
}
.hero .hero-txt>h2 {
	font-size:200px;
	font-family:'Roboto', sans-serif;
	line-height:1;
	padding:0 0 20px;
	opacity:0;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	-webkit-transition:.3s ease-out .3s;
	-o-transition:.3s ease-out .3s;
	transition:.3s ease-out .3s
}
.hero .hero-txt>h2.show {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
@media (max-width: 1700px) {
.hero .hero-txt>h2 {
	text-shadow:1px 1px 2px #514e4e, -1px -1px 2px #514e4e
}
}
.hero .hero-txt h3 {
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	font-size:64px;
	line-height:1;
	opacity:0;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	-webkit-transition:.3s ease-out .3s;
	-o-transition:.3s ease-out .3s;
	transition:.3s ease-out .3s
}
.hero .hero-txt h3.show {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
@media (max-width: 1700px) {
.hero .hero-txt h3 {
	text-shadow:1px 1px 2px #514e4e, -1px -1px 2px #514e4e
}
}
.hero .hero-txt .con {
	opacity:0;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	-webkit-transition:.3s ease-out .3s;
	-o-transition:.3s ease-out .3s;
	transition:.3s ease-out .3s;
	display:block;
	max-width:380px;
	padding-top:20px
}
.hero .hero-txt .con.show {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.hero .hero-txt .con p {
	font-size:25px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
@media (max-width: 1700px) {
.hero .hero-txt .con p {
	text-shadow:1px 1px 2px #514e4e, -1px -1px 2px #514e4e
}
}
.hero .hero-txt .con span {
	font-size:29px;
	font-family:'Noto Sans Japanese';
	font-style:normal;
	font-weight:700;
	background-color:#092063;
	padding:3px
}
@media (max-width: 1700px) {
.hero .hero-txt .con span {
	text-shadow:none
}
}
.hero .hero-txt .con div {
	padding-bottom:10px
}
.hero .hero-txt .con div span:last-child {
	margin-left:5px
}
.hero .hero-txt ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	opacity:0;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	-webkit-transition:.3s ease-out .3s;
	-o-transition:.3s ease-out .3s;
	transition:.3s ease-out .3s;
	padding:30px 0
}
.hero .hero-txt ul.show {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.hero .hero-txt ul li {
	position:relative;
	padding:0 20px;
	margin:0 10px;
	height:75px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	text-align:center;
	font-size:16px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.hero .hero-txt ul li::before {
	content:"";
	display:block;
	background:url(../img/hero-before.png) no-repeat;
	width:23px;
	height:75px;
	position:absolute;
	left:0;
	top:0
}
.hero .hero-txt ul li::after {
	content:"";
	display:block;
	background:url(../img/hero-after.png) no-repeat;
	width:23px;
	height:75px;
	position:absolute;
	right:0;
	top:0
}
@media (max-width: 1700px) {
.hero .hero-txt ul li {
	text-shadow:1px 1px 2px #514e4e, -1px -1px 2px #514e4e
}
}
.hero .hero-txt ul li:first-child {
	margin-left:0
}
.hero-a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	opacity:0;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	-webkit-transition:.3s ease-out .3s;
	-o-transition:.3s ease-out .3s;
	transition:.3s ease-out .3s
}
.hero-a.show {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
@media (max-width: 900px) {
.hero .wrap {
	padding:0 20px
}
}
@media (max-width: 767px) {
.hero {
	margin-top:91px;
	height:calc(100vh - 91px);
	height:600px;
	padding:0
}
.hero .hero-bg {
	background-position:75% center
}
.hero .hero-href h2 {
	font-size:16px;
	max-width:280px;
	padding:10px 15px;
	border-radius:10px
}
.hero .hero-href h2 figure {
	min-width:50px
}
.hero .hero-href h2:first-child {
	margin-right:20px
}
.hero .hero-href h2:first-child img {
	max-width:40px
}
.hero .hero-href h2:last-child img {
	max-width:30px
}
.hero-a {
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.hero .hero-txt>h2 {
	font-size:90px;
	padding:0 0 20px
}
.hero .hero-txt h3 {
	font-size:24px
}
.hero .hero-txt ul {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.hero .hero-txt ul li {
	font-size:14px;
	margin:0;
	min-width:171.91px
}
.hero .hero-txt ul li:nth-child(2) {
	margin:0 20px
}
.hero .hero-txt .con p {
	font-size:17px
}
.hero .hero-txt .con span {
	font-size:16px
}
.hero-a {
	margin-top:15px
}
.hero-a a {
	font-size:14px;
	min-width:150px;
	padding:10px 0
}
.hero-a a img {
	right:15px
}
}
@media (max-width: 650px) {
.hero .hero-txt ul li {
	font-size:12px;
	min-width:auto
}
}
@media (max-width: 600px) {
.hero {
	height:700px
}
.hero .hero-txt ul li:first-child {
	margin-bottom:10px
}
}
@media (max-width: 500px) {
.hero {
	height:600px;
	margin-top:66px
}
.hero .hero-txt ul li:nth-child(2) {
	margin-left:10px;
	min-height:0
}
.hero .hero-txt>h2 {
	padding:0 0 10px
}
.hero::before {
	background:url(../img/hero-wrap-sp.png) no-repeat 50% 70%
}
.hero .hero-txt ul {
	display:none
}
.hero-a a {
	font-size:12px
}
.hero .hero-href {
	padding-top:30px;
	display:block
}
.hero .hero-href h2 {
	margin-top:0
}
.hero .hero-href h2:first-child {
	margin-bottom:20px
}
.hero-a {
	margin-top:30px
}
}
.hero-sp {
	display:none;
	margin:30px auto;
	padding:0 10px
}
.hero-sp ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.hero-sp ul li:nth-child(2) {
	margin:0 5px;
	min-height:0
}
.hero-sp ul li {
	position:relative;
	padding:0 15px;
	height:75px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	text-align:center;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	font-size:9px;
	min-width:auto;
	margin:0
}
.hero-sp ul li::before {
	content:"";
	display:block;
	background:url(../img/hero-before.png) no-repeat;
	width:23px;
	height:75px;
	position:absolute;
	left:0;
	top:0
}
.hero-sp ul li::after {
	content:"";
	display:block;
	background:url(../img/hero-after.png) no-repeat;
	width:23px;
	height:75px;
	position:absolute;
	right:0;
	top:0
}
.hero-sp ul li:first-child {
	margin-left:0;
	max-width:115px
}
@media (max-width: 500px) {
.hero-sp {
	display:block
}
}
.company {
	margin-top:100px;
	padding:0 20px
}
.company table {
	width:100%;
	max-width:1125px;
	margin:60px auto 0;
	font-size:15px
}
.company table td:first-child {
	background-color:#092063;
	color:#fff;
	padding:20px 25px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	min-width:146px
}
.company table td:last-child {
	padding:15px 20px;
	line-height:1.8;
	position:relative;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:500;
	font-style:normal
}
.company table td:last-child .time {
	padding-left:10px
}
.company table td:last-child .flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
.company table td:last-child .flex a {
	margin-left:70px;
	background-color:#092063;
	color:#fff;
	border-radius:50px;
	padding:5px 50px;
	position:relative;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal;
	min-width:160px
}
.company table td:last-child .flex a:hover {
	text-decoration:none;
	background-color:#10318a
}
.company table td:last-child .flex a img {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	right:10px;
	max-width:8px
}
.company table td:last-child .pos-rig {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	right:25px;
	bottom:15px
}
.company table td:last-child .pos-rig a {
	display:block;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
.company table td:last-child .pos-rig a:hover {
	opacity:0.8
}
.company table td:last-child .pos-rig a:first-child {
	max-width:69px
}
.company table td:last-child .pos-rig div:last-child {
	margin-left:15px;
	max-width:203px
}
@media (max-width: 767px) {
.company {
	margin-top:50px
}
.company table {
	margin:30px auto 0;
	font-size:14px
}
.company table td:first-child {
	padding:15px
}
.company table td:last-child {
	padding:15px
}
.company table td:last-child .flex {
	display:block
}
.company table td:last-child .flex a {
	display:inline-block;
	margin-left:0;
	margin-top:10px
}
.company table td:last-child .pos-rig {
	position:static;
	margin-top:10px
}
.company table td:last-child .pos-rig a:first-child {
	max-width:48px
}
.company table td:last-child .pos-rig div:last-child {
	max-width:144px
}
}
@media (max-width: 500px) {
.company table {
	font-size:12px
}
.company table td:first-child {
	min-width:106px;
	padding:10px
}
.company table td:last-child {
	padding:10px
}
.company table td:last-child .flex span {
	display:block;
	margin-bottom:-20px
}
}
.reason {
	margin-top:100px;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.reason .reason3-img {
	display:block;
	max-width:1000px;
	margin:20px auto 0
}
@media (max-width: 767px) {
.reason .reason3-img {
	margin:10px auto 0
}
}
.reason .box {
	border:2px solid #cf0f26;
	margin-top:50px;
	position:relative;
	padding:30px 45px
}
.reason .box .num {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background-color:#cf0f26;
	color:#fff;
	width:120px;
	height:120px;
	position:absolute;
	top:-15px;
	left:-25px;
	border-radius:100%;
	text-align:center;
	line-height:1;
	padding-top:10px
}
.reason .box .num span {
	font-size:20px;
	text-transform:uppercase
}
.reason .box .num h4 {
	font-size:50px;
	font-family:"din-2014", sans-serif;
	font-weight:700;
	font-style:normal;
	line-height:1;
	padding-top:5px
}
@media (max-width: 900px) {
.reason .box {
	padding:90px 45px 30px
}
}
@media (max-width: 767px) {
.reason .box .num {
	left:-15px;
	top:-10px
}
}
.reason .box:nth-child(2) {
	padding:100px 45px
}
@media (max-width: 767px) {
.reason .box:nth-child(2) {
	padding:40px 20px 20px
}
}
.reason .box:nth-child(3) {
	padding:90px 45px
}
.reason .reason-tit {
	text-align:center;
	font-size:30px
}
@media (max-width: 850px) {
.reason .reason-tit {
	font-size:26px
}
}
.reason .reason-one ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin:40px auto 60px;
	max-width:850px
}
.reason .reason-one ul li {
	background-color:#D01126;
	color:#fff;
	padding:30px 15px 20px;
	width:18%;
	border-radius:100%;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	height:153px;
	min-width:153px;
	max-width:153px
}
.reason .reason-one ul li figure {
	height:60px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-bottom:5px
}
.reason .reason-one ul li figure img {
	max-width:85px
}
.reason .reason-one ul li svg {
	display:block;
	margin:0 auto
}
@media (max-width: 1000px) {
.reason .reason-one ul {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.reason .reason-one ul li {
	width:32%;
	margin:0 5px 10px
}
}
.reason .reason-one ul li:first-child svg {
	width:50px;
	height:58px
}
.reason .reason-one ul li:nth-child(2) svg {
	width:80px;
	height:40px
}
.reason .reason-one ul li:nth-child(3) svg {
	width:48px;
	height:48px
}
.reason .reason-one ul li:nth-child(4) svg {
	width:48px;
	height:59px
}
.reason .reason-one ul li:nth-child(5) svg {
	width:50px;
	height:55px
}
.reason .reason-one .ban {
	margin:0 auto;
	text-align:center;
	padding:15px 0 20px;
	background:url(../img/bg2.png) no-repeat center center;
	position:relative;
	z-index:3;
	max-width:850px;
	background-size:cover;
	font-size:18px
}
@media (max-width: 767px) {
.reason .reason-one .ban {
	font-size:14px
}
}
.reason .reason-one .ban figure {
	max-width:120px;
	margin:0 auto 10px
}
.reason .reason-one .flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:50px 0 45px;
	margin-top:-20px;
	position:relative;
	z-index:2
}
.reason .reason-one .flex .left {
	position:relative
}
.reason .reason-one .flex .left figure {
	padding-top:20px;
	position:absolute;
	left:-120px;
	bottom:0
}
@media (max-width: 1100px) {
.reason .reason-one .flex .left figure {
	left:-60px;
	max-width:111px
}
}
.reason .reason-one .flex .left .txt {
	text-align:center;
	background-color:#fff;
	width:250px;
	padding:30px 10px 20px
}
.reason .reason-one .flex .left .txt h5 {
	font-size:22px;
	color:#CF0F26;
	padding-bottom:30px;
	position:relative
}
.reason .reason-one .flex .left .txt h5::after {
	content:"";
	display:block;
	background:url(../img/bor2.png) no-repeat center center;
	width:28px;
	height:4px;
	position:absolute;
	bottom:13px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.reason .reason-one .flex .left .txt p {
	font-size:16px
}
.reason .reason-one .flex .middle {
	margin:0 40px
}
@media (max-width: 900px) {
.reason .reason-one .flex .middle {
	margin:0 10px
}
}
.reason .reason-one .flex .right {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative
}
.reason .reason-one .flex .right figure {
	padding-top:20px;
	position:absolute;
	right:-120px;
	bottom:0
}
@media (max-width: 1100px) {
.reason .reason-one .flex .right figure {
	right:-60px;
	max-width:107px
}
}
.reason .reason-one .flex .right .txt {
	text-align:center;
	background-color:#fff;
	width:250px;
	padding:30px 10px 20px
}
.reason .reason-one .flex .right .txt h5 {
	font-size:20px;
	color:#CF0F26;
	padding-bottom:30px;
	position:relative
}
.reason .reason-one .flex .right .txt h5::after {
	content:"";
	display:block;
	background:url(../img/bor2.png) no-repeat center center;
	width:28px;
	height:4px;
	position:absolute;
	bottom:13px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.reason .reason-one .flex .right .txt p {
	font-size:16px
}
.reason .reason-two {
	margin-top:50px
}
.reason .reason-two .reason-t {
	font-size:22px;
	position:relative;
	padding-left:28px
}
.reason .reason-two .reason-t::before {
	content:"";
	width:17px;
	height:17px;
	background-color:#010000;
	border-radius:100%;
	position:absolute;
	left:0;
	top:10px
}
.reason .reason-two ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-top:20px
}
.reason .reason-two ul li {
	width:31%
}
.reason .reason-two ul li p {
	font-size:20px;
	text-align:center;
	padding-top:10px
}
.reason .reason-two ul .reason-two-tit {
	font-size:19px;
	text-align:center;
	margin-bottom:15px;
	position:relative;
	height:58px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.reason .reason-two ul .reason-two-tit::after {
	content:"";
	width:0;
	height:0;
	background:url(../img/bor4.png) no-repeat center center;
	position:absolute;
	left:0;
	top:0;
	width:336px;
	height:58px;
	background-size:contain;
	z-index:2
}
@media (max-width: 1199px) {
.reason .reason-two ul .reason-two-tit::after {
	width:300px;
	height:53px
}
}
@media (max-width: 1080px) {
.reason .reason-two ul .reason-two-tit::after {
	width:257px;
	height:50px
}
}
.reason .reason-two ul .reason-two-tit span {
	position:relative;
	color:#fff;
	z-index:3
}
@media (max-width: 1000px) {
.reason .reason-two ul .reason-two-tit {
	border:1px solid #dfdfdf;
	background-color:#092063
}
.reason .reason-two ul .reason-two-tit::after {
	display:none
}
}
.reason .reason-three-tit {
	text-align:center;
	font-size:26px;
	padding-top:20px
}
.reason .reason-three-con ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.reason .reason-three-con ul li {
	text-align:center;
	color:#CF0F26;
	font-size:20px
}
.reason .reason-three-con ul li img {
	display:block;
	margin:10px auto 0
}
.reason .reason-three-con ul li figure {
	border:2px solid #989797;
	width:206px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
@media (max-width: 1040px) {
.reason .reason-three-con ul li figure {
	width:175px;
	height:auto
}
}
.reason .reason-three-con ul li figure img {
	display:block;
	margin:0 auto
}
@media (max-width: 900px) {
.reason .reason-three-con ul {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.reason .reason-three-con ul li {
	width:23%;
	font-size:14px
}
.reason .reason-three-con ul li figure {
	width:100%
}
.reason .reason-three-con ul li figure img {
	width:100%
}
}
.reason .bor3 {
	max-width:880px;
	margin:0 auto
}
@media (max-width: 1199px) {
.reason .bor3 {
	max-width:800px
}
}
@media (max-width: 1100px) {
.reason .bor3 {
	max-width:80%
}
}
.reason .reason-three-tit2 {
	margin-top:30px
}
.reason .reason-three-tit2 .rea-flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-left:0
}
.reason .reason-three-tit2 .rea-flex img {
	max-width:800px;
	width:100%
}
.reason .reason-three-tit2 .rea-l1-1 {
	position:relative;
	height:90px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.reason .reason-three-tit2 .rea-l1-1::after {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:0 162.5px 90px 162.5px;
	border-color:transparent transparent #909090 transparent;
	display:block;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	top:0;
	z-index:2
}
.reason .reason-three-tit2 .rea-l1-1 span {
	position:relative;
	z-index:3;
	color:#fff;
	font-size:30px;
	padding-top:20px
}
.reason .reason-three-tit2 .rea-l1 {
	position:relative;
	height:90px;
	width:340px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.reason .reason-three-tit2 .rea-l1::after {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:90px 162.5px 0 162.5px;
	border-color:#909090 transparent transparent transparent;
	display:block;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	top:0;
	z-index:2
}
.reason .reason-three-tit2 .rea-l1 span {
	position:relative;
	z-index:3;
	color:#fff;
	font-size:30px;
	padding-top:5px
}
.reason .rea-l2 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-size:22px;
	margin:20px auto;
	line-height:1
}
.reason .rea-l2 figure {
	max-width:90px;
	margin-right:10px
}
@media (max-width: 767px) {
.reason {
	margin-top:50px
}
.reason .box:nth-child(3) {
	padding:40px 20px 20px 20px
}
.reason .box:nth-child(3) .reason-two {
	margin-top:20px
}
.reason .box:nth-child(3) .reason-t {
	font-size:16px;
	padding-left:18px
}
.reason .box:nth-child(3) .reason-t::before {
	width:10px;
	height:10px;
	top:8px
}
.reason .box:nth-child(3) .reason-two-tit {
	font-size:16px
}
.reason .box:nth-child(3) ul li p {
	font-size:14px
}
.reason .box {
	padding:40px 20px 20px
}
.reason .box .num {
	height:80px;
	width:80px;
	top:-30px
}
.reason .box .num span {
	font-size:14px
}
.reason .box .num h4 {
	font-size:30px
}
.reason .box .reason-tit {
	font-size:16px
}
.reason .reason-one ul {
	margin:30px auto;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.reason .reason-one ul li {
	font-size:14px;
	height:90px;
	min-width:90px;
	max-width:90px;
	padding:15px 10px
}
.reason .reason-one ul li figure {
	height:30px
}
.reason .reason-one ul li:first-child svg {
	width:25px;
	height:29px
}
.reason .reason-one ul li:nth-child(2) svg {
	width:40px;
	height:20px
}
.reason .reason-one ul li:nth-child(3) svg {
	width:24px;
	height:24px
}
.reason .reason-one ul li:nth-child(4) svg {
	width:24px;
	height:29.5px
}
.reason .reason-one ul li:nth-child(5) svg {
	width:25px;
	height:27.5px
}
.reason .reason-one ul img {
	height:43px;
	width:auto
}
.reason .reason-one .ban {
	background-size:auto
}
.reason .reason-one .flex {
	display:block;
	padding:0
}
.reason .reason-one .flex .left .txt, .reason .reason-one .flex .right .txt {
	width:100%
}
.reason .reason-one .flex .left figure {
	left:0
}
.reason .reason-one .flex .right figure {
	right:0
}
.reason .reason-one .flex .middle {
	max-width:30px;
	margin:20px auto
}
.reason .reason-three-tit {
	font-size:15px
}
.reason .reason-three-tit2 .rea-l1 {
	width:180px;
	height:50px
}
.reason .reason-three-tit2 .rea-l1::after {
	border-width:50px 80px 0 80px
}
.reason .reason-three-tit2 .rea-l1 span {
	font-size:18px
}
.reason .reason-three-tit2 .rea-l1-1 {
	height:50px
}
.reason .reason-three-tit2 .rea-l1-1::after {
	border-width:0 80px 50px 80px
}
.reason .reason-three-tit2 .rea-l1-1 span {
	font-size:18px
}
.reason .rea-l2 {
	font-size:16px
}
}
@media (max-width: 500px) {
.reason .box .num {
	top:-40px
}
.reason .reason-one .flex .right figure, .reason .reason-one .flex .left figure {
	max-width:70px
}
.reason .reason-one ul li {
	height:85px;
	min-width:85px;
	max-width:85px;
	margin:0 5px 10px;
	padding:15px 10px;
	font-size:12px
}
.reason .reason-one .ban {
	padding:10px
}
.reason .box:nth-child(3) ul li p {
	font-size:12px
}
.reason .reason-three-con ul li {
	line-height:1.3
}
.reason .reason-three-con ul li span {
	display:block;
	font-size:12px
}
}
footer {
	background-color:#fff;
	margin-top:100px;
	text-align:center;
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
footer .foot-top {
	padding:50px 0;
	font-size:20px
}
footer .foot-top a {
	display:block;
	max-width:200px;
	margin:0 auto 20px
}
footer .copyright {
	padding:10px;
	background-color:#D01126;
	color:#fff
}
@media (max-width: 767px) {
footer {
	margin-top:50px
}
footer .foot-top {
	padding:30px 20px;
	font-size:16px
}
footer .foot-top a {
	max-width:150px
}
}
.jian {
	margin-top:65px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	background-color:#F1F4FC;
	border-radius:10px;
	padding:30px 40px
}
.jian h4 {
	font-size:18px;
	min-width:140px
}
.jian ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:100%
}
.jian ul li:last-child {
	border-bottom:none
}
.jian ul li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	line-height:1.4
}
.jian ul li figure {
	background-color:#CF0F26;
	width:33px;
	height:33px;
	margin-right:10px;
	border-radius:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	z-index:3;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
.jian ul li div {
	font-family:"dnp-shuei-gothic-gin-std", sans-serif;
	font-weight:600;
	font-style:normal
}
.jian ul li:first-child figure svg {
	width:16px;
	height:16px
}
.jian ul li:nth-child(2) figure svg {
	width:16px;
	height:11px
}
.jian ul li:nth-child(3) figure svg {
	width:15px;
	height:15px
}
.jian ul li:nth-child(4) figure svg {
	width:17px;
	height:17px
}
.jian ul li:nth-child(5) figure svg {
	width:16px;
	height:14px
}
@media (max-width: 1000px) {
.jian ul {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.jian ul li {
	width:50%;
	margin-bottom:10px
}
.jian ul li:last-child {
	margin-bottom:0
}
}
@media (max-width: 767px) {
.jian {
	margin-top:30px;
	padding:20px
}
.jian h4 {
	font-size:16px;
	min-width:125px
}
.jian ul li {
	width:60%
}
.jian ul li:nth-child(2), .jian ul li:nth-child(4) {
	width:40%
}
}
@media (max-width: 600px) {
.jian {
	display:block
}
.jian h4 {
	text-align:center;
	margin-bottom:15px
}
}
@media (max-width: 500px) {
.jian ul li {
	display:block;
	text-align:center;
	width:20%;
	font-size:12px;
	margin-bottom:0
}
.jian ul li figure {
	margin:0 auto 10px
}
.jian ul li:nth-child(2), .jian ul li:nth-child(4) {
	width:20%
}
.jian ul li div span {
	display:none
}
.reason .box:nth-child(3) ul li p {
	font-size:14px;
	padding-bottom:10px;
	padding-top:0px
}
}
.solution p, .title, .trading ul li, .trading .inner>p, .jian, .departments h4, .departments ul li, .banner .ban-top p, .banner .ban-tel p, .banner .ban-top div, .banner .banner-a, .banner .tel, .example .tab-hd, .effects .inner>p, .effects ul li, .reason .box, .qa .content dl, .company table {
	-webkit-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	-webkit-transform:translateY(40px);
	-ms-transform:translateY(40px);
	transform:translateY(40px);
	opacity:0
}
.solution p.animate, .title.animate, .trading ul li.animate, .trading .inner>p.animate, .jian.animate, .departments h4.animate, .departments ul li.animate, .banner .ban-top p.animate, .banner .ban-tel p.animate, .banner .ban-top div.animate, .banner .banner-a.animate, .banner .tel.animate, .example .tab-hd.animate, .effects .inner>p.animate, .effects ul li.animate, .reason .box.animate, .qa .content dl.animate, .company table.animate {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.sp-only {
	display:none
}
.page .hero-a a:last-child {
	margin-left:0
}
.page footer {
	margin-top:0
}
.page .hero-a {
	display:block
}
.page .hero-a .open {
	margin-top:0.5em;
	color:#ffffff
}
.contact-main {
	margin-top:117px;
	padding-top:60px
}
.contact-main.thanks .contact-right {
	width:100%
}
.contact-main.thanks .article {
	font-size:24px;
	text-align:center;
	line-height:1.8em
}
.contact-main .inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.contact-main .line-title {
	text-align:center
}
.contact-main .line-title h2 {
	font-size:30px
}
.contact-main .line-title .line {
	width:130px;
	height:2px;
	margin:1.5em auto 2.5em;
	background-color:#092063;
	position:relative
}
.contact-main .line-title .line::after {
	content:"";
	position:absolute;
	width:8px;
	height:8px;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%) rotate(45deg);
	-ms-transform:translate(-50%, -50%) rotate(45deg);
	transform:translate(-50%, -50%) rotate(45deg);
	border-bottom:2px solid #092063;
	border-right:2px solid #092063;
	background-color:#ffffff
}
.contact-main .flex-title {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.contact-main .flex-title h2 {
	font-size:24px
}
.contact-main .flex-title .note {
	font-size:12px;
	margin-left:20px;
	-webkit-transform:translateY(0.1em);
	-ms-transform:translateY(0.1em);
	transform:translateY(0.1em)
}
.contact-main .link-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:calc(100% + 10px);
	margin-left:-5px
}
.contact-main .link-list li {
	width:calc(20% - 10px);
	margin:10px 5px
}
.contact-main .content02 {
	margin-top:20px
}
.contact-main .content03 {
	margin-top:40px
}
.contact-main .content03 .imgs {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-top:10px
}
.contact-main .content03 .imgs .img {
	width:calc(25%)
}
.contact-main .forms-box .item {
	margin-top:20px
}
.contact-main .forms-box .note {
	font-size:12px;
	margin-bottom:4px
}
.contact-main .forms-box .head {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-bottom:0.5em
}
.contact-main .forms-box .head .name {
	font-size:1.2em
}
.contact-main .forms-box .head .must {
	font-weight:bold;
	color:#c31927;
	margin-left:20px
}
.contact-main .forms-box .head .must.no {
	color:#3b64ae
}
.contact-main .forms-box .form-label {
	position:relative
}
.contact-main .forms-box .form-label input, .contact-main .forms-box .form-label textarea {
	width:100%;
	background-color:#e0e0e0;
	border-color:#e0e0e0;
	-webkit-transition:0.3s all;
	-o-transition:0.3s all;
	transition:0.3s all;
	border-radius:4px;
	padding:0.8em 1em
}
.contact-main .forms-box .form-label input:hover, .contact-main .forms-box .form-label textarea:hover {
	border-color:#c31927
}
.contact-main .forms-box .grid {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.contact-main .forms-box .grid li {
	margin:0.2em 0
}
.contact-main .forms-box .grid li:not(:last-child) {
	margin-right:2em
}
.contact-main .forms-box .grid-harf {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.contact-main .forms-box .grid-harf li {
	width:50%;
	margin:0.2em 0
}
.contact-main .forms-box .form-check {
	position:relative;
	display:inline-block
}
.contact-main .forms-box .form-check .is-checked {
	display:inline;
	background-color:#ccc
}
.contact-main .forms-box .form-check input[type='checkbox'] {
	position:absolute;
	z-index:-1;
	opacity:0
}
.contact-main .forms-box .form-check .form-item {
	position:relative;
	display:block;
	padding:0 0 0 1.4em;
	cursor:pointer
}
.contact-main .forms-box .form-check .form-item:hover::before {
	border-color:#c31927
}
.contact-main .forms-box .form-check .form-item::before {
	content:"";
	position:absolute;
	top:0.3em;
	left:0;
	width:1em;
	height:1em;
	border:1px solid #333333;
	background-color:#ffffff
}
.contact-main .forms-box .form-check .form-item::after {
	content:"";
	position:absolute;
	top:0.1em;
	left:-0.2em;
	z-index:1;
	width:1.6em;
	height:1.6em;
	background:url(../img/icon-check-01.png) center center/contain no-repeat;
	opacity:0;
	-webkit-transition:opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition:opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)
}
.contact-main .forms-box .form-check input[type='checkbox']:checked+.form-item::after {
	opacity:1
}
.contact-main .forms-box .form-check input[type='checkbox']:disabled+.form-item {
	color:#bfbfbf
}
.contact-main .forms-box .form-check input[type='checkbox']:disabled+.form-item::after {
	position:absolute;
	top:-4px;
	left:11px;
	width:1px;
	height:32px;
	background-color:#ccc;
	-webkit-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg)
}
.contact-main .contact-left {
	width:calc(50% - 20px)
}
.contact-main .contact-form {
	width:calc(50% - 20px)
}
.contact-main .contact-form .flex-title {
	margin-top:5px;
	margin-bottom:25px
}
.contact-main .contact-bottom {
	width:100%
}
.contact-bottom {
	padding-top:10px;
	margin-top:10px;
	position:relative;
	margin-bottom: 20px;
}
.contact-bottom::after {
	content:"";
	display:block;
	background-size:cover;
	position:absolute;
	right:-20px;
	bottom:-60px;
	width:160px;
height:calc(160px * 318 / 246);
	z-index:2
}
.contact-bottom .box {
	width:100%;
	max-width:900px;
	margin:0 auto
}
.contact-bottom .info {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.contact-bottom .info li {
	margin:0.4em 0
}
.contact-bottom .info a {
	text-decoration:underline;
	color:#2352a3;
	font-weight:bold
}
.contact-bottom .info a:hover {
	text-decoration:none
}
.contact-bottom .info .red {
	color:#c31927
}
.contact-bottom .info .left {
    margin: 0 auto;
	
}

@media (min-width: 961px){
.contact-bottom .info .left {
display: flex;
}
}
@media (max-width: 960px){
.sp-none{display:none;}
}


ul.right {
    margin: 0 auto;
}
.contact-bottom .lyt-btn button {
	background-color:#c31927;
	color:#ffffff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-size:20px;
	font-weight:bold;
	border-color:#c31927;
	padding:1em;
	margin:0 auto;
	width:400px;
	border-radius:50vw;
	margin-top:10px;
	margin-bottom:20px
}
.contact-bottom .lyt-btn button img {
	width:1em;
	margin-left:1em
}
@media (max-width: 1100px) {
.contact-bottom::after {
	right:10px;
	bottom:-20px;
	width:100px;
height:calc(100px* 318 / 246)
}
}
@media (max-width: 960px) {
.contact-main .contact-left {
	width:100%;
	margin-bottom:30px
}
.contact-main .content02 {
	display:none
}
.contact-main .content03 {
	display:none
}
.contact-main .contact-form {
	width:100%
}
.contact-main .forms-box .grid-harf {
	max-width:500px
}
.contact-main .flex-title {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.contact-bottom .info {
	display:block
}
}
@media (max-width: 767px) {
.contact-bottom::after {
	display:none
}
.contact-main {
	margin-top:91px
}
.contact-main.thanks .article {
	font-size:16px
}
.contact-main .line-title h2 {
	font-size:24px
}
.contact-bottom {
	padding-top:20px;
	margin-top:20px
}
}
@media (max-width: 500px) {
.contact-main {
	margin-top:66px
}
.contact-bottom .lyt-btn button {
	font-size:18px;
	padding:0.8em 1em
}
.contact-bottom .lyt-btn button {
	width:100%
}
.contact-main .forms-box .grid-harf li {
	width:100%
}
.contact-main .forms-box .grid {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.contact-main .forms-box .grid li {
	width:100%
}
.contact-main .forms-box .grid li:not(:last-child) {
	margin-right:0
}
.contact-bottom .info {
	font-size:12px
}
}
.formError {
	z-index:99
}
.formError .formErrorContent {
	z-index:91
}
.formError .formErrorArrow {
	z-index:96
}
.ui-dialog .formError {
	z-index:50
}
.ui-dialog .formError .formErrorContent {
	z-index:51
}
.ui-dialog .formError .formErrorArrow {
	z-index:56
}
/* 202504その他事例はこちら*/
.other_examples a {
font-size: 2vw;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    margin-top: 3rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.5rem;
	color: #fff;
    background-color: #092063;
	border-radius: 100vh;
	}
.other_examples a img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    max-width: 20px;
}
@media (max-width: 500px) {
.other_examples a {
    font-size: 12px;
	}
	}