@charset "utf-8";
/* CSS Document */
/* キービジュアル */
.new_mainimage_sabu_visa {
    background-image: url("../img/visa/kv_visa01.jpg");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 200px;
}
/*目的リンク画像ul　ここから*/
.new_visa_area01 {
    margin-top: 0px;
}
.new_visa_img-culums {
    background-color: #fff;
}
.new_visa_img-culums > ul {
    display: flex; /* 横並び */
    flex-wrap: wrap; /*　折り返しあり */
    /*margin-bottom: 20px;*/
}
.new_visa_img-culums li {
    width: calc(100%/4);
}
.new_visa_img-culums li img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    /*padding: 1px 1px;*/ /*上下左右余白*/
}
/*new_visa_目的リンク画像ul　ここまで*/
/*new_visa_目的メニュー画像(文字を配置する)*/
.new_visa_img_text {
  position: relative;
  }
.new_visa_img_text p {
    position: absolute;
    color: white;/*文字は白に*/
    text-shadow: 1px 2px 3px #808080;/*文字にシャドーを追加*/
    font-weight: bold; /*太さ*/
    font-size: 1.5em;/*サイズ1.5倍*/
    font-family : Quicksand, sans-serif;/*Google Font*/
    top: 0;
    left: 0;
    line-height: 1.0em;
  }
 /*文字をど真ん中に配置する*/
.new_visa_img_text p {
    position: absolute;
    top: 110px;
    left: 50%;
    /*-ms-transform: translate(-50%,-50%);*/
    /*-webkit-transform: translate(-50%,-50%);*/
    transform: translate(-50%,-50%);
    margin: 0;  /*文字の装飾は省略*/
    text-align: center;
    white-space: nowrap;
    z-index: 2;
  }
.new_visa_img_text p:hover {
    color: #bfbfbf;
  }
.new_visa_text-smal {
    font-size: 0.6em;/*サイズ1.0倍*/
  }
.new_visa_image-container_main a:hover {
  opacity: 0.8; filter: brightness(110%);
  }
/*目的リンク画像ulここまで*/

/*ビザ表組ここから*/
table {
  table-layout: fixed;
}
.new_visa_cancel_td, .new_visa_cancel_td p {
    margin: 0;
	width: 100%;
	font-size: 15px;
}
.new_visa_cancel_td {
	border-collapse: collapse;
}
.new_visa_cancel_td tr {
	background-color: #fff;
}
.new_visa_cancel_td th, .new_visa_cancel_td td {
	border: 1px solid #fff;
	padding: 20px 10px;
}
.new_visa_cancel_td td {
    background-color: #fff8e2;
}
/*先頭の色が入ったthの左側に白い線を入れる*/
.new_visa_cancel_td th {
	border-right: 2px solid #fff;
}
.new_visa_cancel_td td {
	border-right: 2px solid #fff;
}
/*先頭の色が入ったthの左側に白い線を入れるここまで*/
.new_visa_cancel_td_color00 {
    background-color: #2895fe;/*1番上の色*/
    color: #fff;
}
.new_visa_cancel_td .new_visa_cancel_td_color00 {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
/*国名*/
tr .new_visa_cancel_td_text00 {
    background-color: #99ceff;/*左側の色*/
    color: #fff;
    text-align: center;
 }
/*代行料金*/
.new_visa_course_text01 {
    margin-top: 25px;
    font-size: 15px;
}
.new_visa_course_text01 p {
    padding-top: 0px;
    margin-bottom: 20px;
}
 /*td テキスト*/  
.new_visa_cancel_td_text01 {
    text-align: center;
    color: #d14;
    font-size: 15px;
    font-weight: bold;    /*text-shadow: 0.5px 0.5px 0.5px #333;*/
}
tr .new_visa_cancel_td_text01 {
    /*background-color: #dda0dd;*/  /*背景色*/ 
}
/*滞在日数*/
.new_visa_cancel_td_text02 {
    text-align: left;
    line-height: 1.4;
    font-size: 12px;
}
/*中国国籍査証有無*/
.new_visa_cancel_td_text03 {
    text-align: center; 
}
/*代行料金*/
.new_visa_cancel_td_text04 {
    text-align: center; 
}
/*取得期間*/
.new_visa_cancel_td_text05 {
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
}
/*旅券残存期間*/
.new_visa_cancel_td_text06 {
    text-align: left;
    font-size: 12px;
    line-height: 1.2;
}
/*備考*/
.new_visa_cancel_td_text07 {
    text-align: left;
    font-size: 12px;
    line-height: 1.2;
}
/*予備*/
.new_visa_cancel_td_text08 {
    text-align: center; 
}
/*ビザ表組ここまで*/
.new_visa_text {
    font-size: 15px;
    margin-top: 50px;
    margin-bottom: 30px;
}
.new_visa_color-red{
    color: red;
}
.new_visa_text_black {
    color: #333;
    font-size: 12px;
    text-shadow: none;
}
.new_visa_bg01 {
    background-color: #fff8e2;
    padding-bottom: 20px;    
}
/*ここからボタン02*/
a.new_visa_btn_02 {
    display: block;
    vertical-align: middle;
    text-decoration: none;
    margin: auto;
    padding: 0.8rem 3rem;
    font-weight: bold;
    border: 2px solid #00a7ea;
    background: #fff;
    color: #00a7ea;
    transition: 0.5s;
    border-radius: 10px;
    font-size: 12px;
    width: 350px;
    text-align: center;
}
a.new_visa_btn_02:hover {
    color: #fff;
    background: #00a7ea;
}
.new_visa_btn-area {
    display: flex;
}
.new_visa_btn-area a {
    margin-top: 20px;    
}
/*ボタン02ここまで*/
.new_visa_time {
    font-size: 12px;
    padding-bottom: 15px;
}
/*ビザ申請前に必ずご確認ください_ここから*/
.new_visa-text dt {
    padding-top: 23px;
    padding-right: 0px;
    width: 10em;
    float: left;
    min-width: 0px;
    font-weight: bold;
    padding-left: 0.5em;
    color: #ff7050;
    font-size: 15px;
}
.new_visa-text dd {
    padding-top: 20px;/*上幅*/
    padding-bottom: 20px;/*下幅*/
    padding-left: 10.0em;/*左の文字位置*/
    font-size: 15px;
    border-bottom: 1px solid #ff7050;
    font-weight: normal;
    line-height: 2.5em;
}
.new_visa-text dd {
    color: #333;
}
.new_visa-text dd:last-child {
    border-bottom: 0px;
}
/*背景*/
.new_visa_bg02 {
    background-color: #fff3f3;
    padding-bottom: 20px;
    margin-top: 50px;
}
/*枠*/
.new_visa-bg02-white {
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
    border: 2px solid #ff7050;
    margin-top: 30px;
    margin-bottom: 30px;
}
/*ビザ申請前_ここまで*/
.new_visa-color-orange {
    color: #ff7050;
}
/*アコーディオンここから*/
.p-accordion {
	max-width: 100%;
	margin-inline: auto;
}
.p-accordion-desc {
    font-size: 15px;
    font-weight: 700;
    margin-top: 40px;
}
.p-accordion__head_cdt-arrange {
	cursor: pointer;
	background-color: #00a7ea;/*青色*/
	display: block;
	color: white;
	padding: 15px 20px;
	margin-top: 40px;
	border-radius: 10px;
}
.p-accordion__head-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-accordion__icon {
  display: block;
  position: relative;
  width: 24px;
  transition: transform 0.25s;
}
.p-accordion__icon:before {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 2px;
  background-color: #fff;
}
.p-accordion__icon:after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 2px;
  background-color: #fff;
}
.p-accordion__icon:before {
  left: 0;
  transform: rotate(45deg);
}
.p-accordion__icon:after {
  right: 0;
  transform: rotate(-45deg);
}
.p-accordion__input input[name=p-accordion__block] {
  display: none;
}
.p-accordion__input .p-accordion__block {
  cursor: pointer;
}
.p-accordion__input .p-accordion__content {
  height: 0;
  padding: 0 20px;
  overflow: hidden;
  opacity: 0.5;
  background-color: #fff;
  transition: padding 0.25s ease, opacity 0.3s ease 0s;
}
/*青色*/
.p-accordion__input input[name=p-accordion__block]:checked + .p-accordion__head_cdt-arrange > .p-accordion__head-inner .p-accordion__icon {
  transform: rotate(-180deg);
}
/*青色*/
.p-accordion__input input[name=p-accordion__block]:checked + .p-accordion__head_cdt-arrange + .p-accordion__content {
  /*開閉時*/
  height: auto;
  opacity: 1;
  padding: 20px;
}
/*アコーディオンここまで*/
.new_visa_logo-titl {
    font-size: 20px;
    padding-top: 20px;
}
.new_visa_logo-bg {
    border-radius: 10px;
    padding: 20px;
    background-color: #fff;
    width: 350px;
    margin-bottom: 0px;
    margin-top: 20px;
}
.new_visa-bg02-logo_area {
    display: flex; /* 横並び */
    flex-wrap: wrap;
    justify-content: space-between; /* 残り余白の均等割り */
}
.new_visa-bg02-logo_area:after {
    content: "";
    display: block;
    width: 350px;
}
.new_visa_logo-bg a {
    text-align: center; 
}
.new_visa_logo-text {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    line-height: 1.5em;
}
.new_visa_logo-text a {
    color: #333;
}
.new_visa_logo-text a:hover {
    color: #ff704f;
}





