@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}
.detail_content ul{
	margin-left: 15px
}
.detail_content ul li{
	list-style: disc!important;
}
.camp_img_sp{
	display: none!important;
}
.gaibulink{
	text-decoration: underline;
	color: #004bb1!important
}
.pl{
	margin-right: 25px!important
}
.tnote{
	padding-left: 25px;
	font-size: 12px;
	color: #5d5a5a
}
.specila_note{
	margin-top: 10px;
	padding-left: 15px;
    font-size: 12px;
    color: #5d5a5a;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}
.help {
	bottom: -2px;
	position: relative;
	text-align: center;
	display: inline-block;
	width: 15px;
	background-image: url(../img/info.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
    height: 15px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*breadcrumb*/
ul.breadcrumb {
  padding: 12px 0px;
  list-style: none;
  margin: 0px auto
}

ul.breadcrumb li {
  display: inline;
  font-size: 14px;
}

ul.breadcrumb li.home{
  background-image: url(../img/home-icon.svg);
  background-position: center left;
  background-size: 12px;
  background-repeat: no-repeat;
  padding-left: 20px;
}
ul.breadcrumb li.active{
   background-image: url(../img/arrow-r.svg);
  background-position: center left;
  background-size: 10px;
  background-repeat: no-repeat;
  padding-left: 20px;
  margin-left: 10px;
  /* color: #0275d8;*/
}
ul.breadcrumb li a {
  text-decoration: none;
}


/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.help .tooltip {
	z-index: 9999;
	background: #1496bb;
	bottom: 100%;
	color: #fff;
	left: -212px;
	display: block;
	margin-bottom: 15px;
	opacity: 0;
	padding: 15px;
	pointer-events: none;
	position: absolute;
	width: 450px;
	-webkit-transform: translateY(10px);
	  -moz-transform: translateY(10px);
	  -ms-transform: translateY(10px);
	   -o-transform: translateY(10px);
	    transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	  -moz-transition: all .25s ease-out;
	  -ms-transition: all .25s ease-out;
	   -o-transition: all .25s ease-out;
	    transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.help .tooltip p{
	font-size: 13px;
	text-align: left;
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.help .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.help .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #1496bb 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}

.help:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .help .tooltip {
display: none;
}

.lte8 .help:hover .tooltip {
display: block;
}
#contents{
	position: relative;
}
.noscroll{
	overflow: hidden;
}
.inner{
	width: 1024px;
	margin: 0px auto
}
header{
	margin: 0px auto;
	display: flex;
	align-items: center;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1041;
    padding: 0px 55px;
}
#gNavFix{
	width: 100%;
	position: fixed !important;
	top: 0px;
	left: 0;
	opacity: 0;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	z-index: 1000;
}
.fixmenu{
	padding: 0px 55px;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#gNavFix.in{
	position: fixed;
	opacity: 1;
}
#gNavFix{
	padding: 12px 0px;
	background: #fff;
	position: relative;
}
.loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  margin: 0px auto
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* ---------------------- SPメニューのボタン ---- */

#wrap{
	position: relative;
}
body {
  overflow-x: hidden;
}
label.spmenu{
	display: none;
}
label .menu {
  position: fixed;
  right: -100px;
  top: -100px;
  z-index: 999999999;
  width: 200px;
  height: 200px;
  background: #fff;
  border-radius: 50% 50% 50% 50%;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff;
  cursor: pointer;
  
}
label .hamburger {
  position: absolute;
  top: 135px;
  left: 50px;
  width: 30px;
  height: 2px;
  background: #004bb1;
  display: block;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

label .hamburger:after, label .hamburger:before {
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #004bb1;
}
.listShiryou{
	padding-left: 30px;
	margin-top: 10px
}
.listShiryou div{
	display: block;
	padding: 5px 0px
}
label .hamburger:before { top: -10px; }

label .hamburger:after { bottom: -10px; }

label.spmenu input { display: none; }

label.spmenu input:checked + .menu {
  box-shadow: 0 0 0 100vw #fff, 0 0 0 100vh #fff;
  border-radius: 0;
  
}

label.spmenu input:checked + .menu .hamburger {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  
}

label.spmenu input:checked + .menu .hamburger:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 0;
  
}

label.spmenu input:checked + .menu .hamburger:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
  
}

label.spmenu input:checked + .menu + .menucontent {
	position: relative;
}

label.spmenu input:checked + .menu + .menucontent ul { opacity: 1; z-index: 9999999999}
label.spmenu ul {
	width: 215px;
  	z-index: 200;
    position: fixed;
    transform: translateY(-50%);
    top: 225px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: .25s 0s ease-in-out;
    transition: .25s 0s ease-in-out;
    z-index: -1;
}
label.spmenu ul li a{
	font-size: 15px;
	text-align: center;
}
label.spmenu ul li a:hover{
	color: #ea7402;
}
label.spmenu ul li:last-child a{
	padding: 10px 15px;
	background-color: #004bb1;
	border-radius: 25px;
	color: #fff
}
label.spmenu ul li:last-child a:hover{
	background-color: #ea7402
}

label.spmenu ul li.btn_contact a{
	padding: 8px 15px;
	background-color: #ea7402;
	border-radius: 25px;
	color: #fff
}
label.spmenu ul li.btn_contact a:hover{
	background-color: #004bb1;
	color: #fff
}

label.spmenu ul li img{
	width: 100%
}

label a {
  margin-bottom: 1em;
  display: block;
  color: #f38630;
  text-decoration: none;
  
}
.overlay {
    position: relative;
}
.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: #3775c3;
    opacity: 0.6;
    z-index: 99;
}
.logo{
	display: flex;
    align-items: center;
    height: 45px
}
.logo img{
	width: 215px
}
#gNav nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#gNav ul{
	display: flex;
}
#gNav ul li{
	display: inline-block;
	margin: 0px 15px;
	position: relative;
	height: 45px
}

