/* -------------------------------------------
  common style
 -------------------------------------------*/
html{height:100%;}
body {  min-width: 375px; width:100%; height:100%;}
.container {  width: auto;}
form th, form td {display: block; width: 100%}
hr {margin: 30px 0;}
.vline_gray {border-right: none}
section {
  margin-bottom: 40px; 
}
.btn-default {
  font-size: 14px;
}
#main-2col {
  width: 100%;
  float: none;
}
#global-sidebar {
  width: auto;
  float: none;
}
/* header */
#global-header {
   position: relative;
}
#global-header .container.first{
   position: fixed;
   z-index: 9;
   width: 100%;
   min-width:375px;
   background: url(img/h_bg.png) repeat-x center bottom #FFF;
}

#content{padding-top: 67.14px;}
html #wpadminbar {position: fixed;}


#global-header .brand {
  padding-top: 10px;
  float:none;
  text-align: left;
}
#global-header .brand .logo img{
  height: 39.1875px !important;
  display: inline-block;
  margin-left:-0.3em;
  margin-bottom: .5em;
}
#global-header address {
  float: none;
  width: auto;
  font-size: 10px;
  line-height: 1.0;
  background: none;
}
#global-header address .tel a {
  color: #FFF;
  display: block;
  background-color: #008046;
  border-radius:4px;
  text-align: center;
  padding: 3px 0;
  margin-bottom: 5px;
}
#global-header address .tel a:hover {
  background-color: #006026;
  text-decoration: none;
}
#global-header address a.btn{
  font-size:10px;
  padding-right: 10px;
  background-position: 5px center;
  padding-left: 23px;
  width: 100%;
}
#global-header address .tel strong{
  font-size:20px;
  display: block;
}
#global-header address nav ul {
  font-size: 0;
}
#global-header address nav ul li {
  width: 50%;
  padding-right: 0;
}
.introduction .srv-name + div > .arrow-yellow {/* 詳細を見るは非表示*/
  display: none;
}
.introduction .svc-img {
  width: 120px;
  /*margin-right: 10px;*/
  margin-bottom: 3px;
}
.introduction .svc-info {
  margin-left: 0;
}
.introduction .svc-news p{
  white-space: inherit;
}
.introduction .svc-countries ul li{
  width: 50%;
}
.introduction .svc-countries ul li a{
  display:block;
  width:100%;
}
.introduction .svc-countries ul li a img{
  width:100%;
}
.arrangement .btn {
  margin-bottom:2em;
}
/*  slide  */

#sd {
  width: 240px;
  height: 100%;
  overflow: auto;
  position: fixed;
  /*left: -300px;*/
  top: 0;
  z-index: 999999;
  padding: 0;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
/*  background: #008046;*/
  background: rgba(255,255,255,1.00);
  border-top: none;
}

.navbar {border:none;}
.nav-collapse{padding-left:8px;}

.sd-trigger {
  position: absolute;
  width: 62px;
  color: white;
  text-decoration: none;
  text-align: center;
  padding: 20px;
  display: block;
  font-size: 10px;
  z-index: 8;
  /* left: 0; */
  right: 0;
}
#sd .container {
  padding: 0;
  padding-left:5px;
  background:url(img/2ndcon_bg.png) 0 0 no-repeat;
  background-size:15px;
  background-size: 12px 15px;
  height: 100vh;
}
.sd-trigger img {width: 100%; height: auto;}
.sd-trigger:hover {
  cursor: pointer;
  background-color: #EEE;
}
#sd ul {
  background: none;
  display: block;
}
/* 1,2階層目共通 */
#sd li {
  display: block;
  line-height: 44px;
  line-height: 34px;
  border-left: 3px solid #009999;
  border-top: none;
/*  border-bottom: 1px solid #DDD!important;*/
  margin: 10px 0;
  background: none;
  width: 100%;
}
#sd li a:after {
  content: ' >';
}
#sd li a,
#sd li.submenu {
  text-decoration: none;
  display: block;
  padding: 0 14px;
  color:#000;
}
#sd li:hover > a{
  color: #000000;
  background-color: #DDD;
  transition: opacity 0.3s ease;
}
#sd li:hover > li > a:hover{
  color: #000000;
}
/* 2階層目 */
#sd li ul {
  padding-left: 0;
}
#sd li ul li {
  border-top: 1px solid #8CB705;
  border-bottom: none;
}
#sd li ul li a{
  padding-left: 15px;
  background: url(../img/common/sd_2nd_bg.png) no-repeat center left;
  background-size: 6px;
}
#sd li ul li:last-child {
  border-bottom: none;
}
#sd.block {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.global_wrap{
  display:none;
}
.main_global_wrap{
        padding: 10px 20px;
        background:none;
}
#global-header .brand {
    margin-top: 0;
    padding-top: 0;
    margin-bottom:7.5px;
}

#global-header .brand .logo img {
        height: 39.1875px !important;
        display: inline-block;
        margin-left:0;
        margin-bottom:0;
}

/*right menu*/
#sd {
 right: -300px;
}

#sd.block {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

/*sidenav*/
#menu-sidebar li{
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1.2;
}
#menu-sidebar li a {
  height: 40px;
  display: table;
}
/*footer*/
#global-footer .brand{
  text-align: center;
}
#global-footer .brand .logo img{
  margin: 0 auto;
}
#global-footer address{
  margin-bottom: 5px;
}
#global-footer .brand .tel strong{
  font-size: 20px;
  margin-right: 0;
  display: block;
}
#global-footer .brand .tel{
  font-size: 11px;
  margin-right: 0;
  display: block;
  width: 100%;
  line-height: 1.4;
}
#global-footer .ttl-uline {
  margin-top: 2em;
}
#global-footer .menu-item-1492 {/*サイトマップリンク非表示に*/
  display: none;
}
#btm-bnrs .btm-bnrs-ttl {
   padding-top: 0px;
   margin: 1em 0 2em 0;
}
#btm-bnrs  ul.s2{
  text-align: center;
}
#btm-bnrs ul li{
  padding-right: 5px;
  /*width:100%;*/
  max-width:260px;
}
#btm-bnrs ul li img{
  margin:0 auto;
}

#btm-bnrs ul li:nth-child(3n){
  padding-right: 5px;
}

#btm-bnrs ul.s2 li img{
  width: 100%;
}
#btm-bnrs ul.s2 li:nth-child(3n){
  padding-right: 5px;
}
#btm-bnrs ul.s2 li:nth-child(4n){
  padding-right: 5px;
}

#btm-bnrs ul.s2 li:last-child{
  padding-right: 5px;
  margin:auto;
}

/*

  2nd page common

*/

#pagettl .page-catch-img{
  right: -20px;
}
#pagettl .page-catch-img:after{
  -moz-box-shadow: inset 70px 0px 59px 0px #fff;
  -webkit-box-shadow: inset 70px 0px 59px 0px #fff;
  box-shadow: inset 70px 0px 59px 0px #fff;
}
#pagettl {
  height: 140px;
}
#catch-2nd .page-info {
  height: 60px;
}
#pagettl .page-icon {
  margin-right: 5px;
  width: 40px;
}
#pagettl .page-name {
  font-size: 20px;
}
#pagettl .page-name-en {
  letter-spacing: -1px;
}
#gotoreserve .container {
  background-size: contain;
  background-position: left;
  height: auto;
  background: none;
  padding: 10px !important;
  height: 10px !important;
}
#gotoreserve .btn {
  height: auto;
  font-size: 16px;
}
#gotoreserve .leadtxt{
  text-align: center;
  font-size: 10px
}
.wp-pagenavi {
  font-size: 14px;
}
.wp-pagenavi .pages {
  margin-right: 0;
  display: block;
}
.post-thumbnail {
  width: 100%;
  float: none;
  margin: 0 auto 1em;
}
.post-thumbnail img{
    width:100%!important;
    height:auto!important;
    margin:0;
}
.post-summary {
  margin-left: 0;
}
.countriesbnr li {
  width: 50%;
}
.w250,.w460 {    width: 100%;}
.w250.pull-right,.w250.pull-left,
.w460.pull-right,.w460.pull-left
 {float: none;}
.contentframe iframe {
  width: 100%;
}
/*flow*/
.flowls li {
  width: 50%;
  font-size: 12px;
}
.flowls li:after {
}
/*form*/
.privacy-attention {
  font-size:12px;
}
.btn-mail,
.btn-mail-back {
  font-size: 20px;
  padding: 5px 30px 5px 20px;
}
.btn-mail-back{margin-bottom:0.5em; margin-right:0;}

/*topslider*/
.headerslider{display:none!important;}
.headerslider_mobile{display:block!important; position:relative;}
.home #global-header{/*margin-bottom:20px;*/}