@media screen and (max-width:767px) {
/*fee767*/
/*メイン画像*/
.new_mainimage_sabu_visa {
    background-image: url("../img/visa/kv_visa01_sp.jpg");
    background-position: center top;
    background-size: cover;
    height: 300px;
}
.new_visa_sec1,
.new_visa_sec2,
.new_visa_sec3,
.new_visa_sec4,
.new_visa_sec5,
.new_visa_sec6,
.new_visa_sec7,
.new_visa_sec8,
.new_visa_sec9,
.new_visa_sec10,
.new_visa_sec11,
.new_visa_sec12,
.new_visa_sec13,
.new_visa_sec14,
.new_visa_sec15,
.new_visa_sec16,
.new_visa_sec17,
.new_visa_sec18,
.new_visa_sec19,
.new_visa_sec20,
.new_visa_sec21 {
    width: 100%;
}
/*ul並び*/
.new_visa_img-culums {
    flex-wrap: wrap;
}
.new_visa_img-culums li {
    width: 100%;
}
.new_visa_img-culums02 {
    flex-wrap: wrap;
    padding-top: 0px;
    padding-bottom: 0px;
}
.new_visa_img-culums02 li {
    width: 100%;
}
.new_visa_img-culums02 li img {
    padding: 0px 0px;/*上下左右余白*/
}
.new_visa_img_text p {
    top: 50%;
}
.new_visa_img-culums li img {
    height: none;
}
/*ul並びここまで*/  
/*ボタン*/
.new_visa_btn-area {
    display: block;
}
a.new_visa_btn_02 {
    padding: 1rem 0rem;
    width: 100%;
}
a.new_visa_btn_03 {
    padding: 1rem 0rem;
    width: 100%;
}
/*ボタンここまで*/  
/*表組ここから 767px*/
.new_visa_cancel_td {
    width: 100%;
}
.new_visa_cancel_td .new_visa_cancel_thead {
    display: none;
}
.new_visa_cancel_td th, .new_visa_cancel_td td {
	padding: 20px 80px;
}
.new_visa_cancel_td tr {
    width: 100%;
}
.new_visa_cancel_td td {
    display: block;
    /*text-align: center;*/
    max-width: 100%;
}
.new_visa_cancel_td td:first-child {
    background: #2895fe;/*一番上の色*/
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.new_visa_cancel_td td:before {
    content: attr(data-label);
    /*float: left;*/
    font-weight: bold;
    margin-right: 10px;
}
  table td::before {
    /*color: #008080;*//*ラベルの色*/
  }
.new_visa_h2_taitl {
    font-size: 30px;
    text-align: center;
}
/*表組767pxここまで*/
/*ビザ申請前_ここから*/
.new_visa-text dt {
    padding-top: 10px;
    float: none;
    border-right: none;
    padding-left: 0em;
}
.new_visa-text dd {
    padding-bottom: 10px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    font-size: 10px;
    line-height: 2em;
}
/*ビザ申請前_ここまで*/ 
/*FQ_ここから*/ 
.p-accordion__icon {
    width: 10px;/*不具合対策*/
    margin-left: 20px;/*不具合対策*/
}
.p-accordion__head_cdt-arrange {
    font-size: 14px;/*質問サイズ*/
}
/*FQ_ここまで*/
.new_visa_logo-bg {
    width: 100%;
}
.new_visa-bg02-logo_area {
    display: block; /* 横並びトル */
}
.new_visa_logo-titl {
    font-size: 15px;
    text-align: center;
}
.new_visa_logo-text {
    font-size: 13px;
    line-height: 1.2em;
}
.new_visa_text {
    font-size: 13px;
    margin-top: 10px;
}    
    
    
    
}