#gNav ul li.contact_menu{
	width: 145px;
	background-color: #ea7402;
	display: block;
	border-radius: 25px;
}
#gNav ul li.contact_menu:hover{
	background-color: #004bb1;
}
#gNav ul li.contact_menu:hover span{
	color: #fff
}
#gNav ul li.contact_menu span{
	color: #fff
}
#gNav ul li.last span{
	color: #fff;
}
#gNav ul li a{
	line-height: 45px
}
#gNav ul li a:hover span{
	color: #004bb1
}
#gNav ul li.last{
	width: 135px;
	background-color: #004bb1;
	display: block;
	border-radius: 25px;
	border:2px solid #004bb1;
}
#gNav ul li.last:hover{
	background-color: #ea7402;
	border:2px solid #ea7402;
}
#gNav ul li.last a:hover span{
	color: #fff
}
#gNav ul li .line{
	display: none;
}
#gNav ul li:hover .line{
	border-bottom: 3px solid #ffa41b;
	display: block;
	width: 100%;
	position: absolute;
	bottom: -19px;
	left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-right: 5px
}
#gNav ul li:last-child{
	margin-right: 0px
}
#gNav ul li span{
	display: block;
	text-align: center;
	color: #3b4043;
	font-size: 13px;
	font-weight: bold;
}
#gNav ul li span.name_en{
	font-size: 12px;
	line-height: 15px
}
.main{
	position: relative;
	z-index: 1;
}
.main .main_img{
	height: 800px;
	background-image: linear-gradient(to right, #c6d2e3,#e1e8f0);
	position: relative;
}
.main .main_img .hand_img{
	position: absolute;
    right: -90%;
    bottom: 0px;
}
.main .main_txt{
	position: absolute;
	top: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.main .main_txt .cr_img{
	width: 350px;
	position: relative;
}
.main .hand_img{
	width: 500px;
	z-index: 999
}
.main .hand_img img{
	width: 100%
}
.main .main_txt .cr_img img{
	width: 100%
}
.main_txt p.type-it{
	font-size: 65px;
	color: #004bb1;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	text-align: left;
	font-style: italic;
	line-height: 65px;
	margin-bottom: 15px
}
.main_txt p{
	text-align: center;
    color: #3b4043;
}
.main_txt p.sub{
	font-weight: bold;
    line-height: 45px;
	font-size: 35px;
	text-align: left;
}
.main_txt p.desc{
	font-size: 18px;
	margin:10px 0px 25px;
	text-align: left;
	line-height: 30px
}
a.chuu_mon{
	background-color: #ea7402;
    color: #fff;
    padding: 10px 15px;
    width: 280px;
    border-radius: 35px;
    display: block;
    font-size: 15px;
    font-weight: bold;
    box-shadow: 0 10px 20px rgb(0 75 177 / 45%);
}
a.chuu_mon:hover{
	background-color: #004bb1
}
.chuu_mon_sp{
	display: none!important;
}
.bxslider {
  width: 100%;  
}
.bx-wrapper img {
    margin: 0 auto;
}
.bx-wrapper {
    min-height: auto; 
}
.bx-wrapper img {
  width: 100%;
}
.bx-controls {
    display: none;
}
.works{
	padding: 50px 0px;
	position: relative;
	z-index: 2
}
.color_section{
	background-color: #eff3f5
}
.tips{
	padding: 50px 0px;
}
.tips .news_box_title{
	width: 100%;
	margin-bottom: 25px
}
.tips .inner .news_box_flexa ul li{
	margin-bottom: 20px
}
.tiparae{
	display: flex;
	justify-content: space-between;
}
.tipscontent{
	width: 650px
}
.tipscontent .detail_content{
	margin: 0px;
	width: 100%
}
.widget{
	width: 330px;
}
.widget h2{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px
}
.widget .w_tieude{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px
}
.widget ul li a{
	display: flex;
	justify-content: space-between;
    padding: 15px 0px;
}
.widget ul li{
	border-bottom: 1px solid #ccc;
}
.widget ul{
	margin-bottom: 35px
}
.widget ul li img{
	width: 100px;
	height: 80px
}
.widget ul li p{
	width: 215px
}
.widget .wp-block-categories li{
	width: 100%
}
.widget .wp-block-categories li a{
	display: inline-block;
}
.works_box{
	margin: -150px auto 0px;
    background-color: #fff;
    padding: 35px;
    z-index: 9999;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    border-radius: 10px;
}
.conten_box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px
}
.feature{
	margin-top: 65px
}
.feature ul{
	margin-top: 35px;
	display: flex;
	justify-content: space-around;
}
.feature ul li{
	width:220px
}
.feature ul li .circle_box{
	width: 220px;
	height: 220px;
	border-radius: 125px;
	margin: 0px auto;
	background-color: #004BB1;
 	background-size: 200% 100%;
 	background-position: right bottom;
 	transition: all 0.3s ease;
	position: relative;
	box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
.feature ul li img{
	width: 95px;
	margin: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
}
.feature ul li h3{
	font-size: 18px;
	font-weight: bold;
	color: #004bb1;
	margin: 25px 0px 15px;
}
.jisseki{
	padding: 65px 0px 215px
}
.jisseki img {
    width: 100%;
}
.jisseki .note{
	text-align: right;
}
.produc_ccus{
	position: relative;
	padding: 65px 0px 85px
}

.ccus_box {
    margin: -210px auto 0px;
    z-index: 9999;
}
.produc_ccus .product_box{
	display: flex;
	justify-content: space-around;
	margin-top: 35px;
}
.product_box li a{
	display: block;
	padding: 25px 0 55px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
	border-radius: 15px;
	width: 400px;
	height: 425px;
	background-color: #fff;
	background-image: url(../img/big_arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 30px
}
.product_box li a .img_box{
	height: 276.52px;
	position: relative;
	max-width: 290px;
	margin:0 35px;
}
.product_box li a .img_box img{
	position: absolute;
    left: 0;
    bottom: 0;
}
.product_box li a:hover{
	box-shadow: 0 10px 20px rgb(0 75 177 / 35%);
}
.product_box li h3{
	color: #004bb1;
    font-size: 25px;
    font-weight: bold;
    margin: 25px 0px
}
.product_box li img{
	width: 100%
}
.works_box .txt_box{
	width: 600px
}
h2.sec_header{
	font-size: 25px;
	font-weight: bold;
	color: #3b4043
}
h2.sec_header p.en{
	font-family: Verdana,sans-serif;
	font-style: italic;
	display: inline-block;
	font-size: 25px;
	font-weight: bold;
}
span.en{
	font-style: italic;
	color: #004bb1;
	font-size: 15px;
	font-family: Verdana,sans-serif;
	display: block;
	font-weight: normal;
}
.works_box .txt_box .desc{
	margin-top: 15px;
}
.works_box .txt_box p{
	line-height: 30px
}
.works_box .what_link{
	background-color: #004bb1;
    padding: 10px 15px;
    border-radius: 25px;
    color: #fff;
    display: block;
    width: 200px;
    margin: 0px auto;
    text-align: center;
}
.works_box .what_link:hover{
	background-color: #3eb8dd
}
.works_box .img_box{
	width: 300px;
}
.works_box .img_box img{
	width: 100%
}
.title_box{
	text-align: center;
}
.title_box .title_ja{
	font-size: 18px;
	color: #324b6e;
	font-weight: bold;
	font-family: noto-sans-cjk-jp, sans-serif;
}
.title_box .title_en{
	font-size: 13px;
	color: #324b6e;
}
.title_box .line{
	border-bottom: 1px solid #324b6e;
	width: 65px;
	height: 5px;
	display: block;
	margin: 0px auto;
}
.desc_txt{
	text-align: center;
	width: 470px
}
.desc_txt p{
	font-size: 18px;
	font-family: noto-sans-cjk-jp, sans-serif;
	line-height: 35px;
	color: #324b6e;
}
.list_works{
	display: inline-block;
	text-align: center;
}
.list_works li{
	width: 230px;
	height: 155px;
	background-color: #f0f0f0;
	margin: 25px;
	display: inline-block;
	vertical-align: top;
}
.list_works li a{
	display: flex;
	width: 230px;
	height: 155px;
	padding: 20px;
	align-items: center;
    justify-content: space-between;
    position: relative;
}
.list_works li a:before, .list_works li a:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 10px;
    background: #f0f0f0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.list_works li a:before {
    top: 0;
    right: 0;
}
.list_works li a:after {
    bottom: 0;
    left: 0;
}
.list_works li a .line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
}
.list_works li a .line:before, .list_works li a .line:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 4px;
    background: #f0f0f0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.list_works li a:hover {
    background: #f3ecec;
}
.list_works li a .line:before {
    top: 0;
    right: 0;
}
.list_works li a .line:after {
    bottom: 0;
    left: 0;
}
.list_works li a:hover:after, .list_works li a:hover:before {
    height: 30px;
    background: #ffa41b;
}
.list_works li a:hover .line:before, .list_works li a:hover .line:after {
    width: 30px;
    background: #ffa41b;
}
.list_works li a .img_box{
	height: 125px;
	display: inline-block;
}
.list_works li a img{
	width: 75px;
	padding: 20px 0px
}
.list_works li a .desc_box{
	display: inline-block;
	width: 110px;
	text-align: right;
}
.list_works li a .desc_box p{
	color: #324b6e;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 10px
}
.list_works li a .desc_box span{
	color: #324b6e;
	font-family: 'Roboto',sans-serif;
	font-size: 12px;
}
.p-sticky-table {
    white-space: nowrap;
    line-height: 1.6;
}
.p-sticky-table td:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
    border: none;
    white-space: normal;
    min-width: 130px;
}
.p-sticky-table td:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: #fff;
}
.p-sticky-table td:first-child {
    min-width: 150px!important;
    min-height: 100%!important;
}
.price_section{
	padding: 50px 0px
}
.product_section{
	padding: 50px 0px
}
.price_box{
	margin-top: 35px
}
table.thongso{
	margin: 0px auto
}
table.thongso tr td{
	padding: 10px 15px;
	width: 180px
}
table.thongso tr td.info{
	font-weight: bold;
	color: #004bb1;
	border-left: 1px solid #ccc;
	width: 280px;
	padding: 10px 15px
}
table.thongso tr td img{
	width: 100%
}
.product_section img{
	width: 100%;
	max-width: 980px;
	display: block;
	margin: 0px auto
}
.product_section .content_area{
	margin-top: 45px
}
.content_area .thongso_box{
	display: flex;
	justify-content: space-between;
	margin-top: 35px
}
.content_area .thongso_box .thongso_img{
	width: 300px
}
.content_area .thongso_box .thongso_img img{
	width: 100%
}
.content_area .thongso_box .thongso_txt{
	width: 650px
}
table.thongso tr td.top{
	vertical-align: top
}
.thongso_txt table.thongso tr td.info{
	width: 450px
}
.campain {
    padding: 65px 0px;
    background-color: #DE184E;
}
.schedule{
	display: flex;
    justify-content: center;
    align-items: center;
}
.schedule img{
	width: 200px;
	height: auto;
}
.schedule .text p.thuong{
	margin: 0px;
	color: #fff;
	font-size: 22px;
	line-height: 38px;
}
.schedule .text p.thuong span{
	font-size: 40px
}
.schedule .text p.dacbiet{
	margin: 0px;
	color: #FFEB00;
	font-size: 40px;
	line-height: 55px;
}
.schedule p{
	font-family: 'Noto Sans Japanese', sans-serif;
}
.schedule .text{
	margin-left: 35px
}
.campain_prodcuts{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 25px 0px;
	border-bottom: 1px solid #fff;
    padding-bottom: 25px;
}
.campain_prodcuts img{
	width: 380px;
	height: auto;
}
.ss{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px
}
.ss .p1{
	color: #FFEB00;
	font-size: 22px;
	line-height: 30px;
	font-family: 'Noto Sans Japanese', sans-serif;
}
.ss .p2{
	color: #fff;
	font-size: 35px;
	line-height: 45px;
	font-family: 'Noto Sans Japanese', sans-serif;
}
.ss .contact_btn{
	background-color: #FFEB00;
	color: #DE184E;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 15px;
	width: 350px;
	border-radius: 35px
}
.ss .contact_btn:hover{
	background-color: #fff
}
.text_desc .p3{
	font-size: 15px;
	color: #FFEB00
}
.text_desc .note{
	font-size: 12px;
	color: #fff
}
.btn_box{
	text-align: center;
}
.cam_box p{
	font-family: 'Noto Sans Japanese', sans-serif;
}
a.campain_btn{
	color: #FFEB00;
	font-size: 20px;
	text-align: center;
	background-image: url(../img/arrow_vang.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-right: 20px;
}
a.campain_btn:hover{
	color: #fff;
	background-image: url(../img/arrow_trang.svg);
}
p.camp_title{
	font-size: 30px;
	color: #3B4043;
	text-align: left;
	line-height: 55px;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #DE184E40 60%);
	width: 265px;
}
.camp_desc{
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 15px
}
.camp_desc .muryou{
	font-size: 44px;
	color: #DE184E;
	line-height: 60px;
	font-weight: bold;
	margin-right: 10px
}
.camp_desc .cam .span1{
	font-size: 16px;
	display: block;
	color: #DE184E;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
}
.camp_desc .cam .span2{
	font-size: 25px;
	display: block;
	color: #DE184E;
	font-weight: bold;
	text-align: left;
}
a.cam_btn{
	background-color: #DE184E;
    color: #fff;
    padding: 15px 15px;
    width: 350px;
    border-radius: 35px;
    display: block;
    font-size: 22px;
    box-shadow: 0 10px 20px rgb(0 75 177 / 45%);
}
a.cam_btn:hover{
	background-color: #fff;
	color: #DE184E;
}
.cam_box{
	margin-bottom: 25px
}
p.cam_note{
	text-align: left;
	font-size: 12px;
	color: #3B4043
}
.news{
	padding: 65px 0px;
	background-color: #fff;
}
.news .inner{
	
}
.news .inner .news_box{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.news_box_title{
	width: 200px
}
.news_box ul{
	width: 100%
}
.news .inner .news_box ul{
	width: 650px
}
.news_box ul li{
	border-bottom: 1px dotted #ccc;
	padding: 12px 0px;
	background-image: url(../img/arrow-r.svg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 10px;
}
.news_box ul li.nodata{
	background-image: none;
	padding: 0px
}
.news_box ul li:first-child{
	padding-top: 0px
}
.news_box ul li.all{
	display: block;
	text-align: right;
	padding-right: 25px
}
.trencokhoangtrang{
	margin-top: 25px;
}
.all_blog{
	text-align: right;
}
.all_blog:hover p{
	color: #004bb1
}
.trencokhoangtrang ul li{
	margin-bottom: 15px!important
}
.all_blog p{
	background-image: url(../img/arrow-r.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 10px;
    padding-right: 20px
}
.inner .news_box_flexa ul{
	display: flex; 
    justify-content: space-between; 
    flex-wrap: wrap; 
}
.inner .news_box_flexa ul li{
	width: 300px;
	margin-bottom: 55px;
	box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    border-radius: 10px;
}
.inner .news_box_flexa ul li a{
	display: flex;
	flex-direction: column;
}
.inner .news_box_flexa ul li img{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 100%;
	min-height: 200px
}
.inner .news_box_flexa ul.tab{
	display: flex;
	justify-content: center;
	align-items: center;
}
.inner .news_box_flexa ul.tab li{
	width: auto;
	margin: 0px;
	padding: 10px;
	box-shadow:0px;
}
.news_tab1{
	text-align: center;
	margin-bottom: 55px
}
.news_tab1 li{
	display: inline-block;
}
.news_tab1 li a{
	color: #4A6885;
	padding: 0px 15px;
}
.news_tab1 li a:hover{
	color: #009DC0
}
.news_tab1 li a.last{
	border-right: 0px solid
}
.news_tab1 li a.active{
	color: #009DC0
}
.news_tab1 li a.last {
    border-right: 0px solid;
}
.inner .news_box_flexa ul.news_tab1{
	justify-content: center;
	margin-top: 0px
}
.inner .news_box_flexa ul.news_tab1 li{
	box-shadow: unset;
    border-radius: 0px;
    width: auto;
    padding: 0px 15px;
    margin: 0px
}
.blog_text{
	padding: 15px;
	min-height: 150px;
}
.blog_text .news_title{
	margin-top: 15px
}
.blog_text .news_date{
	padding-left: 0px
}
.news_date{
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 13px;
	font-size: 13px;
	color: #3b4043;
	padding: 0px 15px;
}
.news_type{
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 13px;
	font-size: 13px;
	padding: 0px 15px;
	display: inline-block;
	min-width: 65px;
	border:1px solid #004bb1;
	color: #004bb1
}
.news_box ul li:last-child{
	border-bottom: 0px solid
}
.news_box ul li:hover a .news_title{
	/*background-color: #f3ecec*/
	color: #004bb1
}
.news_box ul li .news_title{
	color: #3b4043;
	display: inline-block;
}
.news_box ul li a{
	display: inline-block;
}
.news_box ul li a.block{
	display: block;
	margin-top: 5px;
}
.mainpage .page_img img{
	width: 100%
}
.mainpage .page_title{
	padding: 25px 0px;
	background-color: #f0f0f0;
	height: 355px;
	background-image: url(../img/header_img.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.mainpage .page_title h1{
	text-align: center;
	font-size: 25px;
	margin-top:135px;
	color: #004bb1;
	font-weight: 600;
	line-height: 45px
}
.mainpage .page_title p.h1{
	text-align: center;
	font-size: 25px;
	margin-top:135px;
	color: #004bb1;
	font-weight: 600;
	line-height: 45px
}
.mainpage .page_title p.en{
	text-align: center;
	font-style: italic;
    color: #004bb1;
    font-size: 15px;
    line-height: 35px
}
.black_color{
	color: #454553
}
.white_bg{
	background-color: #fff
}
.page_content{
	padding: 50px 0px;
	min-height: 500px
}
.fix_content{
    width: 800px;
    margin: 0px auto;
}
.legal_content{
    width: 980px;
    margin: 0px auto;
}
.legal_content .title_legal{
	margin-bottom: 25px;
}
.legal_row{
	margin-bottom: 25px
}
.row_title{
	font-weight: bold;
}
.legal_row p{
	margin-bottom: 6px
}
.legal_row .thutdaudong{
	text-indent: 26px;
}
.legal_row ul li{
	padding-left: 29px;
	line-height: 35px;
}
.legal_row ul li.have_child{
	margin-bottom: 12px
}
ul.marker{
	padding-left: 25px
}
ul.marker li{
	text-indent: 0px;
    line-height: 28px;
    margin-bottom: 0px;
    padding-left:0px
}
ul.marker li::marker {
    content: "\2022";
    color: #454553;
    font-size: 1.5em;
    font-weight: bold;
}
.legal_content .title_legal p.term_t{
	font-size: 18px;
	font-weight: bold;
}
.legal_content .title_legal p{
	font-weight: bold;
	line-height: 35px
}
.form_content{
    width: 715px;
    margin: 0px auto;
}
.free_content{
    width: 100%;
    margin: 0px auto;
}
.flow_group{
	margin-top: 45px;
	padding-bottom: 45px
}
.flow_group .flow{
	border:2px solid #CDD6DD;
	width: 880px;
	border-radius: 8px;
	position: relative;
	margin:25px 0px;
}
.flow_group .flow ul{
	display: flex;
	justify-content: space-around;
}
.flow_group .flow ul .flow_number{
	position: absolute;
	top: -35px;
}
.flow_group .float_right{
	margin-left: auto; 
	margin-right: 0;
}
.number_left{
	left: -30px
}
.number_right{
	right: -30px
}
.flow_group .flow ul .flow_number img{
	width: 60px
}
.flow_group .flow ul .flow_img{
	width: 165px;
	line-height: 200px;
}
.flow_group .flow ul .flow_img img{
	width: 120px;
}
.flow_group .flow ul .flow_img img.icon_4{
	width: 85px
}
.flow_group .flow ul .flow_img img.icon_5{
	width: 150px
}
.flow_group .flow ul .donglon img{
    margin-top: 165px;
}
.flow_group .flow .add_box{
	padding: 15px;
	border:1px solid #CDD6DD;
	margin: 15px 0px
}
.flow_group .flow .add_box p{
	font-weight: bold;
	line-height:15px
}
.flow_group .flow ul .flow_desc{
	width: 655px;
	margin-top: 45px
}
.flow_group .flow ul .flow_desc .specil{
	font-weight: bold;
	margin: 15px 0px;
}
.flow_group .flow ul .flow_desc .specil span{
	font-size: 22px
}
.flow_group .flow ul .flow_desc h3{
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #004BB1
}
.flow_group .flow ul .flow_desc h3.tieudebox1{
	margin-top: 25px;
}
.flow_group .flow ul .flow_desc p{
	text-align: left;
	margin: 10px 0px
}
.link_area{
	display: flex;
	justify-content: space-between;
}
.link_area_center{
	display: flex;
	justify-content: center;
}
.desc_area_top_50{
	margin-top: 50px
}
.flow_btn{
	background-color: #004bb1;
    padding: 10px 15px;
    border-radius: 25px;
    color: #fff!important;
    display: block;
    width: 255px;
    margin: 0px auto;
    text-align: center;
}
.more_infor{
	background-color: #f0f3f5;
	padding: 25px;
	border-bottom-left-radius:  8px;
	border-bottom-right-radius:  8px;
	margin-top: 25px
}
.more_infor p{
	color: #004BB1;
	text-align: left;
	font-weight: bold;
}
.download_btn_area{
	display: flex;
	justify-content: center;
	margin-top: 30px
}
.download_btnleft{
	margin-right: 25px
}
.download_btnright{
	margin-left: 25px
}
.download_btn_area .download_btn{
	background-color: #fff;
    padding: 10px 25px 10px 55px;
    border-radius: 25px;
    color: #004BB1!important;
    display: block;
    text-align: left;
    background-image: url(../img/flow/download_icon.png);
    background-repeat: no-repeat;
    background-position: 15px;
    background-size: 15px;
    line-height: 18px
}
.download_btn_area .download_btn:hover{
	background-image: url(../img/flow/download-icon.png);
	background-color: #004BB1;
	color: #fff!important;
}
.cta_box{
	background-image: url(../img/cta_img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 55px 0px;
    height: 400px
}
.cta_box h2{
	font-size: 35px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 55px
}
.cta_box ul{
	display: flex;
	justify-content: space-around;
	position: relative;
}
.en_f{
	font-family: Verdana,sans-serif;
	font-style: italic;
}
.cta_box ul .cta_note{
	position: absolute;
	text-align: left;
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	right: 0px;
	bottom: -200px
}
.youtube_link_box ul{
	display: flex;
	justify-content: space-around;
}
.youtube_link_box ul li{
	width: 400px
}
.easypass_merit_box ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.easypass_merit_box{
	margin-top: 200px;
}
.easypass_merit_box ul li{
	width: 374px;
	background-color: #fff;
	border-radius: 15px;
	padding: 25px;
	margin: 25px
}
.merit_note{
	font-size: 12px;
	margin-top: 15px
}
.easypass_merit_box ul li h3{
	font-size: 18px;
    font-weight: bold;
    color: #004bb1;
    margin: 15px 0px 15px;
    text-align: center;
}
.easypass_merit_box ul li .merit_img{
	height: auto;
} 
.easypass_merit_box .merit_des p{
	text-align: left;
}
.easypass_merit_box ul li img{
	width: 200px
}
.youtube_link_box ul li h3{
	font-size: 18px;
    font-weight: bold;
    color: #004bb1;
    margin: 15px 0px 15px;
    text-align: center;
}
.youtube_link_box ul li .youtube_box{
	position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 210px
}
.youtube_link_box ul li .ep_box{
	background-image: url(../img/movie-link_1.png);
}
.youtube_link_box ul li .gc_box{
	background-image: url(../img/movie-link_2.png);
}
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}
.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    opacity: .5;
}
.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 22px solid #004bb1;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-radius: 2px;
    margin-top: 8px;
    margin-left: 5px;
}
.video-play-button:hover:after {
    background-color: #004bb1;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.youtube_link_box ul li img{
	width: 100%
}
/*.youtube_link_box ul li a:hover{
	opacity: 0.8
}*/
.about_box1{
	padding-bottom: 150px
}
.ccus_box1{
	width: 850px;
	margin: 0px auto 250px
}
.easypass_box2{
	margin: -150px auto 0px;
}
.easypass_box1 ul.marker li{
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px
}
.easypass_box1 ul.marker li::marker {
    content: "●";
    color: #004BB1;
    font-size: 1em;
    font-weight: bold;
}
.easypass_box1{
	width: 800px;
	margin: 35px auto 0px;
}
.ccus_box3{
	margin-top: 55px
}
.ccus_box3 ul.flex_ul{
	display: flex;
	justify-content: space-around;
	margin-top: 40px
}
.apply_title_box{
	background-color: #004BB1;
	width: 100%;
	height: 135px;
	margin-top: 35px
}
.apply_title_box h3{
	color: #fff;
	text-align: center;
	font-size: 20px;
	padding-top: 25px;
}
.apply_row_box{
	margin:-55px auto 65px;
	width:  850px
}
.apply_row_box .apply_row{
	background-color: #F0F3F5;
	padding: 25px;
	margin-bottom: 35px;
	position: relative;
}
.apply_row_box .apply_row ul li.row_txt{
	text-align: left;
	width: 665px;
}
.price_row p{
	line-height: 35px
}
.triangle-down {
  	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 25px solid #F0F3F5;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -25px;
}
.apply_row_box .apply_row ul li.row_number{
	width: 55px
}

.apply_row_box .apply_row ul li.row_txt p.apply_t{
	color: #3B4043;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px
}
.apply_row_box .apply_row ul li.row_txt .big_price{
	font-size: 22px;
	display: inline-block;
}
.apply_row_box .apply_row ul li.row_number span{
	display: block;
	color: #004BB1;
	font-family: Verdana,sans-serif;
	font-style: italic;
}
.apply_row_box .apply_row ul li span.app_step_name{
	font-size: 12px;
}
.apply_row_box .apply_row ul li span.app_step_number{
	font-size: 45px;
	font-weight: bold;
}
.note_row{
	font-size: 12px;
	line-height: 22px;
	margin-top: 15px
}
.note_right{
	font-size: 12px;
	text-align: right;
}
.apply_row_box .apply_row ul li img{
	width: 65px
}
.apply_row_box .apply_row ul li.big_row img{
	margin-top: 30px
}
.apply_row_box .apply_row ul{
	display: flex;
	justify-content: space-between;
}
.ccus_box3 .box_desc{
	margin: 25px 0px
}
.ccus_box3 ul.flex_ul li img{
	width: auto;
	height: 224px
}
.ccus_box3 ul.flex_ul li{
	width: 445px
}
.ccus_box3 ul.flex_ul li ul li{
	text-align: left;
	font-weight: bold;
}
.ccus_box3 ul.flex_ul li ul.marker{
	padding-left: 0px
} 
.ccus_box2{
	margin-top: -250px
}
.ccus_box2 ul{
	display: flex;
	justify-content: space-around;
	margin-top: 45px
}
.ccus_box2 ul li{
	width: 220px
}
.ccus_box2 ul li .circle_box {
    width: 220px;
    height: 220px;
    border-radius: 125px;
    margin: 0px auto;
    background-color: #fff;
    position: relative;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
.ccus_box2 ul li img {
    width: 95px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ccus_box2 ul li h3,.ccus_box3 ul li h3{
	font-size: 18px;
    font-weight: bold;
    color: #004bb1;
    margin: 25px 0px 15px;
}
.ccus_box1 .box1_desc{
	margin-top: 35px
}
.ccus_box1 .box1_desc p{
	text-align: left;
	line-height: 35px
}
.box_seihin{
	margin: -200px auto 0px;
	position: relative;
}
.box_seihin ul{
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 999
}
.box_seihin img.voice{
	width: 200px;
	position: absolute;
}
.box_seihin img.voice1{
	left: -65px;
    top: 175px;
}
.box_seihin img.voice2{
	left: 110px;
    top: 130px;
}
.box_seihin img.voice3{
	right: 110px;
    top: 130px;
}
.box_seihin img.voice4{
	right: -65px;
    top: 175px;
}
.box_seihin .btn_area ul{
	display: flex;
	justify-content: center;
	margin: 25px 0px
}
.box_seihin .btn_area ul li a{
	width: 240px;
	background-color: #004BB1;
	color: #fff;
	padding: 10px 15px;
	text-align: center;
	display: block;
	border-radius: 25px;
	margin: 0px 35px
}
.box_seihin .btn_area ul li a:hover{
	background-color: #ea7402
}
.box_seihin ul.product_img li{
	width: 242px;
	height: 242px;
}
.box_seihin ul li img{
	width: 100%
}
.box_seihin .desc{
	color: #004BB1;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	margin: 35px 0px
}
.cta_box ul li{
	width: 154px;
	height: 154px;
}
.cta_box ul li img{
	width: 100%
}
.popup_btn_area{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px
}
.popup_btn_area .view_btn{
	background-color: #f0f3f5;
    padding: 10px 15px 10px 55px;
    border-radius: 25px;
    color: #004BB1!important;
    display: block;
    text-align: left;
    background-image: url(../img/flow/play_icon.png);
    background-repeat: no-repeat;
    background-position: 15px;
    background-size: 15px;
    line-height: 18px;
    min-width: 300px
}
.popup_btn_area .view_btn:hover{
	background-color: #004BB1;
	background-image: url(../img/flow/play-icon-b.png);
	color: #fff!important
}

.popup_btn_area_pro{
	display: flex;
	justify-content: center;
	margin-top:35px
}
.popup_btn_area_pro .view_btn{
	background-color: #fff;
    padding: 10px 15px 10px 35px;
    border-radius: 25px;
    color: #004BB1!important;
    display: block;
    text-align: center;
    background-image: url(../img/flow/play_icon.png);
    background-repeat: no-repeat;
    background-position: 15px;
    background-size: 15px;
    margin: 0px 25px;
    width: 265px
}
.popup_btn_area_pro .view_btn:hover{
	background-color: #004BB1;
	background-image: url(../img/flow/play-icon-b.png);
	color: #fff!important
}

.popup_btn_area_pro_gc{
	display: flex;
	justify-content: center;
	margin-top:35px
}
.popup_btn_area_pro_gc .view_btn{
	background-color: #f0f3f5;
    padding: 10px 15px 10px 35px;
    border-radius: 25px;
    color: #004BB1!important;
    display: block;
    text-align: center;
    background-image: url(../img/flow/play_icon.png);
    background-repeat: no-repeat;
    background-position: 15px;
    background-size: 15px;
    margin: 0px 25px;
    width: 285px
}
.popup_btn_area_pro_gc .view_btn:hover{
	background-color: #004BB1;
	background-image: url(../img/flow/play-icon-b.png);
	color: #fff!important
}

/* Company */
.company_content h2{
	font-size: 24px;
	font-weight: bold;
}
.company_content table{
  width: 800px;
  margin:20px auto 0px;
  border-collapse: collapse;
}
.company_content table tr.firts_row{
  border-top: 1px solid #d2d7dc;
}
.company_content table tr td{
  padding: 15px;
  border-bottom: 1px solid #d2d7dc;
}
.company_content table tr td.title{
  background-color: #F0F3F5;
  min-width: 250px;
  font-size: 16px
}
.company_content table tr td.content{
	font-size: 16px
}
.company_content ul.ul_map{
  padding-top: 45px;
  width: 800px;
  margin: 0px auto;
}
.company_content ul li img{
  width: 380px;
  height: 280px
}
.company_content ul li p{
  font-size: 16px;
  margin: 0px
}


.flow_btn:hover{
	background-color: #ea7402
}
.tabcontent {
    display: none;
}
.space{
	margin-left: 12px
}
.center{
	text-align: center;
}
table.tbl_data{
	width: 650px;
	margin: 0px auto
}
table.tbl_data tr{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	min-height: 55px
}
table.tbl_data tr.no_boder_top{
	border-top: 0px solid #ccc;
}
table.tbl_data tr td{
	padding: 10px
}
table.tbl_data tr td a.link{
	display: block;
	text-decoration: underline;
}
table.tbl_data tr td.row_title{
	width: 200px;
	vertical-align: middle;
	font-weight: bold;
}
table.tbl_data tr td.table_title{
	font-size: 18px;
	color: #ffa41b
}
.line_space{
	width: 100%;
	height: 45px
}
.bold{
	font-weight: bold;
}

.absolute_box{
	position: absolute;
}
.absolute_box img{
	width: 250px
}
.tab1_content{
	text-align: center;
	margin-bottom: 150px
}
.tab1_content h3{
	font-size: 55px;
	color: #5daced;
	line-height: 100px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}
.tab1_content p.title_desc{
	color: #5daced;
	font-size: 22px
}
.tab1_content .block{
	text-align: center;
	margin: 25px auto;
	position: relative;
	width: 800px
}
.tab1_content .block p{
	line-height: 35px
}
.tab1_content .specil_block{
	margin: 35px auto;
}
.tab1_content .specil_block p{
	line-height: 30px;
	font-size: 22px;
	line-height: 35px;
	color:#324b6e;
}
.block1 .absolute_box{
	top:-50px;
	left: -150px
}
.block2 .absolute_box{
	top: -5px;
	right: -155px;
}
.block3 .absolute_box{
	top: 35px;
    left: -125px;
}
.list_company{
	text-align: center;
	max-width: 1000px;
	margin: 0px auto
}
.list_company li{
	padding: 5px 15px;
	background-color: #f0f0f0;
	width: 255px;
	height: 265px;
	display: inline-block;
	position: relative;
	margin: 15px;
	vertical-align: top;
}
.list_company .absolute_box{
	top: 10px;
	right: 10px
}
.list_company .absolute_box img{
	width: 22px
}
.list_company li a img{
	width: 100%
}
.list_company li:hover{
	background-color: #f3e9db
}
.list_company li a p{
	text-align: left;
	font-size: 12px;
	line-height: 20px
}
.list_company li h4.company_name{
	font-size: 15px;
	font-weight: bold;
}

.list_work{
	text-align: center;
	margin: 0px auto
}
.list_work li{
	padding: 15px;
	background-color: #f0f0f0;
	width: 345px;
	height: 525px;
	display: inline-block;
	position: relative;
	margin: 25px;
	vertical-align: top;;
	text-align: center;
}
.list_work li .work_name{
	font-size: 18px;
	font-weight: bold;
	color: #324b6e
}
.list_work li img{
	width: 200px;
	height: 200px
}
.page_desc{
	text-align: center;
	margin-top: 15px
}
.desc_service{
	color: #324b6e;
	text-align: left;
	margin-bottom: 10px
}
.specil_txt{
	font-weight: bold;
	font-size: 14px;
	color: #324b6e;
	text-align: left;
}
.note{
	font-size: 13px;
	color: #3b4043;
	text-align: left;
}


.news_tab{
	text-align: center;
	margin-bottom: 25px;
	margin-top: 35px;
	display:flex;
	align-items: center;
    justify-content: center;
}
.news_tab li{
	display: inline-flex;
	/* width:200px; */
	color: #CDD6DD;
	border-right: 1px solid #324b6e;
	padding:0 10px;
}
.news_tab li:last-child{
	border-right: 0px solid
}
.news_tab li a{
	display: block;
	width: 100%;
	font-weight: bold;
	line-height: 15px
	
}
.news_tab li a:hover,.news_tab li a.active{
	color: #004bb1
}

.detail_content{
	width: 600px;
	margin: 0px auto
}
.detail_content h1{
	font-size: 22px;
	color: #324b6e;
	margin: 25px 0px 15px;
	line-height: 35px;
	font-weight: bold;
}
.detail_content h2{
	background-color: #e3eaef;
    color: #004bb1;
    padding: 1.25em 2.375em;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    margin: 20px 0px
}
.detail_content  h3 {
    position: relative;
    border-bottom: 3px solid #ccc;
    border-left: 0;
    padding: 0.55em 0;
    margin-top: 1em;
    margin-bottom: 0.5em;
    display: block;
    font-weight: bold;
    line-height: 1.4;
    font-size: 16px
}
.detail_content  h3::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #004bb1;
    bottom: -3px;
    left: 0;
    width: 30%;
}
.detail_news img{
	max-width: 100%;
	margin: 25px 0px
}
.detail_news{
	margin-bottom: 55px
}
.detail_news .title{
	font-weight: bold;
	color: #324b6e;
	font-size: 16px;
	margin: 10px 0px
}
.detail_news .left_space{
	padding-left: 25px
}
.detail_news .line_space{
	width: 100%;
	height: 25px
}
.cotrol_area{
	text-align: center;
}
.cotrol_area .blog_home{
	background-image: url(../img/news/list_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 25px;
	background-size: contain;
	background-position: center left;
	font-size: 15px
}
.fal, .far {
    font-family: "Font Awesome 5 Pro";
}
.fa-arrow-to-top:before {
    content: "\f341";
}
.totop>a:hover {
    background-color: rgb(30 143 210 / 95%);
}
.totop {
    z-index: 99;
}
.totop {
    background-color: #4786dd;
    position: fixed;
    bottom: -115px;
    right: 15px;
}
.totop.in {
	bottom: 15px
}
.totop>a {
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 10px 15px;
}
footer{
	background-color: #004bb1;
	padding: 50px 0px
}
.menu_fotter{
	display: flex;
	justify-content: center;	
}
.menu_fotter ul li a{
	color: #fff
}
.menu_fotter .box_logo{
	width: 245px;
	margin-right:10px;
}
.menu_fotter .box_logo img{
	width: 100%
}
.menu_fotter .box_logo .phone{
	background-image: url(../img/phone_icon.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-size: 50px;
	background-position: center left;
	padding-left: 65px;
	font-size: 18px;
	font-weight: bold;
    font-family: Verdana,sans-serif;
}
.menu_fotter .box_logo .phone a{
	color: #fff
}
.menu_fotter .box_logo p{
	color: #fff;
	font-size: 11px
}
.menu_fotter .box_logo p.copy{
	font-size: 10px
}
.menu_fotter .box_logo p.companyname{
	font-size: 15px;
	margin: 10px 0px 0px
}
.menu_fotter .box_menu{
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.menu_fotter .box_menu ul li{
	display: inline-block;
	vertical-align: top;
}
.menu_fotter .box_menu ul li.sub{
	padding-left: 6px
}
.menu_fotter .box_menu ul li ul li{
	display: block;
}
.menu_fotter .box_menu ul li ul>li.sub>a{
	font-size: 11px;
	background-image: url(../img/sub_arrow.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 10px;
    padding-left: 15px
}
.menu_fotter .box_link{
	width: 175px;
	margin-left: 10px
}
.menu_fotter .box_menu>ul{
	display: flex;
	justify-content:space-around;
	margin-top: 5px
}
.menu_fotter .box_menu li.title{
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	padding: 0px 10px
}
.menu_fotter .box_menu li.menu1{
	width: 120px;
}
.menu_fotter .box_menu li.menu2{
	width: 136px;
}
.menu_fotter .box_menu li.menu3{
	width: 100px;
}
.menu_fotter .box_menu li.menu4{
	width: 85px;
}
.menu_fotter .box_menu li.menu5{
	width: 85px;
}
.menu_fotter li a:hover{
	text-decoration: underline!important;
}
.menu_fotter .box_link li a{
	font-size: 11px;
	background-image: url(../img/link.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 12px;
    padding-right: 18px;
    line-height: 25px
}
.menu_fotter .box_link li a.no_bg{
	background-image: none;
	padding-right: 0px
}

.privacy_table .title{
	width: 190px;
	font-size: 18px;
	font-weight: bold;
	color: #324b6e;
	vertical-align: top;
	padding-top: 3px
}
.right{
	text-align: right;
}
.hr_line{
	width: 100%;
	height: 25px;
	border-bottom: 1px solid #324b6e;
	margin-bottom: 25px
}
.list_abc{
	padding-left: 15px;
	margin:10px 0px;
	position: relative;
}

.havespace{
	padding-left: 15px;
	margin-bottom: 20px
}
.nomargin{
	margin: 0px!important
}
.number_abc{
	position: absolute;
	left: 0px;
	top: 0px
}
.hissu{
	background-color: #ff0000;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 3px;
	margin-right: 25px
}
.nini{
	background-color: #ccc;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 3px;
	margin-right: 25px
}
.form_content table tr td {
    display: inline-block;
    width: 100%;
}
.center{
	text-align: center;
}
.custumcheck{
  display: inline-block;
  position:relative;
  cursor:pointer;
  user-select: none;
  padding-left:30px;
  margin-right: 0px;
}
.custumcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark{
  position:absolute;
  top:0;
  left:0;
  width:25px;
  height:25px;
  background:#fff;
  border:2px solid #324b6e;
}
.checkmarkFake{
  position:absolute;
  top:0;
  left:0;
  width:25px;
  height:25px;
  background:#e8e8e8;
  border:1px solid #ccc;
}
.disabled{
	z-index: -1!important
}
.custumcheck:hover .checkmark{
  background:#fff;
}
.checkmark:after{
  content:"";
  position:absolute;
  display:none;
}
.custumcheck .checkmark:after{
  top:50%;
  left:50%;
  width: 5px;
  height: 10px;
  border: solid #324b6e;
  border-width: 0 3px 3px 0;
  transform:translate(-50%,-50%) rotate(45deg);
}
.custumcheck input:checked ~ .checkmark{
  background:#fff;
}
.custumcheck input:checked ~ .checkmark:after{
  display:block;
}
.flexlist{
	display: flex;
	justify-content: start;
	align-items: center;
}
.flexlist li.link{
	margin-right: 0px;
}
.flexlist li.link a{
	color: #47bbde;
	background-image: url(../img/arrow_small.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 10px;
    padding-right: 25px
}
.list_contact_item li.relative_box{
	position: relative;
}
.list_contact_item li.relative_box .absolute_box{
	position: absolute;
	right: 15px
}
.list_contact_item li.relative_box .absolute_box a{
	color: #47bbde;
	background-image: url(../img/arrow_small.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 10px;
    padding-right: 15px
}
.policy_line .list_contact_item li{
	background: #fff
}
.policy_line .list_contact_item li .checkmark {
    border: 2px solid #324b6e;
}
.policy_line .list_contact_item li .custumcheck a{
	margin-bottom: 0px
}
.list_contact_item li{
	padding: 10px 5px;
	background-color: #eff3f5;
	margin: 10px 0px;
	color: #454553
}
.list_contact_item li .checkmark{
	border:2px solid #ccc;
}
.phone_area{
	text-align: center;
}
.phone_area p{
	font-weight: bold;
	margin-bottom: 10px
}
.phone_area .phone a{
    background-image: url(../img/freedial_icon.png);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center left;
    font-size:28px;
    font-weight: bold;
    font-family: Verdana,sans-serif;
    margin:0px auto;
    text-align: center;;
    color: #004bb1;
    width: 300px;
    padding-left: 75px
}
.relative_title{
	position: relative;
}
.form_content table tr td .title{
	width: auto;
	margin-top: 25px;
	display: inline-block;
}
.form_content table tr td .sub_title{
	width: 50px;
	display: inline-block;
}
.form_content input[type=text] {
  	padding: 12px 15px;
  	margin: 8px 0;
  	height: 45px;
  	border:0px solid;
  	border:1px solid #ccc;
}
.form_content input[type=number] {
  	padding: 12px 15px;
  	margin: 8px 0;
  	height: 45px;
  	border:0px solid;
  	border:1px solid #ccc;
}
.form_content input[type=date] {
  	padding: 12px 15px;
  	margin: 8px 0;
  	height: 45px;
  	border:0px solid;
  	border:1px solid #ebedf0;
  	width: 220px
}
.form_content input[type=text].small_w{
	width: 65px
}
.form_content tr th.small_t{
	width: 145px
}
.form_content input[name="zip1"],.form_content input[name="ep_post_code1"],.form_content input[name="gc_post_code1"]{
	width: 95px
}
.form_content input[name="zip2"],.form_content input[name="ep_post_code2"],.form_content input[name="gc_post_code2"]{
	width: 125px
}
.form_content input[name="ep_nyu_produc_number"],.form_content input[name="ep_tai_produc_number"],.form_content input[name="ep_nyu_tai_produc_number"]{
	width: 95px
}
.form_content input[name="gc_nyu_produc_number"],.form_content input[name="gc_tai_produc_number"],.form_content input[name="gc_nyu_tai_produc_number"]{
	width: 95px
}
.tb_product tr td.product_img{
	width: 320px;
	margin-top: 15px;
	text-align: center;
}
.tb_product tr td .product_title{
	width: 320px;
	margin-top: 20px
}
.tb_product tr td .product_title label{
	vertical-align: top;
}
.tb_product tr td .product_title input[type=radio] {
	width: 22px;
	height: 22px;
	cursor: pointer;
}
.tb_product tr td.product_img img{
	width: 220px;
}
.form_content input[type=email] {
  	padding: 12px 15px;
  	margin: 8px 0;
  	height: 45px;
  	border:1px solid #ccc;
}
.form_content textarea {
	width: 100%;
  	padding: 12px 15px;
  	margin: 8px 0;
  	background-color: #ebedf0;
  	border:1px solid #fff;
  	resize: vertical;
}
.form_content .dropdown{
	width: 350px;
	height: 45px;
	margin: 8px 0;
	border:1px solid #ccc;
	padding: 12px 15px;
	color: #454553
}
.form_content .label{
	width: 50px
}
.form_content input[type=text]:focus,.form_content input[type=number]:focus,.form_content input[type=date]:focus,.form_content input[type=email]:focus,.form_content textarea:focus,.form_content .dropdown:focus{
    outline: none !important;
    border:1px solid #bcbaba;
 }
.form_content input.full_width {
  	width: 100%;
}
.form_content input.half_width {
  	width: 75%;
  	display: inline-block;
}
.form_content table{
	margin: 0px auto;
	width: 100%
}
.form_content .btn{
	padding: 10px;
	font-weight: 500;
	color: #fff;
	border-radius: 25px;
	text-align: center;
	border:1px solid #004bb1;
	cursor: pointer;
	margin: 0px auto;
	background-color: #004bb1;
	font-size: 16px
}
.form_content .btn:hover{
	background-color: #ea7402;
	border:1px solid #ea7402;
}
input[type="button"]:disabled:hover{
	border:1px solid #a19d9d;
}
.privacy_title {
    text-align: center;
    margin-top: 55px;
}
.privacy h4{
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	margin: 5px 0px
}
.privacy {
    width: 100%;
    margin: 25px auto;
    padding: 15px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    height: 200px;
}
.policy_link{
	text-decoration: underline;
	color: #58aaed!important;
	display: inline-block;
}
.kojin{
	margin-top: 8px
}
.submit_btn_area{
	margin-top: 55px;
	text-align: center;
}
.check_area{
	text-align: center;
}
input[type="button"]:disabled{
	cursor: not-allowed!important;
	background-color: #f0f0f0!important;
	border:1px solid #a19d9d;
	color: #ccc;
}
@media (min-width: 768px) and (max-width: 1200px){
	.jisseki img {
	    width: 100%;
	    max-width: fit-content;
	    margin: 0px auto;
	}
	.ss .p1{
		font-size: 20px
	}
	.campain_prodcuts{
		justify-content: space-around;
	}
	.company_content table tr td.title{
		min-width: 150px
	}
	.company_content{
		padding: 15px
	}
	.company_content table {
    	width: 100%;
	}
	.company_content ul.ul_map{
		width: 100%
	}
	table.thongso tr td.info{
		padding: 10px
	}
	.main .main_img .hand_img {
	    right: -100%;
	    bottom: -50px;
	}
	.camp_desc{
		margin-bottom: 0px
	}
	.schedule .text p.thuong{
		font-size: 18px
	}
	.schedule .text p.dacbiet{
		font-size: 30px
	}
	.ss .contact_btn{
		font-size: 20px;
		width: 300px
	}
	.ss .p2{
		font-size: 30px
	}
	.campain_prodcuts img{
		width: 280px
	}
	p.camp_title{
		width: 225px;
		font-size: 25px;
		line-height: 45px
	}
	.camp_desc .cam .span2{
		font-size: 25px;
	}
	.camp_desc .cam .span1{
		font-size: 15px;
		line-height: 10px
	}
	.camp_desc .muryou{
		font-size: 35px
	}
	.main .main_txt .cr_img{
		width: 300px
	}
	.desc_txt .desc br{
		display: none;
	}
	.desc_txt{
		width: 350px;
	}
	.easypass_merit_box ul li{
		width: 315px
	}
	.youtube_link_box ul li {
    	width: 350px;
	}
	.easypass_box1{
		width: 100%
	}
	.apply_row_box{
		width: 600px
	}
	.apply_row_box .apply_row{
		padding: 25px 15px
	}
	.apply_row_box .apply_row ul li.row_txt{
		width: 415px
	}
	.ccus_box1{
		width: 100%
	}
	.ccus_box3 ul.flex_ul li {
    	width: 315px;
	}
	.box_seihin img.voice2 {
    	left: 180px;
    	top: 215px;
	}
	.box_seihin img.voice1 {
    	left: 10px;
    	top: 255px;
	}
	.box_seihin img.voice3 {
    	right: 180px;
    	top: 215px;
	}
	.box_seihin img.voice4 {
    	right: 10px;
    	top: 255px;
	}
	.box_seihin ul{
		margin-bottom: 150px
	}
	.box_seihin{
		margin-top: -300px
	}
	.cta_box ul li{
		width: 120px;
    	height: 120px;
	}
	.legal_content{
		width: 700px
	}
	.process_menu{
		width: 750px
	}
	.popup_btn_area{
		justify-content: space-around;
	}
	.flow_group .flow ul .flow_img img {
    	width: 85px;
	}
	.flow_group .flow ul .flow_img img.icon_5 {
    	width: 105px;
	}
	.flow_group .flow ul .donglon img {
    	margin-top: 215px;
	}
	.flow_group .flow ul .flow_desc{
		width: 565px
	}
	.flow_group .flow ul .flow_img{
		width: 110px
	}
	.popup_btn_area .view_btn {
		font-size: 12px;
    	padding: 10px 15px 10px 30px;
	}
	.download_btn_area .download_btn{
		font-size: 12px
	}
	.flow_group .flow{
		margin: 45px auto;
		width: 700px
	}
	.flow_group .float_right{
		padding-left: 0px
	}
	label.spmenu{
		display: block;
	}
	label.spmenu .sp_logo{
		position: absolute;
		left: 15px;
		top: 15px;
		z-index: 2
	}
	label.spmenu .sp_logo img{
		width: 220px
	}
	.news_box ul{
		width: 650px;
    	margin: 0px auto;
	}
	.product_box li a{
		width: 350px;
		padding: 35px 0;
	}
	.product_box li h3{
		font-size: 22px
	}
	.ccus_box{
		max-width: 100%
	}
	.works_box{
		width: 700px;
		max-width: 700px
	}
	.works_box .txt_box {
    	width: 380px;
	}
	.works_box .img_box{
		width: 220px;
		margin-top: 80px;
	}
	.news .inner .news_box ul{
		width: 100%
	}
	.menu_fotter .box_logo img {
    	width: 250px;
	}
	.feature ul li {
    	width: 215px;
	}
	.feature ul li .circle_box{
		width: 215px
	}
	h2.sec_header{
		font-size: 22px
	}
	.main_txt p.type-it{
		font-size: 55px
	}
	.main_txt p.sub{
		font-size: 25px
	}
	.tab1_content .block{
		width: 700px
	}
	.pcOnly{
		display: none;
	}
	.smOnly{
		display: block!important;
	}
	header{
    	max-width: 750px;
	}
	.fixmenu{
		width: 750px
	}
	#gNav ul li{
		width: 120px
	}
	.fix_content{
		width: 100%
	}
	.privacy_table .title{
		padding: 0px 15px;
		width: 100%
	}
	.privacy_table tr td{
		display: block;
		padding: 15px
	}
	.menu_fotter{
		width: 100%;
		padding: 0px;
	}
	.menu_fotter .box_logo {
	    width: 350px;
	    margin-right: 0px
	}
	.menu_fotter .box_menu{
		border-left: 0px solid;
	    border-right: 0px solid;
	    border-top: 1px solid #fff;
	    border-bottom: 1px solid #fff;
	    margin: 15px;
	    padding: 15px;
	    max-width: 100%;
	    display: none;
	}
	.menu_fotter .box_link {
    	width: 250px;
    	margin:0px;
	}
	.menu_fotter .box_link ul{
		text-align: center;
	}
	.menu_fotter .box_link ul li{
		display: block;
		margin: 0px 5px;
		text-align: left;
	}
	.menu_fotter .box_link li a{
		font-size: 13px;
		
	}
	.menu_fotter .boxlogo {
	    width: 100%;
	    display: block;
	    text-align: center;
	}
	.menu_fotter .boxmenu{
		width: 100%;
		display: none;
	}
	.inner{
		width: 100%;
		padding: 0px 15px;
	}
	.form_content{
		padding: 15px
	}
	.news_box{
		padding: 15px
	}
	.list_work li{
		width: 330px;
		margin: 15px
	}
}
@media (max-width: 916px){
	.jisseki img {
	    width: 100%;
	    max-width: fit-content;
	    margin: 0px auto;
	}
	.widget ul li p {
    	width: 100%;
    	margin-left: 15px;
	}
	.tipscontent,.widget{
		width: 100%
	}
	.inner .news_box_flexa ul{
		justify-content: space-around;
	}
}

@media (max-width: 767px) {
	.jisseki img {
	    width: 100%;
	    max-width: fit-content;
	    margin: 0px auto;
	}
	.widget {
    	width: 330px;
    	margin: 0px auto;
	}
	.tipscontent{
		width: 100%
	}
	.inner .news_box_flexa ul{
		justify-content: center;
	}
	.tiparae {
    	flex-direction: column;
	}
	.text_desc .note{
		text-align: center;
		margin-bottom: 25px;
	}
	.text_desc .p3{
		line-height: 22px
	}
	.ss .contact_btn{
		margin: 0px auto
	}
	.ss .p1{
		font-size: 24px;
		font-weight: bold;
	}
	.ss .p2{
		font-size: 48px;
		font-weight: bold;
		line-height: 65px;
		margin-bottom: 15px
	}
	.campain_prodcuts img{
		padding: 15px 0px;
		width: 300px
	}
	.campain_prodcuts,.ss{
		display: block;
		text-align: center;
	}
	.dacbiet{
		font-size: 22px;
		text-align: center;
		color: #FFEB00;
		margin: 15px 0px
	}
	.schedule img{
		width: 72px;
		height: auto;
	}
	 .text .camp_img_sp p.thuong{
		font-size: 27px;
		font-weight: bold;
	}
	 .text p.kinen{
		font-size: 29px;
		font-weight: bold;
	}
	.camp_img_sp{
		display: block!important;
	}
	.camp_img_pc{
		display: none!important;
	}
	p.cam_note{
		font-size: 12px
	}
	.c_header_txt{
		padding-left: 0px!important;
		max-width: 320px!important
	}
	.c_header_txt h3{
		font-size: 55px!important
	}
	.c_header_txt p.sub{
		font-size: 30px!important
	}
	.inner .news_box_flexa ul{
		justify-content: center;
	}
	.c_header_txt p.desc br{
		display: none;
	}
	.company_content ul.ul_map{
		width: 100%
	}
	.company_content table tr td.title{
		min-width: 150px
	}
	.company_content{
		padding: 15px
	}
	.company_content table {
    	width: 100%;
	}
	ul.breadcrumb {
    	padding: 15px;
	}
	.tnote{
		display: block;
		padding-left: 0px;
		padding-top: 5px
	}
	.specila_note{
		display: block;
		padding-left: 0px;
		padding-top: 5px;
		width: 100%
	}
	.help .tooltip{
		left: auto;
		width: 320px;
		right: -250px
	}
	.help .tooltip:after{
		left: auto;
		right: 250px
	}
	.help .tooltip p{
		font-size: 11px
	}
	.mainpage .page_title h1{
		margin-top: 135px;
		font-size: 25px
	}
	.mainpage .page_title p.h1{
		margin-top: 135px;
		font-size: 25px
	}
	.flow_group .flow ul .flow_desc h3{
		text-align: center;
		margin-top: 0px;
		font-size: 19px
	}
	.flow_group .flow ul .flow_desc h3.tieudebox1 {
    	margin-top: 0px;
	}
	.download_btnleft{
		margin-right: 0px
	}
	.download_btnright{
		margin-left: 0px
	}
	.cta_box ul .cta_note{
		right: 15px;
		bottom: 25px
	}
	.product_box li img {
    	width: 250px;
	}
	label.spmenu .sp_logo{
		position: absolute;
		left: 15px;
		top: 15px;
		z-index: 2
	}
	label.spmenu .sp_logo img{
		width: 220px
	}
	.chuu_mon_sp{
		display: block!important;
		position: absolute;
		bottom: 155px;
		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	.chuu_mon_pc{
		display: none!important;
	}
	.main .main_img .hand_img img{
		width: 400px
	}
	.desc_txt{
		width: 100%
	}
	.main .main_txt .cr_img{
		width: 250px
	}
	.main .main_txt{
		display: block;
	}
	.youtube_link_box ul li {
    	width: 300px;
    	margin: 0px auto;
	}
	.youtube_link_box ul{
		display: block;
	}
	.easypass_box2{
		margin-top: -155px
	}
	.easypass_box1{
		width: 100%
	}
	.apply_row_box .apply_row ul li.big_row img{
		margin-top: 0px
	}
	.price_row p {
    	line-height: initial;
	}
	.apply_row_box .apply_row{
		padding: 25px 15px
	}
	.note_right{
		text-align: left;
		padding: 15px
	}
	.apply_row_box .apply_row ul li span.app_step_number{
		line-height: 35px;
		margin-bottom: 15px
	}
	.apply_row_box .apply_row ul li.row_txt p.apply_t{
		text-align: center;
	}
	.apply_row_box .apply_row ul li.row_txt{
		width: 100%;
		margin-bottom: 10px;
	}
	.apply_row_box .apply_row ul li{
		margin: 0px auto
	}
	.apply_row_box .apply_row ul{
		display: block;
	}
	.apply_row_box{
		width: 100%;
		padding: 15px
	}
	.ccus_box3 ul.flex_ul li{
		width: 100%
	}
	.ccus_box3 ul.flex_ul>li{
		width: 100%;
		margin-bottom: 25px;
		padding: 15px
	}
	.ccus_box3 ul.flex_ul{
		display: block;
		padding: 15px;
	}
	.ccus_box2 ul{
		display: block;
	}
	.ccus_box2 ul li{
    	margin: 0px auto 55px;
	}
	.ccus_box1{
		width: 100%;
		padding: 15px
	}
	.box_seihin img.voice2 {
    	left: 80px;
    	top: -145px;
	}
	.box_seihin img.voice1 {
    	left: 5px;
    	top:-95px;
	}
	.box_seihin img.voice3 {
    	right: 80px;
    	top: -145px;
	}
	.box_seihin img.voice4 {
    	right: 5px;
    	top: -95px;
	}
	.box_seihin ul.product_img li{
		width: 180px
	}
	.box_seihin ul.product_img{
		position: absolute;
		top:-500px;
		left: 50%;
    	transform: translate(-50%, 0);
	}
	.box_seihin img.voice{
		width: 120px
	}
	.box_seihin .btn_area ul li a{
		margin: 15px auto;
	}
	.box_seihin .btn_area ul{
		display: block;
	}
	.box_seihin{
		margin-top: 0px
	}
	.cta_box{
		height: auto;
	}
	.cta_box ul{
		display: inline-block;
	}
	.cta_box ul li{
		display: inline-block;
		margin-bottom: 105px;
		width: 115px;
		height: 115px
	}
	.cta_box h2{
		font-size: 30px;
		padding: 0px 15px;
		line-height: 35px
	}
	.flow_group .flow .add_box{
		padding: 10px
	}
	.legal_content{
		width: 100%
	}
	.download_link{
		top: -5px
	}
	.list_contact_item li.multi_line .absolute_box {
    	top: 8px;
	}
	.list_contact_item li.multi_line{
		padding-top:35px
	}
	.process_menu{
		display: none;
	}
	table th.fix_w {
		display: block;
	}
	.tbl_tieude{
		font-size: 15px
	}
	.khung{
		padding: 30px 25px;
	}
	.form_content input[type=date]{
		width: 155px
	}
	.popup_btn_area_pro,.popup_btn_area_pro_gc{
		display: block;
	}
	.popup_btn_area_pro .view_btn,.popup_btn_area_pro_gc .view_btn{
		margin: 15px auto
	}
	table.thongso tr td{
		width: 205px;
		vertical-align: top;
	}
	.content_area .thongso_box .thongso_txt {
    	width: 100%;
	}
	.content_area .thongso_box .thongso_img{
		margin: 0px auto
	}
	.product_section img{
		padding: 15px
	}
	.content_area .thongso_box{
		display: block;
	}
	.download_btn_area .download_btn{
		margin-bottom: 15px;
		font-size: 12px;
		padding: 10px 15px 10px 32px;
	}
	.popup_btn_area{
		display: block;
	}
	.popup_btn_area .view_btn{
		margin-bottom: 15px;
		min-width: 100%
	}
	.download_btn_area{
		display: block;
	}
	.number_right {
    	right: 0px;
	}
	.flow_group .flow ul .flow_desc {
	    width: 100%;
	    margin-top: 0px;
	    padding: 0px 15px 15px 15px;
	}
	.flow_group .flow ul .donglon img{
		margin-top: 0px
	}
	.flow_group .flow ul .flow_desc .specil span{
		display: block;
	}
	.flow_group .flow ul .flow_img {
    	width: 100%;
	}
	.number_left {
    	left: 0px;
	}
	.flow_group .flow ul{
		display: block;
	}
	.flow_group{
		padding: 15px
	}
	.flow_group .flow{
		width: 320px;
		margin: 55px auto;
	}
	.news_box_title{
		width: 100%;
		margin-bottom: 20px
	}
	.news .inner .news_box ul {
    	width: 100%;
    	padding: 0px;
	}
	.jisseki img{
		padding: 0px 15px
	}
	label.spmenu{
		display: block;
	}
	.conten_box{
		display: block;
	}
	table.tbl_spcile_data tr td.month{
		width: 50px;
		text-align: center;
	}
	table.tbl_spcile_data tr td{
		display: table-cell!important;
	}
	.tab1_content .block p{
		line-height: 33px;
		font-size: 14px
	}
	.tab1_content{
		margin-bottom: 0px
	}
	.tab1_content .block{width: 100%;text-align: left;margin: 15px 0px}
	.tab1_content .block img{
		width: 100%
	}
	.tab1_content .specil_block p{
		text-align: center;
		font-size: 17px
	}
	.tab1_content h3{
		font-size: 35px;
		line-height: 55px
	}
	table.tbl_data tr td.row_title{
		width: 100%;
		padding-bottom: 0px;
		padding-top: 10px
	}
	table.tbl_data tr td{
		display: block;
		padding: 0px 0px 10px 0px
	}
	table.tbl_data{
		width: 100%
	}
	.list_work li{
		height: auto;
		width: auto;
	}
	.detail_content{
		width: 100%;
		padding: 15px
	}
	.news_box_left .news_box_title h4{
		width: 300px
	}
	.inner{
		width: 100%
	}
	.main .main_txt{
		width: 100%;
	}
	.main_txt p.type-it{
		font-size: 35px;
		line-height: 35px;
		text-align: center;
	}
	.main_txt p.sub {
    	line-height: 35px;
    	font-size: 22px;
    	text-align: center;
	}
	.main_txt p.desc{
		text-align: center;
		padding: 0px 15px
	}
	.main_txt p.desc br{
		display: none;
	}
	.main .main_img img{
		width: 100%;
	}
	.works_box{
		width: 100%;
		padding: 35px 10px
	}
	.list_works li{
		margin: 5px
	}
	.news .inner{
		display: block;
		padding: 15px
	}
	.news .inner .news_box {
    	width: 100%;
	}
	.news_box ul li .news_title{
		padding-right: 0px;
		font-size: 13px
	}
	.news_box_title h4{
		width: 100%
	}
	.news_box_title span{
		width: 100%;
    	display: block;
    	text-align: center;
	}
	.news_box_title .news_more{
		width: 100px
	}
	.desc_txt p{
		line-height: 30px;
		font-size: 15px
	}
	.news_box_right{
		margin-top: 25px
	}
	.works_box{
		margin: 15px auto;
    	width: 320px;
    	display: block;
	}
	.works_box .txt_box {
    	width: 100%;
	}
	h2.sec_header{
		line-height: 35px;
		font-size: 22px;
		text-align: center;
	}
	.works_box .txt_box span.en{
		text-align: center;
		display: block;
	}
	.feature ul{
		display: block;
	}
	.feature ul li {
    	margin: 0px auto;
    	margin-bottom: 55px
	}
	.feature ul li:last-child{
		margin-bottom: 0px
	} 
	.main .main_img{
		height: 1000px
	}
	p.cam_note{
		font-size: 12px;
		padding: 15px;
		text-align: center;
	}
	p.camp_title{
		font-size: 25px;
		width: 225px;
	}
	a.cam_btn{
		width: 300px
	}
	.cam_box{
		padding: 15px;
		width: 350px;
    	margin: 0px auto;
	}
	.camp_desc .cam .span1{
		line-height: 10px;
		font-size: 14px
	}
	.camp_desc .cam .span2{
		font-size: 22px
	}
	.camp_desc .muryou{
		font-size: 30px
	}
	.main .main_img .hand_img{
		bottom: 100px;
		right: -125%;
	}
	footer{
		padding: 35px 0px
	}
	.ccus_box{
		width: 100%
	}
	.produc_ccus .product_box{
		display: block;
	}
	.product_box li a{
		width: 320px;
		height: auto;
		margin: 0px auto;
		margin-bottom: 35px;
		padding: 15px 25px 25px 25px
	}
	.menu_fotter .box_logo{
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #fff;
		padding-bottom: 15px
	}
	.menu_fotter .box_logo .phone{
		padding-left: 35px;
		margin: 0px auto;
		width: 220px
	}
	.menu_fotter .box_menu{
		width: 100%;
		border-left:0px solid;
		border-right:0px solid;
		border-top: 1px solid #fff;
    	border-bottom: 1px solid #fff;
    	margin: 10px 0px;
    	padding: 5px 0px;
    	display: none;
	}
	.menu_fotter .box_menu li.menu3,.menu_fotter .box_menu li.menu4,.menu_fotter .box_menu li.menu5{
		width: 100px
	}
	.menu_fotter .box_menu li{
		text-align: left;
	}
	.menu_fotter .box_link {
    	width: 100%;
    	margin: 0px;
    	padding-top: 15px;
	}
	.menu_fotter .box_menu ul li{
		width: 155px
	}
	.menu_fotter .box_link ul{
		text-align: center;
	}
	.menu_fotter .box_link ul li {
    	display: block;
    	margin: 0px 5px;
    	text-align: left;
	}
	.menu_fotter .box_link li a{
		font-size: 13px;
		margin-left: 0px;
		line-height: 35px;
	}
	.news_box ul li a {
    	display: block;
    	margin-top: 5px;
	}
	.menu_fotter .box_menu>ul{
		display: block;
	}
	.product_box li h3{
		font-size: 20px;
		margin: 0px
	}
	.news .inner .news_box{
		display: block;
	}
	.news_box ul{
		width: 100%;
		padding: 0px 15px
	}
	.menu_fotter .box_logo img {
    	width: 300px;
	}
	.news {
    	padding: 35px 0px;
	}
	.produc_ccus{
		padding-bottom: 35px
	}
	.menu_fotter{
		display: block;
		width: 100%;
		padding: 25px 15px
	}
	.menu_fotter .boxlogo {
	    width: 100%;
	    display: block;
	    text-align: center;
	}
	.menu_fotter .boxmenu{
		width: 100%;
		display: none;
	}
	.bottom_fotter .inner{
		display: block;
		text-align: center;
	}
	.fix_content{
		width: 100%
	}
	.page_desc{
		padding: 15px 0px;
		line-height: 25px;
		font-size: 16px;
		margin-top: 0px
	}
	.page_desc br{
		display: none;
	}
	.form_content{
		padding: 15px;
		width: 100%
	}
	.form_content table tr td .title{
		width: auto;
	}
	.form_content table tr td{
		display: inline-block;
		width: 100%
	}
	.form_content input.half_width{
		width: 84%
	}
	.form_content .dropdown{
		width: 100%
	}
	.mainpage .page_title{
		padding: 15px
	}
	.privacy_table .title{
		padding: 0px 15px;
		width: 100%
	}
	.privacy_table tr td{
		display: block;
		padding: 15px
	}
	.tabcontent{
		padding: 10px
	}
}
@media (max-width: 320px) {
	.page_desc{
		padding: 5px
	}
	.custumcheck{
		margin-right: 0px
	}
}
/*@media (min-width: 576px){
	header{
    	max-width: 540px;
	}
}
@media (min-width: 768px){
	header{
    	max-width: 720px;
	}
}
@media (min-width: 992px){
	header{
    	max-width: 960px;
	}
}
@media (min-width: 1200px){
	header{
    	max-width: 960px;
	}
}
*/

/*セキュリティゲートバナー挿入*/
#sg_banner{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index:999;
	width:300px;
	height:260px;
}
#sg_banner img{
	max-width:100%;
}
#sg_banner a:hover{
	opacity:0.8;
	transition:all 0.8s;
}
#sg_banner .banner_close {
	width: 26px;
	height: 26px;
	position: absolute;
	right: 0;
	top: -34px;
	cursor: pointer;
	border-radius:50%;
	background:#1c56db;
  }
#sg_banner .banner_close span:nth-of-type(1) {
	position: absolute;
	top: 13px;
	right: 5px;
	width: 17px;
	height: 1px;
	background-color: #fff;
	transform: rotate(45deg);
}
#sg_banner .banner_close span:nth-of-type(2) {
	position: absolute;
	top: 5px;
	right: 13px;
	width: 1px;
	height: 17px;
	background-color: #fff;
	transform: rotate(45deg);
  }
  .js_close {
	display:none;
  }

  /*ロゴ下文字挿入*/
  .logo {
	position:relative;
  }
  .logo > a::after,
  .sp_logo > a::after {
	content:"API連携システム第1号認定";
	position:absolute;
	font-size:1rem;
	display:block;
	color:#004bb1;
	font-weight:bold;
	left:0;
  }
  h1.logo > a::after{
	bottom:-1.5rem;
  }
  .in .logo > a::after{
	display:none;
  }

  .sp_logo > a::after {
	bottom:-0.8rem;
}
.wp-block-file__button{
	color: #fff!important;
}