.headerslider_mobile a span{
  position:absolute;
  top:0;
  right:0;
  color:#FFF;
  background: RGBA(255,255,255,0);
  padding: 0px 5px 0px 5px;
  background: url(/wp-content/themes/wt2015/img/slide_catbg_pink.png) 0 0 no-repeat;
  height: 31px;
  padding: 6px 10px 6px 20px;
  display: block;
  white-space: nowrap;
  line-height: 1.4;
}
.headerslider_mobile .goto_study_abroad span{background: url(/wp-content/themes/wt2015/img/slide_catbg_pink.png) 0 0 no-repeat;}
.headerslider_mobile .goto_travel span{background: url(/wp-content/themes/wt2015/img/slide_catbg_blue.png) 0 0 no-repeat;}
.headerslider_mobile .overseas span{background: url(/wp-content/themes/wt2015/img/slide_catbg_blue.png) 0 0 no-repeat;}
.headerslider_mobile .training span{background: url(/wp-content/themes/wt2015/img/slide_catbg_gyellow.png) 0 0 no-repeat;}
.headerslider_mobile .study_abroad span{background: url(/wp-content/themes/wt2015/img/slide_catbg_pink.png) 0 0 no-repeat;}
.headerslider_mobile .internship span{background: url(/wp-content/themes/wt2015/img/slide_catbg_purple.png) 0 0 no-repeat;}
.headerslider_mobile .home_stay span{background: url(/wp-content/themes/wt2015/img/slide_catbg_orange.png) 0 0 no-repeat;}
.headerslider_mobile .working_holiday span{background: url(/wp-content/themes/wt2015/img/slide_catbg_green.png) 0 0 no-repeat;}

/*topslider topbnr*/
.topbnr.sp{
    width: auto;
    height: auto;
    margin: 0px auto;
    position: absolute;
    top: auto;
    bottom: 38px;
    left: 0;
}

/*header-menu*/
#sd .nav:before,
#sd .nav:after{content:none!important; display:none;}
#header-menu li{float:none;}

/*header-menu sub-menu*/
#header-menu .sub-menu{display:none!important; float:none;}

/*sitemap_list*/
#sitemap_list li a{font-size:0.9em;}

/*bread*/
#bread{
    margin-bottom: 20px;
}
#bread span{
    font-size: 12px;
}
#bread .home:before{
   margin:-5px 0 0 0;
   content:" ";
   display:inline-block;
   width:15px;
   height:15px;
   background:url(/wp-content/themes/wt2015/img/003-home3.png);
   background-size:contain;
   vertical-align:middle;
}
#bread .home span{
  display:none;
}

/*ttl_hpoint*/
.ttl_hpoint{
    font-size: 1.4em;
}
/*ttl_mltbtm*/
.ttl_mltbtm {
    font-size: 20px;
}

/*ttl_big*/
.ttl_big {
    font-size: 20px;
}
.ttl_big img{
    display:block!important;
    margin-bottom:0.5em;
}

.pull-left img,
.pull-right img{
	width:100%;
}

/*ttl_graybg*/
.ttl_graybg {
    font-size: 16px;
    line-height: 1.7;
    position:relative;
}

/*ttl_graybg a*/
.ttl_graybg a {
    font-size: 14px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    padding:0;
    margin:0;
}
.ttl_graybg a:hover{
    opacity:0.7;
}
/*ttl_graybg a.arrow-white:before*/
.ttl_graybg a.arrow-white:before {
    margin-left: -25px;
    margin-right: 10px;
    margin-right: 25px;
    vertical-align: middle;
    display: block;
    height: 100%;
    line-height: 59px;
}

/*page-name img.text-right*/
.page-name img.text-right{
    display:none!important;
}

/*#training .btn-default*/
.training.introduction .btn-default,
#training .btn-default {
    font-size: 12px;
}

/*#footer-menu*/
#global-footer #footer-menu{
  text-align:center;
}

/*#ttl_hline*/
.ttl_hline {
  margin: 2em 0 0em;
}

/*#btm-bnrs */
#btm-bnrs {
  margin-bottom: 20px;
}

/*table-wrap*/
.table-wrap{overflow: auto; position:relative; padding-top:1em;}
  @media screen and (max-width: 1410px) {
    .table-wrap:after{
      content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
      color:#fff;
      font-size:10px;
      background-color:#333;
      position: absolute;
      top:0;
      border-radius: 3px 3px 0 0;
      padding: 0.05em 0.5em;
    }
}

p.alrline_logo1,
.alrline_logo1,
p.alrline_logo2,
.alrline_logo2{display:none;}
.single-ticket #main-2col h2{font-size: 18px;}

.single-ticket .su-box-title{font-size: 1em;}


/*overlay*/
.overlay{display:none;}

/*arrangement*/
section.sns {
    margin-bottom: 0;
}
.arrangement .btn {
    margin-bottom: 0;
}
.arrangement .col-sm-6:last-child {
    padding-bottom:20px;
}
.facebook-wrapper{
    margin-bottom: 30px;
}


/*パンフレット*/
#pamphlet .bg1{
	top: 35px;
	background-position: right 14% top 0px;
}
#pamphlet .bg2{
	top: -5px;
	background-position: right 15px top 0px;
}

/*資料請求　カウンセリング予約　フッターボタン*/
#global-footer{
        padding-top:0;
	padding-bottom:calc(64.34px + 70px);
        border-top:solid 5px #888888;
}

#floating_Btn {
	display:block!important;
}

#footer-pagetop {
  bottom: 135px!important;
}

#catchcopy.smaller{
	display:none;
}
#global-header .container.first{
	animation: Show 0.5s linear 0s;
}

@keyframes Show {
  from {
    transform: translateY(5px);
  }
  to {
    transform: translateY(0px);
  }
}

@media screen and (max-width: 479px){
	#offer #content form table th {width: 100%;}
}

#school-data .table th{
	width:42%!important;
}
#school-data form .table th{
	width:100%!important;
}


#school-data iframe{
	min-height: 188.44px;
}

#menu-sidebar .none{display:none!important;}


/*プログラム検索 / 留学診断*/
br.pc{display:none;}
#search-program-wrap h3.ttl_hpoint .ttl3,
#chart-wrap h3.ttl_hpoint.main .ttl3{
    width:100%;
    font-size: 12px;
    margin-top: 0.5em;
    margin-left: 0;
}
form#search-program-form {
    padding: 25px;
}
form#search-program-form select{
    width:100%;
}
.searchandfilter ul:nth-child(2) li {
    max-width: 100% !important;
}

#chart-wrap h3.ttl_hpoint .ttl3, #chart-wrap h3.ttl_hpoint .ttl3{
    width:100%;
    font-size: 14px;
    margin-top: 0.5em;
    margin-left: 0;
}
#chart-wrap .section_top a{
    min-height: 190px;
    width: 100%;
    overflow: hidden;
}
#chart-wrap .section_top a img {
    width:auto;
    height: 100%;
}

.topmain section{
    margin-bottom:10px;
}


/*top サービス紹介*/
#service-wrap .pc{display:none;}
#support-searvice-wrap .flex{
    flex-direction: column;
}
#main3 .layaut02 .section_top.flex .left,
#main3 .layaut02 .section_top.flex .right{width:100%;}
#support-searvice-wrap .left{order:2;}

/*フッター*/
#btm-sns .list-inline {
    flex-direction: column;
}

#btm-bnrs .list-inline {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    max-width: 1000px;
    flex-direction: row;
}
#btm-bnrs .list-inline li{
    width:47%;
}

#global-footer .container {
    width:100%;
}
#global-footer .row {
    flex-direction: column;
}
#global-footer .col-sm-6{
    padding: 0 20px;
    width: 100%;
    min-width: 100%;
    max-width: fit-content;
}
#global-footer .brand {
    text-align: center;
    order: 2;
    width: 100%;
    margin: 0 auto;
}


#global-footer .sub-menu.pc{
   display:none;
}
#global-footer .sub-menu.sp{
   display: inline-grid;
   width:50%;
   gap:0;
}

#global-footer .fmenu{gap:0; margin: 0 -20px 25px -20px;}
#global-footer .sub-menu.sp li{
   padding: 11px 5px 7px 11px;
   border-bottom:solid 1px #CCC;
}
#global-footer .sub-menu.fmenu1.sp{
   border-right:solid 1px #CCC;
}
#global-footer .sub-menu.sp li:before {
        content: '\3000';
        background: url(img/li_mark_b.png) no-repeat 0 0;
        vertical-align: middle;
        margin-right: 3px;
        margin-top: 0px;
        padding: 0 2px;
}
@media screen and (max-width: 424px) {
  #global-footer .sub-menu.fmenu1.sp{
     width:45%;
  }
  #global-footer .sub-menu.fmenu2.sp{
     width:55%;
  }
}

#global-footer address{
    display:none;
}
#global-footer .footer-sub-menu{
   display: flex;
   order: 3;
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: nowrap;
   gap: 1em;
   font-size: 12px;
   margin-top: 20px;
}
#global-footer .footer-sub-menu li{
    margin:0;
    padding:0;
    list-style:none;
}


.purpose_list .btn-default{
	font-size: 1.06em;
	padding-left:5px;
	padding-right:5px;
        margin-bottom:0;
        background: #009999;
        display: inline-flex;
}
.purpose_list .btn-default:active:focus,
.purpose_list .btn-default:active:hover,
.purpose_list .btn-default:hover,
.purpose_list .btn-default:focus,
.purpose_list .btn-default:active {
    background: #009999;
    background: #1cb6b6;
    color: #fbfe00;
    border-color: #009999;
}
#global-sidebar{display:none;}