@charset "utf-8";

@media screen and (max-width: 1200px) {
.contents{margin:30px auto 50px;width:100%;text-align:left;}
.contentsForm{margin:30px auto 50px;width:100%;text-align:left;padding:0px 20px;box-sizing: border-box;}
.contentsLeft{float:left;width:60%;margin:0px 0px 0px 1%;}
.contentsRight{float:right;width:36%;margin:0px 1% 0px 0px;}
header{padding:10px;}
header div{margin:0px 10px;}
.topHeaderMenuWrap{font-size:12px;margin:7px 10px;}
.topHeaderLang{margin:0px 0px 0px 10px;}
.contents {width: auto;}
.interview_data{margin:0px 20px;}
.interview_contents{margin:30px 20px 0px;}
.interview_cta{margin:50px 20px 0px;}
.menuOptionWrap {display:block !important;width: auto !important;margin-bottom:10px;}
.formTD label.optionLabel, .menuOptions label.optionLabel {margin: 0px 0px 0px 0px !important;}
.contentsFormWrap {padding: 0px 0px !important;}
}
@media screen and (max-width: 1024px) {
    .topHeaderLang::after {
        right: 3%;
    }
}

@media screen and (max-width: 950px) {
.contents{margin:30px auto 50px;width:100%;text-align:left;}
.contentsLeft{float:left;width:60%;margin:0px 0px 0px 2%;}
.contentsRight{float:right;width:34%;margin:0px 2% 0px 0px;}

body {
    position: relative;
    left: 0;
    overflow-x: hidden;
}
.topHeaderMenuWrap{
    position: fixed;
    top: 0;
    left: -240px;
    width: 240px;
    height: 100%;
    background: #f2f2f2;
	margin:0px;
}

.topHeaderMenu li {margin: 0px 0px;}
.interview_header{
height: calc(100vh - 300px);
min-height: 500px;
background-size: cover;
background-position: center top;
}
.interview_header div{
position: absolute;
width:100%;
height: auto;
background-image: url(../img/interview_top_bg.png);
padding:20px;
bottom:0px;
text-align: left;
}
.interview_header div h1{font-size: 30px;font-weight:bold;color:#fff;display: block;}
.interview_header div h2{font-size: 16px;color:#fff;display: block;}
}

@media screen and (max-width: 900px) {
.mainvisual div a{font-size:24px;width:80%;}
.mainvisual div a.ctaBtn{font-size:22px; width:70%;}
.mainvisual div a.ctaBtn i{font-size:28px;}
.menuOptionWrap{font-size:18px;font-weight:bold;position:relative;display:inline-block;width:50%;}
.menuOptions label.optionLabel {width:95%}

header h1 {padding: 5px 0px;position: absolute;}
header i.fa-bars{display:block;font-size:32px;color:#fff;cursor: grab;float:right;margin:7px 10px 7px 20px;}

header{min-height: 50px;}
label.menuOpenLabel{display: block;position: absolute;right: 10px;top: 5px;z-index: 9999;}

 #menu{
    position: absolute;
    top: 0;
    right: -300px;
    width: 300px;
    padding-top:35px;
    margin: 0px;
    transition: left .5s, right .5s; /* アニメーション */
    background-color: rgba(0, 0, 0, 1);
    z-index: 1;
    display: none;
  }

  .topHeaderMenu li{
      padding: 0 !important;
  }

  .topHeaderMenu a{
      padding: 10px 5px !important;
  }

  .current{
      background-color: rgba(0, 0, 0, 1);
  }

  .topHeaderLang li:hover{
      background-color: transparent;
  }

  #country_device_large{
      display: none;
  }

#menuOpen:checked + #menu{right:0px;display: block;}


.HeaderMenu,.topHeaderMenu,.topHeaderSign,.topHeaderLang,.HeaderSign{
display:block;
margin-top:10px;
padding:0px;
width:100%;
}

.HeaderMenu li,.topHeaderMenu li,.topHeaderSign li,.topHeaderLang li,.HeaderSign li{
display:block;
text-align: left;
background-color: transparent;
border:0px;
border-bottom:1px solid #fff;
padding: 5px 0px;
margin:0px 10px;
border-radius: 0px;
}

.topHeaderSign li{border-bottom:0px solid #fff;}

.HeaderSign li{border:0px;}

.HeaderMenu li ul,.topHeaderMenu li ul,.topHeaderLang li ul,.topHeaderSign li ul,.HeaderSign li ul  {
    opacity: 1;
    list-style: none;
    position: static;
    z-index: 9999;
    top: 0;
    left: 0;
    text-align: left;
    visibility:visible;
	margin: 0px;
}

.HeaderSign  {
border:1px solid #fff;
margin:10px;
box-sizing: border-box;
width: auto;
}

.topHeaderLang {margin: 0px 0px 20px 0px;}

.HeaderMenu li a,.topHeaderMenu li a,.topHeaderLang li a,.topHeaderSign li a,.HeaderSign li a {padding: 5px 5px;}

.HeaderMenu li ul li:first-child,.topHeaderMenu li ul li:first-child,.topHeaderLang li ul li:first-child,.topHeaderSign li ul li:first-child,.HeaderSign li ul li:first-child {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    border-radius: 0px 0px 0px 0px;
}
.HeaderMenu li ul li,.topHeaderMenu li ul li,.topHeaderLang li ul li,.topHeaderSign li ul li,.HeaderSign li ul li {
    width: 100%;
	background-color: transparent;
    border: 1px solid #fff;
    border-width: 0px 0px 1px 0px;
    /*transition-duration: 0.5s;*/
	margin: 0px;
	padding:5px 0px;
	border-radius: 0px !important;
}

.HeaderMenu li ul li:last-child,.topHeaderMenu li ul li:last-child,.topHeaderLang li ul li:last-child,.topHeaderSign li ul li:last-child,.HeaderSign li ul li:last-child{border-bottom: 0px;}

.HeaderMenu li ul li a,.topHeaderMenu li ul li a,.topHeaderLang li ul li a,.topHeaderSign li ul li a,.HeaderSign li ul li a {padding: 5px 10px;}

.HeaderSign li ul li a {
    visibility:visible !important;
    opacity: 1 !important;
}

.topHeaderLang:after{display:none;}

.topHeaderLang li ul li a {
    visibility:visible;
    opacity: 1;
    transition: .5s;
}

}

@media screen and (max-width: 719px) {
nav{float:right;display:block;padding:44px 0px 0px;}
nav i{display:block !important;color:#fff;font-size:42px !important;cursor:pointer;text-shadow: 0px 1px 2px #8a0f2a;}
nav ul{display:none;position:absolute;top:100px;right:20px;background-color:#ff4a72;width:70%;border:1px solid #fff;padding:10px;opacity:0;}
nav li{border-bottom:1px solid #fff;display:block;width:100%;margin:0px;text-align:left;}
nav li:last-child{border-bottom:0px solid #fff;}
nav li a:hover{border-bottom:0px;background-color:#ff7997;}
.mainvisual h1{font-size:32px;}
.mainvisual h1 span{font-size:18px;}
.mainvisual h2{font-size:16px;}
.mainvisual img{width:60%;margin-bottom:20px;}
.mainvisual div a i{font-size:34px;}
.contents{margin:30px auto 50px;width:100%;text-align:left;}
.contentsLeft{float:none;width:95%;margin:0px auto 30px;}
.contentsRight{float:none;width:95%;margin:0px auto 0px;}
.formTH,.formTD{float:none;}
.formTD{max-width:100%;padding-right:0px;}
.formTH{margin:10px 0px 10px;}
.inputTextNormal{width:100%;}
.vanishBR{display:inline;}
.inputTextQuestion{width:180px;}
.formTD select{font-size:1em;}
.submit {margin-bottom:150px;}
.mainvisual div a.ctaBtn{font-size:18px; width:80%;}
.mainvisual div a.ctaBtn i{font-size:24px;}
.mainvisual_lp div a.ctaBtn{font-size:18px; width:80%;}
.mainvisual_lp div a.ctaBtn i{font-size:24px;}
nav li.signIn{
position:static;
top:0px;
right:0px;
font-size:1em;
text-align:right;
}

nav li.signIn a{display:inline-block;padding:20px 10px 20px 0px;border-right:0px solid #fff;line-height:1em;}
nav li.signIn a:last-child{border-right:0px;padding:20px 0px 20px 10px;}
nav li.signIn a:hover{border-bottom:0px solid #fff;text-decoration:none;}

.footer_logo img{width:120px;}
.feature ul li h2{font-size:18px;}
.interview_data h3 img {width: 200px;}
.interview_data {padding: 20px 230px 20px 20px;}

.interview_cta table td {display: block;width: 100%;padding: 0px 10px 0px;}
.interview_cta table td:first-child{padding-top: 20px;}
.interview_cta table td p{border-right:0px;border-bottom:1px solid #ff5b7f;}
.interview_cta table td:first-child p{padding:0px 0px 10px;}
.interview_cta table td:last-child p{border-bottom:0px solid #ff5b7f;}

.interview_cta h3 {
position: static;
background-color: #ff5b7f;
padding: 10px 20px;
color: #fff;
text-align: justify;
}

.top_services_block {
display: block;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #cdcdcd;
width: 100%;
}

.top_services_block_content{padding: 0px 0px 30px 0px;}

.top_services_block:last-child {border-width: 0px 0px 0px 0px;}
.top_services_block:last-child .top_services_block_content {padding: 0px 0px 30px 0px;}
.contents_table02 .top_services_block:last-child .top_services_block_content {padding: 0px 0px 30px 0px;}
.contents_table02 .top_services_block:last-child {border-width: 0px 0px 0px 0px;}
.sub_image img{width:100%;}
}

@media screen and (max-width: 590px) {
.footer_logo,.footerMenu,.footerLang {float:none;margin-bottom:20px;}
.copyright {margin-top: 20px;}
.contentsForm{padding:0px 10px;}
.feature ul{display:block;}
.feature ul li{display:block;width:auto;}

#loginWrap {width: auto;}

.interview_data {padding: 20px 20px 20px 20px;}
.interview_data h3 {position: static;text-align: center;display: block;margin-bottom:20px;}
.interview_header div h1 {font-size: 20px;}
.interview_header div h2 {font-size: 14px;margin-top: 10px;}

.interview_picture_wrap{width: 100%;}
.interview_picture_wrap p{width: 100%;}
.interview_picture img{width:100%;}
.interview_picture span{width:100%;}
}


@media screen and (max-width: 429px) {
.vanishBR{display: inline;}
nav ul{top:80px;}
nav{padding:32px 0px 0px;}
nav i{font-size:32px !important;}
.nationNav li{margin:0px 5px 10px;}
.mainvisual h1{font-size:18px;}
.mainvisual h1 span{font-size:14px;}
.mainvisual h2{font-size:14px;}
.mainvisual img{width:60%;margin-bottom:20px;}
.mainvisual div a{font-size:18px;width:80%;}
.mainvisual div a i{font-size:24px;}
.mainvisual div{padding:20px 0px;}
.contentsLeft{float:none;width:90%;margin:0px auto 30px;}
.contentsRight{float:none;width:90%;margin:0px auto 0px;}
.contentsTitle{font-size:16px;}
.contentsRightBlock h3 {font-size: 14px;padding:5px 8px;}
a.cta{width:90%;font-size:16px;}
a.cta i{font-size:24px;}
.menuTable table th{white-space:normal;}
.submit input[type=submit]{width:100%;}
.menuOptionWrap{font-size:18px;font-weight:bold;position:relative;display:block;width:100%;}
.menuOptions label.optionLabel {width:100%}
.top_mainvisual_copyWrap,.top_mainvisual_copy{height:calc(100vh - 60px);min-height: auto;}
.album,.album span,.top_mainvisual{min-height: auto;}
}