@charset "utf-8";
/* Start 
Reset Stylesheet
Author: xiez
Author Blog: http://www.xiezsama.com/
Last Updated: 2017-10-11 */


/* Catalog */

/* if u want to find somecode plase search "Serial-Number+down here", such as "#001 down here", u will see

#001  ----------  <website default css>
#002  ----------  <website default function css>
#003  ----------  <website default common css>
#004  ----------  <website default homepage css>
#005  ----------  <website default pagecommon css>
#006  ----------  <website default Business css>
#007  ----------  <website default contact css>
#008  ----------  <website default about css>
#009  ----------  <website default privacy css>
#010  ----------  <website default recruit css>
#011  ----------  <website default wanted css>
#012  ----------  <website default wanted-credit css>




*/


/* #001 down here for website default css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: 0 0;
	box-sizing: border-box
}
:after, :before {
	box-sizing: border-box
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", Helvetica, メイリオ, Meiryo, 游ゴシック, YuGothic, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Microsoft Yahei", "MS PGothic", sans-serif;
	overflow-x: hidden;
	font-size: 14px;
	line-height: 1.8;
	color: #333333;
}
address, caption, code, figcaption, pre, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
fieldset, iframe, img {
	border: 0
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
caption, th {
	text-align: left
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
sup {
	vertical-align: text-top
}
sub {
	vertical-align: text-bottom
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}
button {
	background: 0 0;
	border: 0;
	box-sizing: content-box;
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: inherit;
	overflow: visible;
	vertical-align: inherit
}
button:disabled {
	cursor: default
}
audio:not([controls]) {
	display: none
}
:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
	outline: 0
}
::-moz-focus-inner {
 border:0;
 padding:0
}
a, a:link, a:visited {
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
a:active {
	text-decoration: none
}
ul {
	list-style: none
}
img {
	display: block;
	height: auto;
	max-width: 100%
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #ccc;
opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #ccc;
opacity:1;
}
 input:-ms-input-placeholder {
 color: #ccc;
opacity:1;
}
 input::-webkit-input-placeholder {
 color: #ccc;
opacity:1;
}

/* chorm scroll style */
::-webkit-scrollbar {
 width: 6px;
 background-color: #f3f3f3;
 border-left:1px solid #dddddd;
}
::-webkit-scrollbar:hover {
 background-color: transparent;
}
::-webkit-scrollbar-thumb {
 cursor:pointer;
 background-color: #cccccc;
}
::-webkit-scrollbar-thumb:hover {
 background-color:#111111;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
 display: none;
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */



/* #002 down here for website default function css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */

/* if u want to change function for JQcode , plase open function.js file , search function's name , that name is css's name */
/* css for function dgib */
/* function dgib default width:height is 1:1 , if u want to change that height , addclass name's "dgib-h10" <div class="dgib dgib-h10"> that this dom height = width * 0.1 */
.dgib {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.dgib:after {
	display: block;
	content: "";
	padding-top: 100%;
}
.dgib-h10:after {
	padding-top: 10%;
}
.dgib-h20:after {
	padding-top: 20%;
}
.dgib-h30:after {
	padding-top: 30%;
}
.dgib-h40:after {
	padding-top: 40%;
}
.dgib-h50:after {
	padding-top: 50%;
}
.dgib-h60:after {
	padding-top: 60%;
}
.dgib-h70:after {
	padding-top: 70%;
}
.dgib-h80:after {
	padding-top: 80%;
}
.dgib-h90:after {
	padding-top: 90%;
}
.dgib > img {
	display: none;
}
/* css for function dpxc */
.dpxc {
	position: absolute;
	left: 50%;
}
/* css for function dpyc */
.dpyc {
	position: absolute;
	top: 50%;
}
/* css for function dpxyc */
.dpxyc {
	position: absolute;
	top: 50%;
	left: 50%;
}
.clear:after { content: ""; display: block; clear: both;}
.cssdpyc { position: absolute; top: 50%; transform: translateY(-50%);}
.cssdpxc { position: absolute; left: 50%; transform: translateX(-50%);}
.cssdpxyc { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */


/* #003 down here for website common css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.sp-menu { display: none;}
.sp-layout { display: none;}

.common-nav { width:230px; position: fixed; height: 100%; background: url(../img/manu_bg2.png) repeat center;  z-index: 9999;}
.common-nav .logo { width: 100%; height: 200px; background: url(../img/manu_bg2.png) repeat center; display: flex; justify-content: center; align-items: center; line-height: 0;}
.common-nav .nav > ul {border-bottom: 1px solid #e82400;}
.common-nav .nav > ul > li {border-top: 1px solid #e82400;}
.common-nav .nav > ul > li > a { display: block; padding: 15px 0 15px 30px; color: #000; font-size: 16px; text-decoration: none; font-weight: bold; transition: background .3s;}
.common-nav .nav > ul > li:hover > a { background: #efefef; color: #3b4587;}
.common-nav .nav > ul > li > a > span { display: block; color:#e82400; font-weight: normal; font-size:12px; margin-top: 2px; transition: .3s;}
.common-nav .nav > ul > li:hover > a > span { color: #777777;}

.common-nav .nav > ul > li > a~ul { background: #efefef;}
.common-nav .nav > ul > li > a~ul li { border-top: 1px solid #fff;}
.common-nav .nav > ul > li > a~ul li a {padding: 10px 0 10px 30px; line-height: 1.1; color: #000; font-weight: bold; display: block; text-decoration: none;}
.common-nav .nav > ul > li > a~ul li a:hover { background: #fff;}

.common-nav .nav ul li .level-2 { position: absolute; width: 600px; height:110%; background: #efefef; top: 0; left: 100%; padding: 40px; display: none; animation: level-2-show .5s; transition: .3s;}
.common-nav .nav ul li .level-2 h2 { font-size: 24px; color: #283383; font-weight: normal; line-height: 1.1; margin-bottom: 40px;}
.common-nav .nav ul li .level-2 h2 span { color: #777777; display: block; font-size: 12px; line-height: 1.1; margin-top: 3px;}
.common-nav .nav ul li .level-2 h2~a { position: absolute; border: 1px solid #353f83; color: #353f83; text-decoration: none; right: 40px; top: 40px; padding: 10px 15px; transition: background .3s;}
.common-nav .nav ul li .level-2 h2~a:hover { background: #353f83; color: #fff;}
.common-nav .nav ul li .level-2 ul { display: flex; flex-wrap: wrap; justify-content:space-between; margin-top: -20px;}
.common-nav .nav ul li .level-2 ul li { width: calc(50% - 10px); margin-top: 20px; background: #fff; transition: .3s;}
.common-nav .nav ul li .level-2 ul li:hover { transform: translateY(-5px);}
.common-nav .nav ul li .level-2 ul li a { color:#283383; text-decoration: none; position: relative; display: block; height: 100%;}
.common-nav .nav ul li .level-2 ul li a h3 { padding: 10px; line-height: 1.4; position: relative; }
.common-nav .nav ul li .level-2 ul li a h3 span { font-size: 12px; font-weight: normal; color: #a3a3a3; display: block;}

.common-nav .indexnav ul li:hover .level-2 { display: block;}


.common-nav .aboutnav > ul > li:nth-child(2) > a { background: #efefef; color: #3b4587;}
.common-nav .aboutnav > ul > li:nth-child(2) > a > span { color: #777777;}

.common-nav .businessnav > ul > li:nth-child(3) > a { background: #efefef; color: #3b4587;}
.common-nav .businessnav > ul > li:nth-child(3) > a > span { color: #777777;}

@keyframes level-2-show
{
0% { transform: translateY(-20px);}
100% { transform: translateY(0);}
}


.common-nav .link { position: absolute; width: 100%; bottom: 0; overflow: hidden;}
.common-nav .link ul { display: flex;}
.common-nav .link ul li { width: 33.33333333333%; border-top: 1px solid #e82400; transition: .3s; display: flex;}
.common-nav .link ul li:not(:last-child) { border-right: 1px solid #e82400;}
.common-nav .link ul li:not(:last-child) a { border-right: 1px solid #e82400;}
.common-nav .link ul li a { text-align: center; display: block; padding: 10px 5px; display: block; width: 100%; text-decoration: none;border-top: 1px solid #e82400; background: #e82400;}
.common-nav .link ul li:hover { background: #efefef;}
.common-nav .link ul li:hover a i { color: #283383;}
.common-nav .link ul li:hover a svg { fill:#000;}
.common-nav .link ul li a svg { width: 25px; height: 25px; transition: .3s;}
.common-nav .link ul li a i { display: block; font-size: 10px; color: #fff; transition: .3s;}


.common-main { width: calc(100% - 230px); right: 0; top: 0; position: absolute; z-index: 10; background: #fdfdfd;}


.common-footer { background: #fff; color: #000; position: relative; z-index: 20;}
.common-footer .footer-up { background: #e1e1e1; display: flex; justify-content:space-around; padding: 40px 10px; flex-wrap: wrap;}
.common-footer .footer-up ul { width: 33.333333%; max-width: 350px; padding: 0 20px;}
.common-footer .footer-up ul li:first-child { border-bottom: 1px dotted #202d57; color: #202d57; font-size: 20px; font-weight: bold; line-height: 1.1; display: flex; align-items: center; padding-bottom: 10px; margin-bottom: 10px;}
.common-footer .footer-up ul li:first-child svg { width: 15px; height: 15px; margin-right: 10px;}
.common-footer .footer-up ul li a { color: #202d57; display: block; line-height: 1.6; padding: 10px 0;}

.common-footer .footer-down { display: flex; justify-content: space-between; align-items: center; padding:10px 30px;}
.common-footer .footer-down .footer-down-nav a { color: #000; display: inline-block; position: relative;}
.common-footer .footer-down .footer-down-nav a:not(:last-child):after { content: "|"; display: inline-block; margin: 0 10px;}
.common-footer .footer-down .footer-down-logo { text-align: right; color: #000;}
.common-footer .footer-down .footer-down-logo a img { display: inline-block;}


.sp_only{display: none;}
@media screen and (max-width:1280px) {
	.common-nav { display: none;}
	.common-main { width: 100%;}
	
	.sp-menu { display: flex; justify-content:space-between; align-items: center; position: fixed; width: 100%; z-index: 999; background: #fff;}
	.sp-menu .logo { margin-left: 30px;}
	.sp-menu .logo a img { height: 45px; width: auto;}
	.sp-menu .menu {
        display: block!important;
        width: 60px;
        height: 60px;
        position: relative;
        cursor: pointer;
        transition: .3s;
        margin-right: 10px;
    }
    .sp-menu .menu span {
        display: block;
        position: absolute;
        width: 30px;
        height: 2px;
        background: #e82400;
        left: 50%;
        top: 50%;
        margin-top: -1px;
        margin-left: -15px;
			  transition: .3s;
			
    }
    .sp-menu .menu span:nth-child(1) {
        transform: translateY(-10px);
    }
   .sp-menu .menu span:nth-child(3) {
        transform: translateY(10px);
    }
	
	
	.sp-layout {
    display: flex;
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    z-index: 800;
    background: rgba(21, 15, 5, 0.95);
    opacity: 1;
    align-items: center;
    justify-content: center;
		transition: .3s;
}
.sp-layout-show {
    transform: rotate(0deg);
    opacity: 1;
}
.sp-layout .sp-nav {
    max-width: 250px;
    width: 100%;
    transition: .3s;
}
.sp-layout .sp-nav ul li:not(:first-child) {
    margin-top: 10px;
}
.sp-layout .sp-nav ul li a {
    color: #000;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    background: #fff;
    padding: 5px 20px;
    cursor: pointer;
	font-size: 14px; font-weight: bold;
}
.sp-layout .sp-nav-level-nav {
    max-width: 250px;
    width: 100%;
    transform: rotateY(90deg);
    display: none;
    transition: .3s;
}
.sp-layout .sp-nav-level-nav ul li:first-child {
    background-color: #e82400;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.sp-layout .sp-nav-level-nav ul li:first-child svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.sp-layout .sp-nav-level-nav ul li:first-child span {
    color: #fff;
    text-transform: uppercase;
}
.sp-layout .sp-nav-level-nav ul li:not(:first-child) {
    margin-top: 10px;
}
.sp-layout .sp-nav-level-nav ul li a {
    color:#3b4587;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    background: #fff;
    padding: 5px 20px;
	font-size: 14px; font-weight: bold;
}
.sp-hide {
    transform: rotateY(90deg);
}
.sp-show {
    transform: rotateY(0deg)!important;
}

	
	.active span:nth-child(3) { display: none;}
	
	.active span:nth-child(1) { transform: rotate(45deg)!important;}
	.active span:nth-child(2) { transform: rotate(135deg)!important;}
	
	.sp-layout-show { top: 0;}
}

@media screen and (max-width:910px) {
	.common-footer .footer-up ul li:first-child { font-size: 16px;}
	.common-footer .footer-up ul li a { font-size: 12px; padding: 7px 0;}
}
@media screen and (max-width:770px) {
	.common-footer .footer-up { justify-content: space-between; padding: 0 30px 30px 30px;}
	.common-footer .footer-up ul { width: calc(50% - 20px); padding: 0;}
	.common-footer .footer-up ul { margin-top: 40px;}	
}
@media screen and (max-width:590px) {
	.common-footer .footer-up ul { width: 100%; max-width: none;}
	
	.common-footer .footer-down { flex-wrap: wrap; padding: 0 30px 30px 30px;}
	.common-footer .footer-down > * { width: 100%; text-align: center!important; margin-top:30px;}
	.pc_only{display: none;}
	.sp_only{display: block;}

}

/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */



/* #004 down here for website homepage css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.homepage .banner { width: 100%; height: 100vh; position: fixed; top: 0;}
.homepage .banner .video_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-position: top 0 right 225px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 10;
	background-image: url(img/main02.jpg);
}
.homepage .banner video {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	background-size:cover;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.homepage .banner-text { position: relative; z-index: 20; width: 100%; height: 80vh; text-align: center; text-shadow: 0 0 10px #090103; padding: 0 30px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.homepage .banner-text h1 { font-size: 55px; color: #fff; line-height: 1.4;}
.homepage .banner-text p { font-size: 25px; font-weight: bold; color: #fff;}

.homepage .banner-text > div { position: absolute; right: 0; top: 15px; padding: 0 30px; color: #fff; font-size: 12px;}
.homepage .banner-text > div a { color: #fff;}

.homepage .blackbg { position: relative; z-index: 20; padding-bottom: 80px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+63 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 63%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 63%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 63%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */}

.homepage .part-1 { margin: 0 auto 80px auto; width: 100%; max-width: 990px; padding: 0 30px;}
/* .homepage .part-1 ul { display: flex; justify-content: space-between;} */
/* .homepage .part-1 ul li { width: calc(50% - 15px); position: relative; height: 140px; transition: .3s;} */
.homepage .part-1 ul li { position: relative; height: 140px; transition: .3s;text-align: center;}
.homepage .part-1 ul li:hover { transform: translateY(-10px);}
.homepage .part-1 ul li a { color: #fff; position: absolute; width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: left; text-decoration: none;}
.homepage .part-1 ul li:nth-child(2) a { background-position: right center;}
.homepage .part-1 ul li a:after { display:block; padding-top: 0; position: absolute; width: 100%; height:100%; left: 0; top: 0; background: url(img/mask.png); opacity: .4;}
.homepage .part-1 ul li a span { position: relative; z-index: 20; display: block; text-transform: uppercase;}
.homepage .part-1 ul li:nth-child(1) a span:nth-child(1) { font-size: 16px;}
.homepage .part-1 ul li:nth-child(1) a span:nth-child(1) i { font-style: normal; font-weight: bold; font-size: 20px; margin-right: 1em;}
.homepage .part-1 ul li:nth-child(1) a span:nth-child(2) { font-size: 24px; font-weight: bold;}

.homepage .part-1 ul li:nth-child(2) a span { font-size:24px; line-height: 1.3; font-weight: bold;} 
.homepage .part-1 ul li:nth-child(2) a span i { margin-left: 1em; font-size: 16px;font-weight: normal;}
.homepage .part-1 ul li:nth-child(2) a span b { font-size: 24px; margin-right:.5em;}


.homepage .part-2 { margin: 80px auto 0; width: 100%; max-width: 990px; padding: 0 30px; overflow: hidden; position: relative; z-index: 20;}
.homepage .part-2 .title { text-align: center; margin-bottom: 40px;}
.homepage .part-2 .title h2 { font-size: 35px; letter-spacing: .5em; color: #f3f3f3;}
.homepage .part-2 .title p { font-size: 18px; color: #f3f3f3;}

.homepage .part-2-main ul { margin-left: -30px; margin-top: -30px;}
.homepage .part-2-main ul li {
	 /* width: 33%; */
	 width: 50%;
	 float: left;
	 padding-left: 30px;
	 padding-top: 30px;
	 transition: transform .3s;
	}
.homepage .part-2-main ul li:hover { transform: translateY(-10px);}
.homepage .part-2-main ul li a { display: block; position: relative; color: #fff; font-size: 18px; font-weight: bold; line-height: 1.1;}
.homepage .part-2-main ul li a:after {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */}
.homepage .part-2-main ul li a span { position: absolute; bottom: 20px; left: 20px;}

.homepage .whitebg {background: rgba(255,255,255,.7); position: relative; z-index: 20; overflow: hidden;}

.homepage .part-3 { margin: 80px auto; width: 100%; max-width: 990px; padding: 0 30px; position: relative;}
.homepage .part-3 ul { display: flex; flex-wrap: wrap;}
.homepage .part-3 ul li { width: 25%;}

.homepage .part-3 .part-3-main { background: rgba(255,255,255,.9); padding: 30px 55px; width: calc(100% - 60px); max-width: 600px; text-align: center;}
.homepage .part-3 .part-3-main h2 { font-size: 25px; color: #000; text-align: center;}
.homepage .part-3 .part-3-main h2 span { font-size: 30px; color: #353f83;}
.homepage .part-3 .part-3-main p { margin:1em auto; text-align: center;}
.homepage .part-3 .part-3-main a { display: inline-flex; background: #e32821; width: 200px; max-width: 100%; height: 40px; justify-content: center; align-items: center; color: #fff; text-decoration: none; border: 1px solid #e32821; transition: .3s;}
.homepage .part-3 .part-3-main a svg { transition: .3s;}
.homepage .part-3 .part-3-main a:hover { background: none; color: #e32821;}
.homepage .part-3 .part-3-main a:hover svg { fill:#e32821;}

@media screen and (max-width:1280px) {
	.homepage .banner-text { margin-top: 60px;}
	.homepage .banner .video_bg {
		background-position: top right;
	}
}

@media screen and (max-width:1000px) {
	.homepage .part-1 ul li:nth-child(1) a span:nth-child(1) { font-size: 14px;}
	.homepage .part-1 ul li:nth-child(1) a span:nth-child(1) i { font-size: 16px;}
	.homepage .part-1 ul li:nth-child(1) a span:nth-child(2) { font-size: 16px;}
	
	.homepage .part-1 ul li:nth-child(2) a span { font-size: 16px;}
	.homepage .part-1 ul li:nth-child(2) a span b { font-size: 16px;}
	.homepage .part-1 ul li:nth-child(2) a span i { margin-left: 0; display: block;}
	
	.homepage .part-2 .title h2 { font-size: 30px;}
	.homepage .part-2 .title p { font-size: 14px;}
	.homepage .part-2-main ul li a { font-size: 16px;}
	
	.homepage .banner-text h1 { font-size: 45px;}
	.homepage .banner-text p { font-size: 18px;}
	
}


@media screen and (max-width:770px) {
	.homepage .part-3 { min-height: 345px;}
	.homepage .part-3 ul { position: absolute; width:calc(100% - 60px); height: 100%;}
	.homepage .part-3 .part-3-main { width: calc(100% - 60px); height: 100%; max-width: none; display: flex; justify-content: center; align-content: center; align-items: center; background: rgba(255,255,255,.8); flex-wrap: wrap;}
	
	.homepage .part-3 .part-3-main h2 { font-size: 18px;}
	.homepage .part-3 .part-3-main h2 span { font-size: 22px;}
	
	.homepage .banner-text h1 { font-size: 35px;}
	.homepage .banner-text p { font-size: 16px;}
	.homepage .banner .video_bg {
		background-position: center;
	}
	
}

@media screen and (max-width:590px) {
	
	.homepage .banner-text { max-height: 460px;}
	.homepage .banner-text h1 { font-size: 24px;}
	.homepage .banner-text p { font-size: 14px;}
	
	.homepage .part-1 ul { flex-wrap: wrap;}
	.homepage .part-1 ul li { width: 100%;}
	.homepage .part-1 ul li:nth-child(1) { margin-bottom: 30px;}
	
	.homepage .part-2-main ul li { width: 100%;}
	
	.homepage .part-3 .part-3-main { padding: 30px;}
	
	.homepage .blackbg { background: rgba(0,0,0,.5); padding-top: 40px;}
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */


/* #005 down here for website pagecommon css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.pagebanner { min-height: 500px; position: relative; overflow: hidden;}
.pagebanner:before { content: ""; display: block; width: 100%; height:100%; position: absolute; z-index: 10; background: rgba(0,0,0,.4)}
.pagebanner > * { z-index: 20;}
.pagebanner > p { width: 100%; padding: 0 30px; margin: 15px auto; text-align: right; color: #fff; position: relative; font-size: 12px;}
.pagebanner > p a { color: #fff;}
.pagebanner > div { text-align: center; width: 100%; max-width: 950px; padding: 0 30px;}
.pagebanner > div > h1 { font-size: 48px; color: #fff; letter-spacing: 5px; line-height: 1.2; margin-bottom: 10px;}
.pagebanner > div > p { color: #fff; font-size: 18px;}

.page-title { text-align: center; border-bottom: 1px solid #000; margin-bottom: 40px;}
.page-title h2 { font-size: 35px; letter-spacing: 5px; line-height: 1.4;}
.page-title h2 span { font-size: 28px;}
.page-title p { font-size: 20px; line-height: 1.4; margin: .5em auto;}

@media screen and (max-width:1280px){
	.pagebanner {margin-top: 60px;}
}
@media screen and (max-width:910px) {
	.pagebanner { min-height: 400px;}
	.pagebanner > p { font-size: 12px;}
  	.pagebanner > div > h1 { font-size: 34px;}
	.pagebanner > div > p { font-size: 14px;}
	
	.page-title h2 { font-size: 25px;}
	.page-title h2 span { font-size: 22px;}
  	.page-title p { font-size: 16px;}
	
	
}
@media screen and (max-width:760px) {
  .pagebanner > div > h1 { font-size: 28px;}
	
	.page-title h2 { font-size: 22px;}
	.page-title h2 span { font-size: 18px;}
  .page-title p { font-size: 14px;}
	.pagebanner > div > p { font-size: 12px;}
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */

/* #006 down here for website business css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.business-main {width: 100%; max-width: 990px; padding: 0 30px; margin: 0 auto;}
.business-main .part-1 { margin: 80px auto;}
.business-main .part-1-main { margin-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #666;}
.business-main .part-1-main .table { display: flex;}
.business-main .part-1-main .table .table-left { display: flex; justify-content: center; align-items: center; width:200px; flex-shrink: 0; background: #e82400; color: #fff; font-size: 16px; font-weight: bold; margin-right: 50px; position: relative; padding:15px; text-align: center;}
.business-main .part-1-main .table .table-left:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(img/business/bg.png) center center / 100% 100% no-repeat; left: 0; top: 0; z-index: 10;}
.business-main .part-1-main .table .table-left > p { position: relative; z-index: 20;}

.business-main .part-1-main .table .table-right table th { width: 150px; position: relative; padding: 10px 0;}
.business-main .part-1-main .table .table-right table th span { color: #fff; background: #e82400; width: 100%; display: block; text-align: center; padding: 5px; line-height: 1;}
.business-main .part-1-main .table .table-right table td { padding: 10px;}
.business-main .part-1-main .table .table-right table td p { font-size: 12px; border-bottom: 1px dotted #000; line-height: 2;}

@media screen and (max-width:900px) {
	.business-main .part-1-main .table { display: block;}
	.business-main .part-1-main .table .table-left { margin-bottom: 20px; font-size: 14px; padding: 5px;}
}
@media screen and (max-width:450px) {
	.business-main .part-1-main .table .table-right table th { width: 100px; font-size: 12px; padding: 10px 0;}
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */


/* #007 down here for website contact css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.contact-main {width: 100%; max-width: 990px; padding: 0 30px; margin: 0 auto;}
.contact-main .form { margin: 80px auto;}
.contact-main .form .text { margin-bottom: 40px; text-align: center;}
.contact-main .form .text p { font-size: 16px; margin: .3em 0;}
.contact-main .form .text p span { color: #ff0000;}
.contact-main .form .text a { display: flex; align-items: center; justify-content: center; font-size: 34px; font-weight: bold; color: #3b4587; text-decoration: none;}
.contact-main .form .text a svg { margin-right: 10px;}

.contact-main .form .contact dl dt .red { color: #ff0000;}

.contact-main .form .contact~ul { display: flex; justify-content: center; margin-top: 40px;}
.contact-main .form .contact~ul li { margin: 0 10px;}
.contact-main .form .contact~ul li input { border: 1px solid #fff; width: 170px; height: 45px;box-shadow: 0 0 0px 1px #232863; color: #fff; cursor: pointer; transition: .3s;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#616ba6+0,242964+100 */
background: rgb(97,107,166); /* Old browsers */
background: -moz-linear-gradient(top, rgba(97,107,166,1) 0%, rgba(36,41,100,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(97,107,166,1) 0%,rgba(36,41,100,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(97,107,166,1) 0%,rgba(36,41,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616ba6', endColorstr='#242964',GradientType=0 ); /* IE6-9 */}
.contact-main .form .contact~ul li input:hover { transform: translateY(-5px);}

@media screen and (min-width: 370px) {
.contact-main .form .contact {border:solid #ccc; border-width:0 0 1px 1px;}
.contact-main .form .contact dl { width:100%; height:auto; overflow:hidden; border:solid #ccc; border-width:1px 1px 0 0; background:#f1f1f1; display: flex;}
.contact-main .form .contact dl dt , .contact-main .form .contact dl dd { display:block; box-sizing:border-box;}
.contact-main .form .contact dl dt { float:left; padding:10px;}
.contact-main .form .contact dl dt { width:30%; font-weight:bold;}
.contact-main .form .contact dl dd { width:70%; border-left:1px solid #ccc; background:#fff; position: relative; padding: 5px;}
.contact-main .form .contact dl dd input[type="text"] { width:100%; padding: 10px; border: 1px solid #ccc;}
	.contact-main .form .contact dl dd select { width: 100%; padding: 10px; border: 1px solid #ccc;}
	.contact-main .form .contact dl dd textarea { width: 100%; padding: 10px; border: 1px solid #ccc; min-height: 200px;}
}
@media screen and (max-width: 400px) {
	.contact-main .form .text a { font-size: 24px;}
	.contact-main .form .contact~ul { flex-direction: column; align-items: center;}
	.contact-main .form .contact~ul li { margin: 10px 0;}
}
@media screen and (max-width: 370px) {
.contact-main .form .contact dl { padding:5px 0; border-bottom:1px dotted #ccc;}
.contact-main .form .contact dl dt { font-weight:bold;}
.contact-main .form .contact dl dd input[type="text"] { width:100%; padding: 5px; border: 1px solid #ccc; background: #fff;}
		.contact-main .form .contact dl dd select { width: 100%; padding: 10px; border: 1px solid #ccc;}
	.contact-main .form .contact dl dd textarea { width: 100%; padding: 10px; border: 1px solid #ccc; min-height: 200px;}
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */



/* #008 down here for website about css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.about-main {width: 100%; max-width: 990px; padding: 0 30px; margin: 0 auto;}
.about-main .part-1 { margin: 80px auto;}
.about-main .part-1 .main h3 { font-size:30px; text-align: center; letter-spacing:5px; line-height: 1.1; margin-bottom: 1em;}
.about-main .part-1 .main h4 { font-size: 25px; letter-spacing: 3px; line-height: 1.1; margin-bottom: .5em;}
.about-main .part-1 .main ul:nth-child(3) { display: flex; justify-content: space-between;}
.about-main .part-1 .main ul:nth-child(3) li:nth-child(1) { width: 300px; flex-shrink: 0; line-height: 2; font-size:16px;}
.about-main .part-1 .main ul:last-child li { font-size: 16px;}
.about-main .part-1 .main ul:last-child li:nth-child(1) { margin-bottom: .5em;}

.about-main .part-2 { margin: 80px auto;}
.about-main .part-2 .main h3 { font-size: 30px; margin-bottom: .5em; line-height: 1.4;}
.about-main .part-2 .main p { font-size: 16px; line-height: 2; overflow: hidden;}
.about-main .part-2 .main p img { float: right;}

.about-main .part-3 { margin: 80px auto;}
.about-main .part-3 .main .style-table table { border:solid #000; border-width: 1px 1px 0 0;}
.about-main .part-3 .main .style-table table th , .about-main .part-3 .main .style-table table td { border: solid #000; border-width: 0 0 1px 1px; padding: 20px;}
.about-main .part-3 .main .style-table table th { background: #3b4587; color: #fff; text-align: center; font-size: 20px;}
.about-main .part-3 .main .style-table table td { background: #fff; font-size: 16px;}

.about-main .part-4 { margin: 80px auto;}
.about-main .part-4 .main .style-table > table { border:solid #000; border-width: 1px 1px 0 0;}
.about-main .part-4 .main .style-table > table > tbody > tr > th , .about-main .part-4 .main .style-table > table > tbody > tr > td { border: solid #000; border-width: 0 0 1px 1px; padding: 20px;}
.about-main .part-4 .main .style-table > table > tbody > tr > th { background: #e82400; color: #fff; text-align: center; font-size: 20px;}
.about-main .part-4 .main .style-table > table > tbody > tr > td { background: #fff; font-size: 16px;}

.about-main .part-4 .main .style-table > table > tbody > tr > td ul { }
.about-main .part-4 .main .style-table > table > tbody > tr > td ul li{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-bottom: 10px;}
.about-main .part-4 .main .style-table > table > tbody > tr > td ul li span{ display: block;text-align: left;}
.about-main .part-4 .main .style-table > table > tbody > tr > td ul li span:first-child{width: 30%;}
.about-main .part-4 .main .style-table > table > tbody > tr > td ul li span:last-child{width: 65%;}

.about-main .part-5 { margin: 80px auto; position: relative; height: 300px;}
.about-main .part-5 iframe { position: absolute; width: 100%; height: 100%;}

@media screen and (max-width:910px) {
	.about-main .part-1 .main h3 { font-size: 24px;}
	.about-main .part-1 .main h4 { font-size: 22px;}
	.about-main .part-1 .main ul:nth-child(3) li:nth-child(1) { font-size: 14px;}
	.about-main .part-1 .main ul:last-child li { font-size: 14px;}
	
	.about-main .part-2 .main h3 { font-size: 22px;}
	.about-main .part-2 .main p { font-size: 14px;}
	.about-main .part-3 .main .style-table table td { font-size: 14px;}
	.about-main .part-3 .main .style-table table th { font-size: 16px;}
	
	.about-main .part-4 .main .style-table table td { font-size: 14px;}
	.about-main .part-4 .main .style-table table th { font-size: 16px;}
	
	.about-main .part-4 .main .style-table > table > tbody > tr > th { font-size: 14px;}
	.about-main .part-4 .main .style-table > table > tbody > tr > td { font-size: 12px;}
	
	.about-main .part-3 .main .style-table > table > tbody > tr > th { font-size: 14px;}
	.about-main .part-3 .main .style-table > table > tbody > tr > td { font-size: 12px;}
	
}

@media screen and (max-width:760px) {
	.about-main .part-1 .main h3 { font-size: 20px;}
	.about-main .part-1 .main h4 { font-size: 18px;}
	
	.about-main .part-2 .main h3 { font-size: 22px;}
	.about-main .part-2 .main p { font-size: 14px;}

	
	.about-main .part-1 .main ul:nth-child(3) { display: block; margin-bottom: 20px;}
	.about-main .part-1 .main ul:nth-child(3) li img { width: 100%;} 
	
	.about-main .part-2 .main p img { width:100px; margin-top: 1em;}
	
.about-main .part-4 .main .style-table > table > tbody > tr > td ul li span:first-child{width: 100%;font-weight: bold;}
.about-main .part-4 .main .style-table > table > tbody > tr > td ul li span:last-child{width: 100%; text-indent: 2em;}
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */


/* #009 down here for website privacy css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.privacy-main {width: 100%; max-width: 990px; padding: 0 30px; margin: 0 auto;}
.privacy-main .part-1 { margin: 80px auto;}
.privacy-main .part-1 h2 { font-size: 18px; color: #3b4587; line-height: 1.1; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #000;}
.privacy-main .part-1 .main { margin-bottom: 40px;}

.privacy-main .part-1 h3 { font-size: 14px;}
.privacy-main .part-1 .main ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #000;}
/* add */
.privacy-main .indent {text-indent: -0.9rem; padding-left: .9rem; box-sizing: border-box;}
.privacy-main .indent01 {text-indent: -0.7rem; padding-left: .7rem; box-sizing: border-box;}
/* .privacy-main .indent02 {text-indent: -0.9rem; padding-left: .9rem; box-sizing: border-box;} */
.privacy-main .right {text-align: right; margin-top: 2rem;}
.privacy-main .info-box .txt01 {font-weight: bold; font-size: 16px; margin-top: 1rem;}
.privacy-main .info-box .txt02 {margin: .5rem 0;}
.privacy-main .info-box .tel {font-size: 20px; font-weight: bold; color: #3b4587; display: flex; flex-direction: row; align-items: center; gap: 5px;}
.privacy-main .info-box .tel:hover {text-decoration: none;}
.privacy-main .info-box svg {width: 20px;}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */


/* #009a down here for website com-law css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.com-law-main {width: 100%; max-width: 990px; padding: 0 30px; margin: 0 auto;}
.com-law-main .part-1 { margin: 80px auto;}
.com-law-main .part-1 h2 { font-size: 18px; color: #3b4587; line-height: 1.1; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #000;}
.com-law-main .part-1 .main { margin-bottom: 40px;}

.com-law-main .part-1 h3 { font-size: 14px;}
.com-law-main .part-1 .main ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #000;}

.com-law-main table,.com-law-main td,.com-law-main th {border: 1px #000 solid;} 
.com-law-main td,.com-law-main th {padding:10px;} 
.com-law-main th {color:white;font-weight: bold;background-color: #e82400;} 
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */




/* #010 down here for website recruit css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.recruit-main {width: 100%; max-width: 990px; padding: 0 30px; margin: 0 auto;}
.recruit-main .part-1 { margin: 80px auto;}

.recruit-main .part-1 .style-table table { border: solid #000; border-width: 1px 1px 0 0;}
.recruit-main .part-1 .style-table table th , .recruit-main .part-1 .style-table table td { border: solid #000; border-width: 0 0 1px 1px; padding: 20px;}
.recruit-main .part-1 .style-table table th { background: #f1f1f1; font-size:18px; font-weight: bold; width: 250px;}
.recruit-main .part-1 .style-table table th p { font-size: 14px; font-weight: normal;}
.recruit-main .part-1 .main > p { font-size: 18px; line-height: 1.6; text-align: center;}
.recruit-main .part-1 .main > p:nth-child(4) { margin-bottom: 40px;}

.recruit-main .part-1 .style-table table td h3 { color: #3b4587;}

@media screen and (max-width:910px) {
	.recruit-main .part-1 .style-table table th { font-size: 14px;}
	.recruit-main .part-1 .style-table table th p { font-size: 12px;}
	.recruit-main .part-1 .main > p { font-size: 14px;}
	.recruit-main .part-1 .style-table table th { width: auto;}
	
}


/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */




/* #011 down here for website wanted css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.wanted-main {width: 100%; max-width: 990px; padding: 0 30px; margin: 0 auto;}
.wanted-main .part-1 { background: #eaeef5; margin: 80px auto; padding: 40px;}
.wanted-main .part-1 h2 { font-size: 35px; text-align: center; line-height: 1.4; margin-bottom: 20px;}
.wanted-main .part-1 ul { display: flex; flex-wrap: wrap; justify-content:space-between; margin-top: -30px;}
.wanted-main .part-1 ul li { width: calc(50% - 15px); background: #fff; padding: 20px; margin-top: 30px; display: flex; justify-content:space-between; flex-direction: column;}
.wanted-main .part-1 ul li p { text-align: center; font-size: 18px; font-weight: bold;}
.wanted-main .part-1 ul li p img { display: inline-block; height: 80px; width: auto; margin-bottom: 15px;}

.wanted-main .part-2 { margin: 80px auto;}
.wanted-main .part-2 .main ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -30px;}
.wanted-main .part-2 .main ul li { width: calc(50% - 15px); margin-top:30px;}
.wanted-main .part-2 .main ul li h3 { background: #eaeef5; color: #3b4587; font-size: 25px; padding: 10px 20px; position: relative; line-height: 1.1; text-indent: 40px;}
.wanted-main .part-2 .main ul li h3:before { content: attr(data-title); display:block; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #3b4587; color: #fff; border-radius: 50%; margin-right: 10px; top: 50%; transform: translateY(-50%); text-indent: 0; font-size: 20px;}
.wanted-main .part-2 .main ul li p { padding: 10px; font-size: 16px; line-height: 2;}

.wanted-main .part-3 { margin: 80px auto;}
.wanted-main .part-3 .main > ul { border: 1px solid #3b4587;}
.wanted-main .part-3 .main > ul > li:nth-child(1) { background: #3b4587; color: #fff; padding: 10px; font-size: 20px; text-transform: uppercase;}
.wanted-main .part-3 .main > ul > li:nth-child(2) { padding: 20px; line-height: 2;}
.wanted-main .part-3 .main > ul~p svg { margin: 0 auto; display: block;}


@media screen and (max-width:910px) {
	.wanted-main .part-1 h2 { font-size: 28px;}
	.wanted-main .part-2 .main ul li h3 { font-size: 18px;}
	.wanted-main .part-2 .main ul li h3:before { width: 25px;height:25px; line-height: 25px; font-size: 16px;}
	.wanted-main .part-3 .main > ul > li:nth-child(1) { font-size: 16px;}
	.wanted-main .part-1 ul li p { font-size: 16px;}
}
@media screen and (max-width:710px) {
	.wanted-main .part-1 ul li { width:100%;}
	.wanted-main .part-2 .main ul li { width: 100%;}
	.wanted-main .part-1 ul li p img { height: 60px;}
	.wanted-main .part-2 .main ul li h3 { text-indent: 30px;}
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */

/* #012 down here for website wanted-credit css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.wanted-credit-main {width: 100%; max-width: 990px; padding: 0 30px; margin: 0 auto;}

.wanted-credit-main .part-1 { margin: 80px auto;}
.wanted-credit-main .part-1 .main { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -30px; margin-bottom: 40px;}
.wanted-credit-main .part-1 .main ul { width: calc(50% - 15px); margin-top: 30px; background: #fff;}
.wanted-credit-main .part-1 .main ul li { padding: 15px;}
.wanted-credit-main .part-1 .main ul li:nth-child(1) { background: #eaeef5; color: #3b4587; font-size: 18px;}
.wanted-credit-main .part-1 .main ul li:nth-child(1) h3 { display: block; line-height: 1.1; }
@media all and (-ms-high-contrast:none){
	.wanted-credit-main .part-1 .main ul li:nth-child(1) h3 { margin-bottom: .4em;}
}
.wanted-credit-main .part-1 .main ul li:nth-child(1) h3 span { width: 25px; height: 25px; line-height: 25px; text-align: center; background: #3b4587; color: #fff; display: inline-block; border-radius: 50%; margin-left: 10px;}
.wanted-credit-main .part-1 .main ul li:nth-child(1) p { font-size: 14px; display: block;}

.wanted-credit-main .part-1 .main-1 { background: #eaeef5; padding: 30px;}
.wanted-credit-main .part-1 .main-1 h3 { font-size: 30px; text-align: center; margin-bottom: .7em;}
.wanted-credit-main .part-1 .main-1 ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.wanted-credit-main .part-1 .main-1 ul li { width: calc(33.333333% - 20px); background: #fff; border-radius: 50%; position: relative;}
.wanted-credit-main .part-1 .main-1 ul li:after { content: ""; display: block; padding-top: 100%;}
.wanted-credit-main .part-1 .main-1 ul li div { width: 100%; padding: 0 30px;}
.wanted-credit-main .part-1 .main-1 ul li div img { margin: 0 auto;}
.wanted-credit-main .part-1 .main-1 ul li div p { font-size: 14px; text-align: center; margin-top: 1em;}

.wanted-credit-main .part-2 { margin: 80px auto;}
.wanted-credit-main .part-2 .main { display: flex; justify-content: space-between; flex-wrap: wrap;}
.wanted-credit-main .part-2 .main ul {width: calc(20% - 120px / 5);background: #eaeef5;padding: 20px 5px;}
.wanted-credit-main .part-2 .main ul li:nth-child(1) { font-size: 18px; line-height: 1.1; text-transform: uppercase; text-align: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #000; font-weight: bold;}
.wanted-credit-main .part-2 .main ul li:nth-child(2) p:nth-child(1) {font-weight: bold;font-size: 14px;text-align: center;}
.wanted-credit-main .part-2 .main ul li:nth-child(2) img { margin: 1em auto; height: 40px; width: auto;}
.wanted-credit-main .part-2 .main ul li:nth-child(2) p:nth-child(3) { text-align: center; font-size: 12px;}

.wanted-credit-main .part-3 { margin: 80px auto;}
.wanted-credit-main .part-3 img  { margin:0px auto;}

@media screen and (max-width:1280px) {
	.pagebanner > div { max-width: 100%!important;}
}
@media screen and (max-width:980px) {
	.wanted-credit-main .part-1 .main-1 h3 { font-size: 24px;}
	.wanted-credit-main .part-1 .main-1 ul { margin-top: -40px;}
	.wanted-credit-main .part-1 .main-1 ul li { width: calc(50% - 15px); margin-top: 30px;}
	
	.wanted-credit-main .part-2 .main { justify-content: baseline; margin-top: -30px;}
	.wanted-credit-main .part-2 .main ul { width: calc(33.33333333% - 60px / 3); margin-right: 30px; margin-top: 30px;}
	.wanted-credit-main .part-2 .main ul:nth-child(3n) { margin-right: 0;}
}
@media screen and (max-width:790px) {
	.wanted-credit-main .part-1 .main ul { width: 100%;}
}
@media screen and (max-width:670px) {
	.wanted-credit-main .part-1 .main-1 ul li div img { height:40px; width: auto;}
}
@media screen and (max-width:615px) {
	.wanted-credit-main .part-1 .main-1 ul { justify-content: center;}
	.wanted-credit-main .part-1 .main-1 ul li  { width: 100%; max-width: 300px; }
	
	.wanted-credit-main .part-2 .main ul { width: calc(50% - 60px / 2); margin-right: 30px; margin-top: 30px;}
	.wanted-credit-main .part-2 .main ul:nth-child(3n) { margin-right: 30px;}
	.wanted-credit-main .part-2 .main ul:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width:430px) {
	.wanted-credit-main .part-2 .main ul { width: 100%; margin-right: 0!important;}
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */