@charset "utf-8";
/* CSS Document */

div#main {
  background: #ffffff url(../../wp-content/uploads/2016/02/squarepic-02.png) center center repeat scroll;
background-image:
}




.main_title {
  color: #00a0e8 !important;
  margin-top: 10px;
  line-height: 48px;
  margin-bottom: 0;
}

.ez_group{
display:inline-block;
}

/*slider*/
li.slide-3.active-slide h2.avia-caption-title {
/*   font-size: 36px !important; */
}

.slideshow_caption {
  width: 100%;
}

.slideshow_align_caption {
  padding: 0 40px;
}




/*ezqc*/

#ezqc .flex_column.av_one_half.avia-full-stretch.flex_column_div.av-zero-column-padding.first.el_after_av_codeblock.el_before_av_one_half{
  background-size:contain !important;
}

#ezqc img {
  max-height: 70vh;
}
div#point2 {
  
  background: transparent;
}



/*video*/
div#video .container {
  max-width: 100%;
  padding: 0;
}

.helf_bg {
  background: #00a0e8;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
}


.playicon {
  width: 150px;
  height: 150px;
  background-size:contain;
  background-position:center;
  background-image:url(../../wp-content/uploads/play_icon.png);
  background-repeat:no-repeat;
  opacity:0.8;
  margin: auto;
  transition:opacity 0.2s ease;
}

.playicon:hover {
opacity:1;
}

/*reason*/
#reason_2 .flex_column_table.av-equal-height-column-flextable {
  display: none;
}

div#point_bg {
  margin-top: -120px;
}

#point_bg .container {
  max-width: 100%;
  padding: 0;
}

#point_bg .flex_column_table.av-equal-height-column-flextable {
  max-width: 1560px;
  padding: 0 50px 0;
  margin: auto;
  padding-top: 50px;
}

#point_bg .post-entry.post-entry-type-page {
  background-color: rgba(255,255,255,0.5);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.check_ul li {
  list-style: none;
  position:relative;
}

.check_ul li:before {
  content: "";
  background-image: url(../../wp-content/uploads/2016/02/check-01.png);
  width: 50px;
  height: 50px;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  position: absolute;
  left: -40px;
  top: -8px;
}


.reason_des{
 font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}

/*.reason_des:before{
  width: 96px;
  content: "";
  height: 111px;
  display: block;
}*/

.reason_des_1 {
  padding-left: 170px;
  position: relative;
}


.reason_point {
  width: 96px;
  height: 111px;
  font-size: 75px;
  font-weight: bold;
  text-align: center;
  line-height: normal;
  color: #00a0e8 !important;
  box-sizing: border-box;
  letter-spacing: 3px;
  display:block;
}

.reason_point:before {
  content: "POINT";
  display: block;
  font-size: 25px;
  letter-spacing: 1px;
  border-bottom: 2px solid;
  padding-bottom: 5px;
}

.reason_des_1 .reason_point{
 position: absolute;
  top: 0;
  left: 0;
}


.reason_des_2 .reason_point ,.reason_des_3 .reason_point {
  position: absolute;
  top: -85px;
}

.reason_des.reason_des_2, .reason_des.reason_des_3 {
  padding-top: 50px;
}


.reason_sub {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}

.del_link {
  background: #00a0e8 !important;
  padding: 10px 20px !important;
  color: #FFF !important;
  text-decoration: none !important;
  border-radius: 10px !important;
  display:inline-block;
}

.del_link:hover {
  background-color: #1571b0 !important;
  transition: background-color 0.5s ease;
}


/*steps*/

.steps {
  position: relative;
}

.step_block {
  color: #000;
  font-size: 16px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  width: 25%;
  text-align: center;
  opacity: 0;
}

.step_block.active{
-webkit-animation: avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
}

.step_block:before {
  content: "";
  width: 86px;
  height: 86px;
  background-color:#00a0de;
  display: block;
  margin: auto;
  border-radius: 100%;
  background-position: center;
  background-size: cover;
  margin-bottom: 35px;
}

div#step_1:before {
  background-image: url(../../wp-content/uploads/step-01.png);
}

div#step_2:before {
  background-image: url(../../wp-content/uploads/step-02.png);
}

div#step_3:before {
  background-image: url(../../wp-content/uploads/step-03.png);
}

div#step_4:before {
  background-image: url(../../wp-content/uploads/step-04.png);
}

div#step_5:before {
  background-image: url(../../wp-content/uploads/step-05.png);
}

.step_block:after {
  content: "";
  width: 230px;
  height: 230px;
  display: block;
  margin: auto;
  margin-top: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

div#step_1:after {
  background-image: url(../../wp-content/uploads/s_icon-06.png);
}

div#step_2:after {
  background-image: url(../../wp-content/uploads/s_icon-07.png);
}

div#step_3:after {
  background-image: url(../../wp-content/uploads/s_icon-08.png);
}

div#step_4:after {
  background-image: url(../../wp-content/uploads/s_icon-09.png);
}

div#step_5:after {
  background-image: url(../../wp-content/uploads/s_icon-10.png);
}

div#step_1 {
  margin:auto;
}


div#step_2 {
  position: absolute;
  left:0;
  top: 250px;
}


div#step_3 {
  position: absolute;
  right: 0;
  top: 250px;
}

div#step_4 {
  position: absolute;
  left:0;
  top: 750px;
}

div#step_5 {
  position: absolute;
  right: 0;
  top: 750px;
}

.s_phone {
  width: 30%;
  height: 780px;
  background-image: url(../../wp-content/uploads/phone.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
  position:relative;
}

.p_step {
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity:0;
}

div#p_step_1 {
  background-image: url(../../wp-content/uploads/p_step_1.png);
}

div#p_step_2 {
  background-image: url(../../wp-content/uploads/p_step_2.png);
}

div#p_step_3 {
  background-image: url(../../wp-content/uploads/p_step_3.png);
}

div#p_step_4 {
  background-image: url(../../wp-content/uploads/p_step_4.png);
}

div#p_step_5 {
  background-image: url(../../wp-content/uploads/p_step_5.png);
}

/*compare*/
div#compare .container {
  max-width: 100%;
  padding: 0;
}

#compare .template-page.content.av-content-full.alpha.units {
  padding: 0;
}

table.compare_table {
  background: transparent;
  border: none;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  margin: 0;
}

.comparebox tr.table_head {
  background: transparent;
}

div.comparebox td, div.comparebox th {
  border: none;
  vertical-align: middle;
  padding: 20px 0;
}

div.comparebox th {
  font-size: 24px;
  text-align: center;
  color: #00a0de;
}

div.comparebox td {
  font-size: 18px;
  box-sizing: border-box;
  padding: 0px 20px;
}

div.comparebox td.en {
  font-size: 18px;
  box-sizing: border-box;
  padding: 0px 10px 0px 30px;
  text-align: left;
}


table.compare_table tr:nth-child(n+2) {
  background: #00a0de;
  color: #FFF;
}

.compare_table tr.ezqc_line {
  background: #FFF !important;
  color: #00a0de !important;
}
table.compare_table tr td:first-child {
  background: #FFF;
  color: #00a0de;
  text-align: center;
  font-size: 28px;
   width: 10%;
}

table.compare_table tr.ezqc_line td:first-child {
  background: #00a0de;
  color: #FFF;
}

div.comparebox td:nth-child(2) {
  width: 2%;
  background-image: url(../../wp-content/uploads/three_w.png);
  background-size: 80% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}


div.comparebox .ezqc_line td:nth-child(2){
 background-image: url(../../wp-content/uploads/three_del.png);
}

table.compare_table tr td{
text-align:center;
}

table.compare_table tr td:nth-child(3) {
  width: 22%;
}

table.compare_table tr td:nth-child(4) {
  width: 22%;
}

table.compare_table tr td:nth-child(5) {
  width: 22%;
}

table.compare_table tr td:nth-child(n+3) {
  /*border-right: 1px solid #FFF;*/
position:relative;
}

table.compare_table tr.ezqc_line td:nth-child(n+3) {
  /*border-right: 1px solid #00a0de;*/
position:relative;
}

svg.table_lines {
  position:absolute;
  width: 30px;
  height: 90%;
  top: 5%;
  left: -15px;
display: none;
}

/*compare_mobile*/
table.compare_table_mobile {
  background-color:  transparent;
}

.compare_table_mobile td, .compare_table_mobile th {
  border: none;
  vertical-align: middle;
  padding: 20px 10px;
  box-sizing: border-box;
}


.compare_table_mobile td:first-child, .compare_table_mobile th:first-child {
  width: 15%;
  font-size: 18px;
 background-color:  transparent;
  color:#00a0de;
}

table.compare_table_mobile {
  background-color:  transparent;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  margin: 0;
}

table.compare_table_mobile tr {
  background-color:  transparent;
}

tr.table_head_mobile td {
  font-size: 20px;
  text-align: center;
}

tr.table_head_mobile td:nth-child(2), tr.table_head_mobile td:nth-child(4) {
  background-color:  #FFF;
  color: #00a0de;
}

tr.table_head_mobile td:nth-child(3) {
  color: #FFF;
  background-color: #00a0de;
}

able.compare_table_mobile tr td {
  width: 27%;

}

table.compare_table_mobile tr:nth-child(n+2) td:nth-child(even) {
  background-color:  #00a0de;
  color: #FFF;
}

table.compare_table_mobile tr:nth-child(n+2) td:nth-child(3) {
  background-color: #FFF;
  color: #00a0de;
}

tr.go_down td:nth-child(n+2) {
  background-image: url(../../wp-content/uploads/three_w_down.png);
  background-size: 100% 100%;
  background-position: top left;
}

tr.go_down td:nth-child(3) {
  background-image: url(../../wp-content/uploads/three_del_down.png);
}

.comparebox.mobile tr.table_head {
  background: #efefef;
}

.comparebox.mobile .compare_table:nth-child(n+2) {
  margin-top: 30px;
}

div.comparebox.mobile td:nth-child(2) {
  background-image: none !important;
  width: 65%;
}

.comparebox.mobile table.compare_table tr td:first-child {
  font-size: 22px;
}

/*download*/
#download_mobile{
display:none;
}

#steps_mobile{
display:none;
}

/*location*/
#locations{
position:relative;
}
/*map*/
#map .container {
  max-width: 1920px;
  padding-left: 0px;
}

#map .av_one_half.avia-builder-el-last {
  width: 28%;
  left: -8%;
}


#map img[title=map-01],#map img[title=map_none-01],#map img[title=map_none-s] {
  max-height: 80vh;
  position:relative;
}

#map .avia-image-container.avia-align-center {
  margin-bottom: 0;
}


#map .avia-image-container-inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../../wp-content/uploads/map_location-01.png);
  background-size: cover;
  z-index: 1;
  transform: scale(0);
  transition: all 0.5s ease;
}

#map.active .avia-image-container-inner:before {
transform: scale(1);
}

/*join us*/

div#join_us{
  padding-top: 8%;
  padding-bottom: 8%;
}

#join_us p {
  padding: 0 20%;
  line-height: 50px;
}

/*contact*/

div#contact {
  background-image: none;
}

div#contact_us {
  height: 0;
  min-height: 0;
  transition: all 0.5s ease 0.5s;
  transform: rotateY(90deg);
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}

div#contact_us.active {
  height: auto;
  transform: rotateX(0);
}

.form_label {
  color: #00a0e8;
  font-size: 20px;
  line-height: 100%;
  margin-bottom: 5px;
}

.wpcf7-response-output {
  width: 45%;
  height: auto;

  position: absolute;
  bottom: 0;
  right: 0;
  color: #FFF;
  background: #00a0e8;
  border: none !important;
}

#contact a {
  cursor: pointer;
}

#show_contact{
/*  margin-top:30px;*/
} 
div.comparebox.mobile {
   display: none;
}
div#point2{
    display: none;
}

#download_mobile_2{
    display: none;
}

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

#map .av_one_half.avia-builder-el-last {
  width: 40%;
  left: -8%;
}

div#point_bg {
  margin-top: 0px;
}

}

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

#map .av_one_half.avia-builder-el-last {
  width: 60%;
  left: -5%;

}
.hr-invisible{
display:none;
}
}

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

div.comparebox {
  display: none;
}
div.comparebox.mobile {
  display: block;
}



}


@media only screen and (max-width: 1149px){
.responsive #top #wrap_all #map .flex_column {
  margin: 0;
  margin-bottom: 20px;
  width: 100%;
  display:block;
}
.responsive #top #wrap_all #map .container {
  width: 85%;
  max-width: 85%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  float: none;
  left: 0;
}
.responsive #top #map .flex_column_table{
display:block;
}

#map .av_one_half.avia-builder-el-last{
width:100%;
left:0;
}

.step_block:after {
  width: 200px;
  height: 200px;  
}


}

@media only screen and (max-width: 999px){
.step_block:after {
  width: 180px;
  height: 180px;  
}
.s_phone {
  height:750px;
}
div#step_4,div#step_5{
  top:700px;
}
.step_block:before {
margin-bottom: 20px;
}


}

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

h1,h2,h3,h4,p{
text-align:left !important;
}

.main_title {
/*font-size:38px !important;*/
}






div#point2{
    display: block;
}



.reason_des_1,.reason_des_2,.reason_des_3 {
  padding-left: 0px;
  position: relative;
  padding-top:0 !important;
}

.reason_des_3 {
margin-top:100px;
}

.reason_des.reason_des_1 {
  margin-top: 30px;
}

span.reason_point {
position: static !important;
}

div#point_bg {
  display:none;
}

div#point2 {
  margin-top: 0 !important;
}

div#video .container {
  max-width: 100% !important;
  padding: 0 !important;
  width: 100% !important;
}



#reason_2 .flex_column_table.av-equal-height-column-flextable {
  display: block;
}


#reason_2 .flex_column.av_two_fifth.flex_column_div.av-zero-column-padding.el_after_av_two_fifth.avia-builder-el-last.column-top-margin {
  display: none;
}

.smarter{
font-size:28px;
}

.step_block,#step_1,#step_2,#step_3,#step_4,#step_5{
  width: 100%;
  position: static !important;
  margin: auto;
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px solid #efefef;
}

#step_5{
border-bottom: none;
}

.s_phone {
  display:none;
}

div#compare .container {
  
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

#join_us p {
  padding: 0;
  line-height: auto;
}

a.del_link {
  margin-top: 40px;
  display: inline-block;
}

#download_mobile{
display:block;
}

#download_mobile_2{
 display:block;
}

#steps_mobile{
display:block;
}

#download,#pin_steps{
display:none;
}

#join_us p {
  font-size: 18px;
  line-height: normal !important;
}

}

@media only screen and (max-height: 624px){

.pin_content{
/* top:25%;*/

}
} </style></div></section>
<section class="avia_codeblock_section avia_code_block_2"  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='avia_codeblock '  itemprop="text" ><style > @media only screen and (max-width: 1599px){

/*li.slide-1.active-slide h2.avia-caption-title {
  font-size: 35px !important;
}

li.slide-3.active-slide h2.avia-caption-title {
  font-size: 30px !important;
}*/

#download p.main_title {
  font-size: 35px !important;
}

}

@media only screen and (max-width: 1559px){
#download p.main_title {
  font-size: 33px !important;
}
}

@media only screen and (max-width: 1439px){
#download p.main_title {
  font-size: 30px !important;
}
}

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

li.slide-3.active-slide h2.avia-caption-title {
  font-size: 36px !important;
}
#download p.main_title {
  font-size: 28px !important;
}
}

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

#ezqc p.main_title {
  font-size: 40px !important;
}

#download p.main_title {
  font-size: 26px !important;
}

.reason_sub {
  font-size: 28px;
}

}

@media only screen and (max-width: 1199px){
p:not([class=main_title]), .reason_des {
  font-size: 16px !important;
}

#join_us p:not([class=main_title]) {
  font-size: 22px !important;
}

#download p.main_title {
  font-size: 24px !important;
}

.reason_sub {
  font-size: 25px;
}

}

@media only screen and (max-width: 1023px){
li.slide-3.active-slide h2.avia-caption-title {
  font-size: 28px !important;
}

#ezqc p.main_title {
  font-size: 30px !important;
}

.reason_sub {
  font-size: 22px;
}

#download p.main_title {
  font-size: 20px !important;
}


#download p {
  font-size: 15px !important;
}

#join_us p {
  line-height: 50px;
}

#join_us p {
  font-size: 20px;
  padding: 3% 5% !important;
}


}

@media only screen and (max-width: 905px){
/*MYSTART*/

.slideshow_align_caption {
  padding: 0;
}

.slideshow_align_caption {
  position: absolute;
  bottom: 30px;
  width:100%;
}

li.slide-1.active-slide h2.avia-caption-title {
   text-align: center !important;
   font-size: 40px !important;
}


li.slide-2.active-slide h2.avia-caption-title {
  text-align: center !important;
   font-size: 40px !important;
}




li.slide-3.active-slide h2.avia-caption-title {
  font-size: 40px !important;
  text-align: center !important;
}

li.slide-3.active-slide .slideshow_caption {
  padding-left: 0;
}

#ezqc img {
  max-height: 90vh;
}

#ezqc p.main_title {
  font-size: 38px !important;
}

#join_us .main_title {
  font-size: 38px !important;
}


p:not([class=main_title]), .reason_des {
  font-size: 18px !important;
}

.main_title {
  font-size: 38px !important;
}

.reason_sub {
  font-size: 30px;
}



/*MYEND*/
.responsive .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ }
.responsive #top { overflow-x: hidden; }
.responsive .boxed#top, .responsive #top.boxed .stretch_full , 
.responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; }
.responsive #top .flex_column_table_cell{display: block;}
.responsive #top .flex_column_table{display:block;}

.responsive #top #wrap_all .container {
  width: 85%;
  max-width: 85%;
  margin: 0 auto;
  padding-left:0;
  padding-right:0;
  float:none;
}
.responsive .units, .responsive .unit {
  margin: 0;
}

.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
  margin: 0;
  margin-bottom: 20px;
  width: 100%;
}

.responsive #top #wrap_all .av-flex-cells .no_margin{
  display: block;
  margin: 0;
  height:auto !important;
  overflow: hidden;
  padding-left:8% !important;
  padding-right:8% !important;
}

.responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner{
    width: 100%;
	max-width: 100%;
	margin: 0 auto;  
}

.responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding{
  padding-left:0% !important;
  padding-right:0% !important;
}

.responsive #top #wrap_all .flex_column:empty{margin:0;}

	
	/*blog*/
	.responsive .template-archives .tab_inner_content li{width:98%;}
	.responsive .template-blog .blog-meta,
	.responsive .post_author_timeline,
	.responsive #top #main .sidebar {display:none; }
	.responsive #top #main .sidebar.smartphones_sidebar_active{display:block;text-align: left; border-left: none; border-right: none; border-top-style: dashed; border-top-width: 1px; width: 100%; clear: both;}
	.responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar{margin:0;}
	.responsive .content .entry-content-wrapper{padding:0;}
	.responsive .content{border:none;}
	.responsive .template-blog .post_delimiter { margin: 0 0 30px 0; padding: 30px 0 0 0; }
	.responsive .big-preview{padding: 0 0 10px 0;}
	.responsive .related_posts{padding:20px 0;}
	.responsive .comment_content{padding-right:0; padding-left:0;}
	.responsive .fullsize div .template-blog .entry-content-wrapper{text-align: left; font-size:14px; line-height: 24px;}
	.responsive #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; }
	.responsive #top .avia-post-nav { display: none; }
	.responsive #top .av-related-style-full .no_margin.av_one_half.relThumb{display: block; width:100%; clear:both;}
	
	/*all templates*/
	.responsive .title_container .breadcrumb{position: relative;right:auto; top:-6px; margin:0; left:-2px;}
	.responsive .pagination{padding-left: 0; padding-right: 0;}
	.responsive #header .main_menu .social_bookmarks{display:none;}

	/*header*/
	.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
	.responsive #top .av_header_transparency .logo img.alternate{display:none;}
	
	.responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1;}
	.responsive #top #main {padding-top:0 !important; margin:0;}
	.responsive #top #main .container_wrap:first-child{ border-top:none; }
	.responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
	.responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
	.responsive .phone-info span{margin:0;padding:0; border:none;}
	.responsive.html_header_top #header_main .social_bookmarks ,
	.responsive.html_top_nav_header #top .social_bookmarks { right: 50px; width:auto; margin-top:-16px; }
	
	.responsive #header_main .inner-container, .responsive .main_menu{position: static;}
	.responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
	.responsive .logo a{display:table-cell; vertical-align: middle;} 
	.responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
	.responsive #header_main .container{height:auto !important; }
	.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
	.responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
	.responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
	.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
	.responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
	.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
	.responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
	.responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
	.responsive #header .social_bookmarks li{float:none; display: inline-block;}
	.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
	.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
	.responsive .logo img{margin:0;}
	.responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
	.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
	
	.responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
	.responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
	
	.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, 
	.responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, 
	.responsive #top .av_header_transparency #header_main_alternate, 
	.responsive .av_header_transparency #header_main .social_bookmarks li a,
	.responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
	.responsive #top .av_header_transparency #header_meta, 
	.responsive #top .av_header_transparency #header_meta li,
	.responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
	.responsive.html_top_nav_header .av-logo-container{height:auto;}
	.responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
	
	/*related images*/
	.responsive #top .related_entries_container .av_one_eighth{width:25%;}
	.responsive #top .relThumb5{clear:both;}
	
	
	.responsive.html_header_transparency #top .avia-builder-el-0 .container{padding-top:0px;}
	.responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area{display:none;}
	.responsive.html_header_sidebar #main{ border: none; }
	
	/*tabs*/
	.responsive.js_active #top .avia_combo_widget .top_tab .tab{ border-top: 1px solid; border-bottom:none; width: 100%; }
	.responsive.js_active #top .avia_combo_widget .news-wrap li{padding:5px;}
	
	/*widgets*/
	.tagcloud a{ padding:8px 20px; margin:0 8px 8px 0; }
	.widget li{line-height: 1.8em; font-size: 15px;}
	
	/*footer*/
	.responsive #scroll-top-link{display: none;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/


}

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

li.slide-1.active-slide h2.avia-caption-title {
  font-size: 40px !important;
  text-align:right !important;
}

li.slide-2.active-slide h2.avia-caption-title{
  font-size: 40px !important;
}

li.slide-3.active-slide h2.avia-caption-title{
  font-size: 40px !important;
}

}

@media only screen and (max-width: 799px) and (min-width: 480px){

li.slide-1.active-slide h2.avia-caption-title {
  font-size: 30px !important;
  text-align:right !important;
}

li.slide-2.active-slide h2.avia-caption-title{
  font-size: 40px !important;
}

li.slide-3.active-slide h2.avia-caption-title{
  font-size: 30px !important;
}

.main_title {
  font-size: 38px !important;
}

#ezqc p.main_title {
  font-size: 38px !important;
}

}

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

.main_title {
   font-size: 35px !important; 
}

#ezqc p.main_title {
  font-size: 35px !important;
}

#join_us .main_title {
  font-size: 35px !important;
}

}


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

.main_title {
   font-size: 30px !important; 
}

#ezqc p.main_title {
  font-size: 30px !important;
}

#join_us .main_title {
  font-size: 30px !important;
}

.reason_sub {
  font-size: 25px;
}


}


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

.main_title {
   font-size: 28px !important; 
}

#ezqc p.main_title {
  font-size: 28px !important;
}

#join_us .main_title {
  font-size: 28px !important;
}

.reason_sub {
  font-size: 22px;
}

div.comparebox th {
  font-size: 20px;
}
div.comparebox td{
  font-size: 14px;
  padding: 20px 20px;
}

}


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

#comparison .main_title {
  font-size: 20px !important;
}

#join_us .main_title {
  font-size: 23px !important;
}


#join_us p {
  padding: 3% 2% !important;
}

#join_us p:not([class=main_title]) {
  font-size: 18px !important;
}


} 

/*animation*/


img.avia_image[title=setp_00-09] {
  width: 8vw;
}

img.avia_image[title=s_icon-06] {
  width: 10vw;
}


#pin_phone,#pin_phone_hide {
  background-image: url(../../wp-content/uploads/phone_0226_web-1.png);
  width: 100%;
  height: 70vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}



#pin_steps .container {
  max-width: 100% !important;
  padding: 0;
}

.pin_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.pin_bg div{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity:0;
  background-size: cover;
  background-position: center;
}

.pin_bg1 {
 
  background-image: url(../../wp-content/uploads/step_w_s_1.png);
}    

.pin_bg1_en {
 
  background-image: url(../../wp-content/uploads/step_w_s_eng.png);
}   

.pin_bg2 {
 
  background-image: url(../../wp-content/uploads/step_w_s_2.png);
}

.pin_bg3 {
 
  background-image: url(../../wp-content/uploads/step_w_s_3.png);
}

.pin_bg4 {

  background-image: url(../../wp-content/uploads/step_w_s_4.png);
}


#pin_phone {
transition:all 0.5s ease;
-moz-transition:all 0.5s ease; /* Firefox 4 */
-webkit-transition:all 0.5s ease; /* Safari 和 Chrome */
-o-transition:all 0.5s ease;
}

div#pin_phone.fromtop {
  top: -75% !important;
  right: 15% !important;
}

#pin_steps #pin_phone {
  z-index: 3;
  position: absolute;
  right: 0;
  width: 30% !important;
  top: 15%;
}


.pin_section {   
  width: 100% !important;
  height: 100vh;
  top: 0;
  left: 0;
}

#pin_slider{
width: 100%;
  height: 100vh;
-webkit-perspective: 1000;
perspective: 1000;
  overflow:hidden;
  position: relative;
  z-index: 1;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}

.pin_content {
  height: 70%;
  position: relative;
  top: 25%;
  left: -700%;
  width: 800%;
  z-index: 1;
}

.pin_content_in, .pin_content_in_en {
  width: 25%;
  height: 100%;
  float: right;
  position: relative;
   background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
}


.pin_content_2.pin_content_in{
  background-image: url(../../wp-content/uploads/EZQC-0225_step_1.png);
}

.pin_content_3.pin_content_in{
  background-image: url(../../wp-content/uploads/EZQC-0225_step_2.png);
}

.pin_content_4.pin_content_in{
 background-image: url(../../wp-content/uploads/EZQC-0225_step_3.png);
}

.pin_content_5.pin_content_in{
  background-image: url(../../wp-content/uploads/EZQC-0225_step_4.png);
}

.pin_content_2.pin_content_in_en{
  background-image: url(../../wp-content/uploads/EZQC-0225_step_1-Eng.png);
}

.pin_content_3.pin_content_in_en{
  background-image: url(../../wp-content/uploads/EZQC-0225_step_2_Eng.png);
}

.pin_content_4.pin_content_in_en{
 background-image: url(../../wp-content/uploads/EZQC-0225_step_3_Eng.png);
}

.pin_content_5.pin_content_in_en{
  background-image: url(../../wp-content/uploads/EZQC-0225_step_4_Eng.png);
}


.pin_phone_in {
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 0;
  left: 0;
  opacity:0;
}








.pin_phone_in_2 {
  background-image: url(../../wp-content/uploads/phone_step_1-1.png);
}

.pin_phone_in_3 {
  background-image: url(../../wp-content/uploads/phone_step_2-1.png);
}

.pin_phone_in_4 {
    background-image: url(../../wp-content/uploads/phone_step_3.png);

}

.pin_phone_in_5 {
  background-image: url(../../wp-content/uploads/phone_step_4-1.png);
}

.pin_phone_in_2_en {
  background-image: url(../../wp-content/uploads/phone_step_1-1_en.png);
}

.pin_phone_in_3_en {
  background-image: url(../../wp-content/uploads/phone_step_2-1_en.png);
}

.pin_phone_in_4_en {
    background-image: url(../../wp-content/uploads/phone_step_3_en.png);

}

.pin_phone_in_5_en {
  background-image: url(../../wp-content/uploads/phone_step_4-1_en.png);
}

.pin_steps_con {
  font-size: 25px;
  line-height: 32px;
  width: 30%;
  height: 100%;
  padding: 40px;
  line-height: 100%;
}


div#pin_steps {
  position: relative;
}

div#pin_steps:after {
  content: "";

  background-image: url(../../wp-content/uploads/EZQC_logo-01.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 100%;
  height: 90px;
  position: absolute;
  display: block;
  bottom: -12px;
  left: 0;
  transition: all 0.5s ease;
  transform: rotateX(0deg);
  transform-origin: center bottom;
}

div#pin_steps.active:after{
  transform: rotateX(90deg);
}

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

.pin_content_2.pin_content_in {
  background-image: url(../../wp-content/uploads/EZQC-0225_step_1_s.png);
}
.pin_content_3.pin_content_in {
  background-image: url(../../wp-content/uploads/EZQC-0225_step_2_s.png);
}
.pin_content_4.pin_content_in {
  background-image: url(../../wp-content/uploads/EZQC-0225_step_3_s.png);
}
.pin_content_5.pin_content_in {
  background-image: url(../../wp-content/uploads/EZQC-0225_step_4_s.png);
}

.pin_content_2.pin_content_in_en {
  background-image: url(../../wp-content/uploads/EZQC-0225_step_1_s_Eng.png);
}
.pin_content_3.pin_content_in_en {
  background-image: url(../../wp-content/uploads/EZQC-0225_step_2_s_Eng.png);
}
.pin_content_4.pin_content_in_en {
  background-image: url(../../wp-content/uploads/EZQC-0225_step_3_s_Eng.png);
}
.pin_content_5.pin_content_in_en {
  background-image: url(../../wp-content/uploads/EZQC-0225_step_4_s_Eng.png);
}


} 

/*animation_mobile*/
.mobile_steps {
  height: 100vh;
  box-sizing: border-box;
  position: relative;
  margin-top:25vh;
  min-height:450px;
}


.mobile_step_icon {
  height: 20vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mobile_step_des {
  font-size: 18px;
  color: #009fe8;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  position: absolute;
  top: 75%;
}


.step_ball {
  width: 86px;
  height: 86px;
  font-size: 40px;
  background: #009fe8;
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 52%;
  border-radius: 100%;
  color: #FFF;
  box-sizing: border-box;
  padding-top: 45px;
  text-align: center;
}

.step_ball:before {
  content: "STEP";
  display: block;
  font-size: 16px;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 15px;
}

.mobile_step_bg {
  width: 100vw;
  height: 50%;
  background-size: cover;
  background-position: center;
  position: relative;
  left: -7.5vw;
}



.mobile_step_bg_1{
background-image:url(../../wp-content/uploads/a_04.png);
}
.mobile_step_bg_2{
background-image:url(../../wp-content/uploads/a_03.png);
}
.mobile_step_bg_2_en{
background-image:url(../../wp-content/uploads/step_w_s_eng.png);
}
.mobile_step_bg_3{
background-image:url(../../wp-content/uploads/a_02.png);
}
.mobile_step_bg_4{
background-image:url(../../wp-content/uploads/a_01.png);
}
.mobile_step_bg_5{
background-image:url(../../wp-content/uploads/a_05.png);
} 


span.en_text {
display:inline-block;
line-height: 1.3em;
text-align: left;
vertical-align: middle;
}

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

span.en_text {
display:inline;
line-height: 0em;
text-align: left;
vertical-align: baseline;
}

span.en_text br {display:none;}

}

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

span.en_text {
display:inline;
line-height: 0em;
text-align: left;
vertical-align: baseline;
}

span.en_text br {display:none;}
}

span.lang-change{
  float: left;
  overflow: hidden;
  position: relative;
  line-height: 35px;
  color: #00a0e9 !important;
  line-height: 35px;
  top: 35%;
  font-weight: bold;
}

span.lang-change a{
  overflow: hidden;
  position: relative;
  color: #00a0e9 !important;
  font-weight: bold;
  text-decoration: none;
}

span.lang-change a:hover{
  color: #666 !important;
  text-decoration: none;
}


/******
* BUSINESS PARTNER
*******/
.bp-main-area{
  width: 100% !important;
  padding: 1% !important;
}

.bp-main-area img{
  width: 100% !important;
  height: auto !important;
}

.b2b-text-area {
  border-radius:0px !important;
  width: 40% !important;
  padding-right: 1em !important;
  box-sizing: border-box !important;
}


.b2b-img-area {
  border-radius:0px !important;
  width: 60% !important;
}

.b2b-num{
  font-size: 36px !important; 
  border-bottom: 3px solid rgb(0, 160, 232) !important;
}

.b2b-text{
  font-size: 28px !important;
}

.b2b-user{
  padding: 0 15% !important;
  box-sizing: border-box !important;
}

.b2b_img_pc{
  display: block !important;
}

.b2b_img_mobile{
  display: none !important;
}


@media only screen and (max-width: 767px) {
  .b2b-text-area, .b2b-img-area {
    width: 100% !important;
  }

  .b2b-num{
    font-size: 26px !important;
  }

  .b2b-text{
    font-size: 18px !important;
  }

  .b2b-user{
    padding: 0 !important;
  }

  .b2b_img_pc{
    display: none !important;
  }

  .b2b_img_mobile{
    display: block !important;
  }
}

/******
* contact form
*******/
h2.contact-title {
  font-family: HelveticaNeue, "Helvetica Neue", Helvetica, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  font-size: 24px !important;
  color: rgb(102, 102, 102) !important;
}
.contanct-recaptcha > div {
  margin-left: auto;
}

.contanct-submit{
  width: 100px;
  height: 54px;
  border: 1px solid rgb(225, 225, 225) !important;
  font-size: 14px;
}

.contanct-submit:hover{
  background-color:rgb(0, 159, 232) !important;
  color: rgb(255, 255, 255) !important;
}

/*.bp-area{
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 1%;
}

.bp-area img{
  width: 100%;
  height: auto;
}*/
/*
.bp-img01{
  z-index: 4;
  position: relative;
}

.bp-img02{
  z-index: 3;
  position: relative;
  top: -30px;
}

.bp-img03{
  z-index: 2;
  position: relative;
  top: -60px;
}

.bp-img04{
  z-index: 1;
  position: relative;
  top: -90px;
}*/

/*@media only screen and (max-width: 767px) {
  .bp-area{
    width: 100%;
  }

.bp-img02{
  top: -20px;
}

.bp-img03{
  top: -40px;
}

.bp-img04{
  top: -60px;
}
}*/




.video_area {
  width: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: 600px;
  margin-bottom:100px;
}

.popup-iframe {
  height: 100%;
  width:100%;
  display: block;
  text-align: center; 
  text-decoration: none;
}

.popup-iframe > img {
  position: relative;
  top: 50%;
  margin-top: -50px;
  width: 100px;
}

@media all and (-ms-high-contrast: none) {
.mbYTP_wrapper > iframe {
  margin-left: 0 !important;
}
}

@media only screen and (max-width: 28em) {
  .video_area {
    width: 100vw;
    height: 39vw;
    margin-bottom: 0;
    overflow: hidden;
  }

  .popup-iframe > img {
    position: relative;
    top: 50%;
    margin-top: -25px;
    width: 50px;
  }
}

@media screen and (min-width:28em) and ( max-width:55em ) {
  .video_area {
    width: 100vw;
    height: 42vw;
    margin-bottom: 100px;
    overflow: hidden;
  }
}

.webpay_suica {
  display: flex;
  margin-top: 18px;
}

.webpay_suica_img {
  width: 47%;
}

.webpay_suica_text {
  width: 53%;
  padding-left: 10px;
  padding-right: 15px;
}

.webpay_suica_text > p {
  margin: 0;
}

.webpay_suica_text_note {
  font-size: 12px;
  margin-top: -2px !important;
}

.webpay_suica_text_more {
  margin-top: 0;
  text-align: right;
}

.webpay_suica_text_attention {
  width: 100%;
  font-size: 10px;
  height: 35px;
  line-height: 16px;
  margin-top: 15px;
}

@media only screen and (max-width: 28em) {
  .webpay_suica {
    display: flex;
    margin-top: 18px;
    flex-flow: column;
  }

  .webpay_suica_img {
    width: 100%;
  }

  .webpay_suica_text {
    width: 100%;
    padding-left: 10px;
    padding-right: 0px;
  }

  .webpay_suica_text > p {
    margin: 0;
  }

  .webpay_suica_text_more {
    margin-top: 16px;
  }

  .webpay_suica_text_attention {
    height: auto;
  }

  .webpay_suica_text_attention > br {
    display: none;;
  }
}