@charset "UTF-8";

/*　//////////////////  新スタイル2025/12/4　追加 //////////////////// */

.subText{
font-size: 14px;
font-weight: bold;
color: white;
}


.slickfit{
    margin: 120px 0px 0px 0px !important;
}

.midashiTextRight {
    color: #ff931e;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    border-bottom: 2px solid #ff931e;
    margin: 5px 0px 0px 0px;
    width: 85%;
    margin: 5px auto 5px;
}


.midashiTextLeft{
    color: #b33030;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    border-bottom: 2px solid #b33030;
    margin: 5px 0px 0px 0px;
    width: 85%;
    margin: 5px auto 5px;
}



p.map {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0 auto;
    right: 0;
    bottom: 20px;
    left: 0;
    border: 2px solid #fe2b01;
    margin: auto;
    border-radius: 25px;
    width: 80%;

}

.officeBox img{
    width: 100%;
}

p.map a{
    color: #fe2b01;
    cursor: pointer;
}


.officeBox {
    width: 33%;
    box-sizing: border-box;
    padding: 10px;
    position:relative;
    height: 450px;

}

.officeMainBox {
    display: flex;
    flex-wrap: wrap;
}

.officeUl{

}


.officeName{
    font-weight: bold;
}

.officeUl li{
    font-size: 12px;
}


.language{
    display: flex;
    margin: 0px 0px 5px 0px;
}

span.flag {
    width: 15%;
    padding: 2px;
}

.slickbox{
    background-color: white;
    margin: 0px 10px;
    box-sizing: border-box;
    width: 95% !important;
    padding: 20px;
    box-sizing: border-box;
    height: 600px;
}

.staffList{
    margin: -40px 0px 0px 0px; 
    justify-content: space-evenly
}


.detail{
    display: flex;
    padding: 0px 0px 20px 0px;
}

.NameBox {
    border-bottom: 2px solid #fe2b01;
    width: 100%;
}

.imgBox{
    padding: 10px;
    box-sizing: border-box;
}

.officeMainBox{
    display: flex;
}

officeBox{
    width: 33.333%;
}


/*　//////////////////  新スタイル2025/11/28　開始 //////////////////// */



.linkTextleft {
    background: #b33030;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    border-radius: 25px;
    color: white !important;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    letter-spacing: 1px;
    position: absolute;
    bottom: 25px;           /* 下に貼り付けつつ */
    left: 50%;           /* 画面中央へ寄せる */
    transform: translateX(-50%); /* 幅の半分を戻して水平中央 */
    text-align: center;  /* テキストも中央寄せ */
}


.linkTextright {
    background: #ff931e;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    border-radius: 25px;
    color: white !important;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    letter-spacing: 1px;
    position: absolute;
    bottom: 25px;           /* 下に貼り付けつつ */
    left: 50%;           /* 画面中央へ寄せる */
    transform: translateX(-50%); /* 幅の半分を戻して水平中央 */
    text-align: center;  /* テキストも中央寄せ */
}


.productTitleleft{
    color: #b33030;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0px;
}


.productTitleright{
    color: #ff931e;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0px;
}


p.nextLink {
    /* float: left; */
    color: white;
}

i.fas.fa-external-link-alt.rightLogo {
    float: right;
    top: 13px;
    right: 10px;
    position: absolute;
    color: white;
}


i.fas.fa-angle-right.rightLogo {
    float: right;
    top: 13px;
    right: 10px;
    position: absolute;
    color: white;
}


.productDetail li{
    font-size: 11px;
    list-style-type:disc;
}



.productsubbox{
    display: flex;
    padding: 5px 30px 20px;
}


.productDetailBox{
     width:60%;
     padding: 0px 5px 0px 0px;
}


.sinnaPhotoBox{
    width: 40%;
}

.SaPhoto{
    width: 100%;
}

/*　//////////////////  新スタイル2025/11/15　開始 //////////////////// */

.slick-slide img{
    width: 93%;

}

.top22{
    display: none;
}


.top2 p {
    font-size: 65px !important;
    color: white;
    text-align: center;
    line-height: 73px;
    font-weight: bold;
}


.top-images-inner{
top:35% !important;
}

.slick-margin{
    margin-top: 35px;
}

.topMainContents {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 10%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%;
    border-radius: 5px;
}

.topSubContents:nth-child(odd) {
  background-color: #fff1f1; /* 奇数行の色 */
    width: 100%;
    height:380px;
    position: relative;
}

.topSubContents:nth-child(odd) > .productName{
  background-color: #b33030; /* 奇数行の色 */
  color: #fff1f1;
  font-size: 26px;
  font-weight: bold;
  padding: 10px 10px 10px 40px;
  position: relative;
  text-align: center;
}


.topSubContents:nth-child(odd) > .productName::before{
    background: url("http://test.english.rent-nagano.com/common/img/Less than 1 month01.svg");
    background-size: 40px 40px; /* ← ここで画像サイズを指定 */
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    content: "";
}

.topSubContents:nth-child(odd) > .productTitleleft {
    display: flex;        /* 横並びにする */
    align-items: center;  /* 縦中央揃え */
    gap: 6px;             /* 文字との間隔 */
}

.topSubContents:nth-child(odd) > .productTitleleft::before {
    content: "";
    background-size: 40px 40px; /* ← ここで画像サイズを指定 */
    display: inline-block; 
    width: 40px; 
    height: 40px;
    /* background: url("http://test.english.rent-nagano.com/common/img/Less than 1 month01.svg") no-repeat; */
    background-size: contain;
    flex-shrink: 0;        /* 画像が縮まないように */
}

.topSubContents:nth-child(even) > .productTitleright {
    display: flex;        /* 横並びにする */
    align-items: center;  /* 縦中央揃え */
    gap: 6px;             /* 文字との間隔 */
}

.topSubContents:nth-child(even) > .productTitleright::before {
    content: "";
    display: inline-block; 
    width: 20px; 
    height: 20px;
    background: url("http://test.english.rent-nagano.com/common/img/3 months or more01.svg") no-repeat;
    background-size: contain;
    flex-shrink: 0;
}




.topSubContents:nth-child(even) {
  background-color: #fffff3; /* 偶数行の色 */
  width: 100%;
  height: 380px;px;
  position: relative;

}

.topSubContents:nth-child(even) > .productName{
  background-color: #ff931e; /* 奇数行の色 */
  color: #fffff3;
  font-size: 26px;
  font-weight: bold;
  padding: 10px;
  position: relative;
  padding: 10px 10px 10px 40px;
  text-align: center;

}


.topSubContents:nth-child(even) > .productName::before{
    background: url("http://test.english.rent-nagano.com/common/img/3 months or more01.svg");
    position: absolute;
    background-size: 40px 40px; /* ← ここで画像サイズを指定 */
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    content: "";
}








/*　//////////////////  新スタイル2025/11/15　終了 //////////////////// */


/*新しいデザイン追加 　トップページ説明スクリプト*/

.pc-price{
display:flex;
margin:20px 0px 30px 0px;
align-items: flex-end;
}

.sp-price {
    display: none !important;
}

.price-image1 {
    margin: 0px 0px 44px 0px;
}

.blue-link a {
    color: white;
    font-weight: bold;
      font-size: 17px;
    letter-spacing: normal;
}

.orange-color a{
    color: white;
    font-weight: bold;
      font-size: 17px;
    letter-spacing: normal;

}

p.blue-link:hover {
    opacity: 0.7; 
}


p.orange-color:hover {
    opacity: 0.7; 
}

.top3-link:hover{
 opacity: 0.7; 
}




p.orange-color {
    padding: 3px;
width:80%;
    background: #b33030;
    color: white;
    border-radius: 41px;
    /* margin: 5px 3px; */
    border: 2px solid r##b33030;
    text-align: center;
    font-weight: bold;
    display: block;
    margin: 15px auto;

    letter-spacing: normal;
padding:5px;
}


p.blue-link {
    text-align: center;
    padding: 4px;
    background: #ff931e;
    color: white;
    border-radius: 45px;
    margin: 15px auto;
    border: none;
    font-weight: bold;
    display: block;
    letter-spacing: normal;
    font-size: 17px;
width:80%;
padding:7px;
}





.term-image{
width:95%;
padding:10px;
}


.tab1{
/*background-color: orange;*/


}

.tab2{
   /* background-color: blue;*/
    
    
    }

.second-title{
    font-size: 32px;
    color: black;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
}


.second-text{
   text-align:center;
}


.content-image{
width:100%;

}


.tabbox li {
    display: inline;
    margin: 5px;
    padding: 10px;
}

.tabbox {
    margin: 30px 0px 0px 0px;
    display: flex;
}



.active-tab{
    display: block;
}	



.hidden{
    display:none;
}

.notshine{
    opacity:1.0;

}

.shine{
opacity:0.2;
    
}



/*新しいデザイン追加*/


.popup-pc{
display:block;
}

.popup-sp{
display:none;
}





p.term-text {
    font-weight: bold;
    padding: 3px 0px;
    font-size: 19px !important;
}



.secMainTxt{
display:none;
}

p.holiday {
    background: red;
    color: white;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px;
    font-size: 16px;
}




button.pop-close {
background: white;
    padding: 17px;
    font-size: 21px;
    font-weight: bold;
    margin: 0px 0px 0px 20px;
  }


 /* #popup {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      justify-content: center;
      align-items: center;
             z-index:999;
    }
    #popup img {
      max-width: 80%;
      max-height: 80%;
    } */



.top22 {
    font-size: 17px;
    width: 150px;
    position: absolute;
    top: -39px;
    padding: 11px !important;
    right: 36%;
    text-align: center;
    /* transform: translate(-50%, -50%); */
    background: #ffdc00;
    padding: 0px;
    /* border: 2px solid #ff6400; */
    border-radius: 15px 0px 0px 15px;
    font-weight: bold;
}

p.see-detail {
    font-weight: bold;
}

p.show-detail {
    margin: 10px 0px 5px;
    padding: 1px;
    background: white;
    border-radius: 28px;
    cursor:pointer;
}



.youtube {
	width: 60%;
	padding: 0;
	box-sizing: border-box;
	text-align:center;
	margin:0 auto;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



p.orange-button > a {
    color: white !important;
}


p.orange-button {
    padding: 12px;
    background: red;
    color: white !important;
    border-radius: 41px;
    margin: 38px auto 0px;
    border: 2px solid red;
    text-align: center;
    font-weight: bold;
    display: block;
    font-size: 22px;
    letter-spacing: normal;
    width: 300px;
}

.center-button {
    text-align: center;
    margin: 0 auto;
}


.topSchoolBox .leftBox {
    width: 100% !important;
}


.contentInner {
    width: 1080px !important;
    margin: 0 auto;
}


.propertyList{
    justify-content: space-between;
}
.propertyList li{
    width:24% !important;
    margin: 0 0 1% 0 !important;
}


#topCampaign {

    /* background-image: url(/common/img/img_01.png) !important;
    height:450px;
    padding:0 !important;
    background-repeat: repeat !important;
    position: relative; */

    background-image: url(/common/img/TOP@2x-8.png) !important;
    height: 456px;
    padding: 0 !important;
    position: relative;
    background-size: cover;


}

.top-text{
padding:20px 0px;
text-align:center;
}


.top-text p:nth-child(2){ 
font-size: 32px;
    color: black;
    font-weight: bold;
padding:0px 0px 10px 0px;
}



.top-text h2:nth-child(1){ 
font-size: 40px;
    color: #fe4d01;
    font-weight: bold;
padding:20px 0px;
}





.top2 p {
    font-size: 61px;
    color: white;
    font-weight: bold;
    line-height: 73px;

}


.top-images-inner {
    width: 80%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.top-images {
    /* padding: 0px 0px 0px 100px; */
    position: relative;
    /* width: 100%; */
    /* display: flex; */
    justify-content: flex-start;
    /* align-items: center; */
    /* height: 90vh; */
    /* align-content: stretch; */
    /* flex-direction: row-reverse; */
    /* flex-wrap: wrap; */
}


.secMainTxt {
     font-size: 21px !important;
    font-weight: bo ld;
       padding: 10px 0px;
    background: #ffdc00 !important;
}



.top3 {
    z-index:1;
    width: 35%;
    position: absolute;
    top: 50%;
    right: -16%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 0px;
    /* border: 2px solid #ff6400; */
    border-radius: 10px;
    display: none;

}




.top3-innertext p{
font-size:14px;
}


.top3-innertext:nth-child(2) {
    padding: 15px 15px 0px 15px;
}


.top3-innertext:nth-child(3) {
    padding: 10px 15px 15px 15px;
}


.top3-innertext:nth-child(2) > .top3-innertext-title{
    text-align: left;
    border-left: 10px solid red;
    padding: 0px 0px 0px 9px;
    font-size: 20px;
    margin:2px 0px;
    font-weight: bold;
    letter-spacing: normal;
    border-bottom: none;
}

.top3-innertext:nth-child(3) > .top3-innertext-title{
    text-align: left;
    border-left: 10px solid #007eac;
    padding: 0px 0px 0px 9px;
    font-size: 20px;
    margin:2px 0px;
    font-weight: bold;
    letter-spacing: normal;
    border-bottom: none;
}







.top3 h2 {
    text-align: center;
    padding: 10px 0px;
    font-size: 18px;
    border-bottom: 2px solid darkgrey;
}


.top3-link p:nth-child(1) > a {
     padding: 4px;
    background: red;
    color: white;
    border-radius: 41px;
    margin: 5px 3px;
    border: 2px solid red;
    text-align: center;
    font-weight: bold;
    display: block;
    font-size: 17px;
    letter-spacing: normal;}


.top3-link p:nth-child(2) > a {
      padding: 4px;
    background: white;
    color: red;
    border-radius: 41px;
    margin: 10px 3px;
    border: 2px solid red;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    display: block;
    letter-spacing: normal;}




.weekly-link a {
text-align: center;
    padding: 4px;
    background: red;
    color: white;
    border-radius: 45px;
    margin: 5px 3px;
    border: 2px solid red;
    font-weight: bold;
    display: block;
    letter-spacing: normal;
    font-size: 17px;}


.footer_snsBox{
    display: flex;
    justify-content: space-around;
}
.footer_snsBox img{
    width: 100%;
}
.footer_snsBox a{
    width: 18%;
}
.new_followingInner{
    width: 1300px !important;
}
.new_width1026{
    width: 22% !important;
}


@media screen and (max-width: 90em){

.pc-price{
display:flex;
align-items: flex-end;
padding:10px;
}

.sp-price {
    display: none !important;
}




button.pop-close {
    background: white;
    padding: 12px;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 0px 20px;
}




.popup-pc{
display:block;
}

.popup-sp{
display:none;
}



.top22 {
    font-size: 17px;
    width: 150px;
    position: absolute;
    top: -39px;
    padding: 11px !important;
    right: 59%;
    text-align: center;
    /* transform: translate(-50%, -50%); */
    background: #ffdc00;
    padding: 0px;
    /* border: 2px solid #ff6400; */
    border-radius: 15px 0px 0px 15px;
    font-weight: bold;
}

p.see-detail {
    font-weight: bold;
}

p.show-detail {
    margin: 10px 0px 5px;
    padding: 1px;
    background: white;
    border-radius: 28px;
    cursor:pointer;
}




.youtube {
	width: 95%;
	padding: 0;
	box-sizing: border-box;
	text-align:center;
	margin:0 auto;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.top-images-inner {
    width: 95%;
}


.top2 p {
    font-size: 45px;
}

.top3 {
    width: 50%;
    position: absolute;
    top: 44%;
    right: -16%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 0px;
    /* border: 2px solid #ff6400; */
    border-radius: 10px;
}





.propertyList li{
    width:48% !important;
    margin: 0 0 1% 0;
}

.propertyList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column  !important;
    flex-direction: unset !important;

}


.contentInner {
    width: 768px !important;
    margin: 0 auto;
}


}



@media screen and (max-width: 50em){

/*  2025/11/29に追加CSS */


.topSubContents:nth-child(odd) > .productName::before {
    background: url(http://test.english.rent-nagano.com/common/img/Less than 1 month01.svg);
    background-size: 30px 30px;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    content: "";
}


.topSubContents:nth-child(even) > .productName::before {
    background: url(http://test.english.rent-nagano.com/common/img/3 months or more01.svg);
    position: absolute;
    background-size: 30px 30px;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    content: "";
}


section.officeMap {
    margin: 30px 0px 0px 0px;
}


.topMainContents {
  top: 15%;
  width:95%;
}

.productsubbox{
flex-direction:column-reverse;
letter-spacing: 1px;
}


.topSubContents:nth-child(odd) > .productName {
font-size:16px;
line-height: 16px;
}

.topSubContents:nth-child(even) > .productName {
font-size:16px;
line-height: 16px;
}


.productTitleleft {
line-height: 14px;
font-size: 10px;
}


.productTitleright{
line-height:16px;
font-size: 10px;
}

.sinnaPhotoBox {
    width: 100%;
}

.productDetailBox {
width:100%; 
}

.topSubContents:nth-child(even){
height: 450px;
position: relative;
}

.topSubContents:nth-child(odd){
height: 450px;
position: relative;
}

.productsubbox{
padding: 5px 20px 20px;
}

.linkTextright {
    width: 85%;
    letter-spacing: 1px;
    position: absolute;
    bottom: 20px;           /* 下に貼り付けつつ */
    left: 50%;           /* 画面中央へ寄せる */
    transform: translateX(-50%); /* 幅の半分を戻して水平中央 */
    text-align: center;  /* テキストも中央寄せ */
    font-size: 12px;
    padding: 5px;
}

.linkTextleft {
    width: 85%;
    letter-spacing: 1px;
    position: absolute;
    bottom: 20px;             /* 下に貼り付けつつ */
    left: 50%;           /* 画面中央へ寄せる */
    transform: translateX(-50%); /* 幅の半分を戻して水平中央 */
    text-align: center;  /* テキストも中央寄せ */
    font-size: 12px;
    padding: 5px;
}

.slickfit{
    margin:150px 0px 0px 0px !important;
}

i.fas.fa-external-link-alt.rightLogo {
top:16px;
}

i.fas.fa-angle-right.rightLogo{
top:16px; 
}



/*  2025/11/29に追加CSS　終了 */



.term-image {
    width: 100%;
    padding: 0px !important;
}


.tabbox li {
    display: inline;
    margin: 0px !important; 
    padding: 0px !important;
}


    .contentInner {
       
        margin: 0px 0px 30px 0px !important;
    }


.pc-price{

}

.sp-price{
display:none !important;
padding:10px;
margin:20px 0px;
}




.popup-pc{
display:none;
}

.popup-sp{
display:block;
}




button.pop-close {
background: white;
        padding: 12px;
        font-size: 14px;
        font-weight: bold;
        margin: 0px 0px 0px 10px;
}

.secMainTxt{
display:none;
}


.top2 p{
display:none;
}



.top22 {
    font-size: 17px;
    width: 70%;
    position: absolute;
    top: 0px;
    padding: 11px !important;
    right: 14%;
    text-align: center;
    /* transform: translate(-50%, -50%); */
    background: #ffdc00;
    padding: 0px;
    /* border: 2px solid #ff6400; */
    border-radius: 0px 0px 15px 15px;
    font-weight: bold;
    margin: 0 auto;
        display:none;
}


p.see-detail {
    font-weight: bold;
}

p.show-detail {
    margin: 10px 0px 5px;
    padding: 1px;
    background: white;
    border-radius: 28px;
    cursor:pointer;
}




.youtube {
	width: 95%;
	padding: 0;
	box-sizing: border-box;
	text-align:center;
	margin:0 auto;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





p.orange-button {
    padding: 12px;
    background: red;
    color: white !important;
    border-radius: 41px;
    margin: 20px auto 10px;
    border: 2px solid red;
    text-align: center;
    font-weight: bold;
    display: block;
    font-size: 20px;
    letter-spacing: normal;
    width: 300px;
}



.top-images-inner {
    width: 100%;
    position: unset;
    transform: unset;
}
.top2 {
    width: 67%;
    text-align: center;
    margin: 0 auto;
    transform: unset;
    position: unset;
    padding-top: 1px;
}


.top2 p {
    font-size: 41px;
    line-height: 45px;
}

.top3 {
    z-index:1;
    position: unset;
    transform: unset;
    margin: 40px auto;
    width: 90%;
    border-radius: 10px;
    box-shadow: 10px 5px 5px black;
    display: none;
}


.top3-link p:nth-child(2) > a {
    padding: 4px;
    background: white;
    color: red;
    border-radius: 41px;
    margin: 5px auto;
    border: 2px solid red;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    width: 90%;
    display: block;
    letter-spacing: normal;
}

.top3-link p:nth-child(1) > a {
    padding: 4px;
    background: red;
    color: white;
    border-radius: 41px;
    margin: 10px auto;
    border: 2px solid red;
    text-align: center;
    font-weight: bold;
    display: block;
    font-size: 17px;
    width: 90%;
    letter-spacing: normal;
}

.top3-innertext:nth-child(3) {
    padding: 0px 15px 15px 15px;
}

.top3-innertext:nth-child(2) {
    padding: 10px 15px 0px 15px;
}









.top3 h2 {
    text-align: center;
    padding: 10px 0px;
    font-size: 21px;
        margin:55px 0px 0px;
    font-weight: bold;
    border-bottom: 2px solid darkgrey;
}


.top-text h2:nth-child(1) {
    font-size: 30px;
    color: #fe4d01;
    font-weight: bold;
    line-height: 30px;
    padding: 20px 0px;
}

.top-text p:nth-child(2) {
    font-size: 26px;
    color: black;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    line-height: 28px;
}




.contentInner {
    width: 100% !important;
    margin: 0 auto;
}

.propertyList li{
width:100% !important;
}


#topCampaign {
    background-image: url(/common/img/img_05.png) !important;
    height: 450px;
    padding: 0 !important;
    background-repeat: no-repeat !important;
    width: 100%;
    background-size: auto 100%;
    margin: 0px 0px 10px 0px;
}


.top3-link{
display:flex;
}

.top3-innertext p {
    font-size: 14px;
    width: 100%;
}


.top-text h2:nth-child(1) {
    font-size: 30px;
    color: #fe4d01;
    font-weight: bold;
    line-height: 30px;
    padding: 10px 0px;
}

.top-text p:nth-child(2) {
    font-size: 26px;
    color: black;
    font-weight: bold;
    padding: 0px 10px;
    line-height: 28px;
}
.textInner{
    padding: 0 10px;
}

.subMinTit.textInner{
    margin: 0 0 10px 10px;
    padding: 5px 5px 5px 15px;
}
.staffList li .detail .NameBox .language .flag{
    margin-bottom: 5px;
}
.officeMap .textInner{
    padding: 0 10px 20px 10px;
}
address .addTit{
    padding: 0 10px;
}
footer .contentInner{
    padding: 20px 10px;
    box-sizing: border-box;
}

}






@media screen and (max-width: 29.9375em){
.slickbox{
    height: auto;
}




.term-image {
    width: 100%;
    padding: 0px !important;
}


.tabbox li {
    display: inline;
    margin: 0px !important; 
    padding: 0px !important;
}



    .contentInner {

        margin: 0px 0px 30px 0px !important;
    }


.pc-price{
display:none;
}

.sp-price{
display:block !important;
padding:10px;
margin:20px 0px;
}

.sp-linkbox{
display: flex;
justify-content: space-around;
}

.sp-linkbox p{
width:125px;

}







.term-image {
        width: 100%;
}


.tabbox li {
    display: inline;
    margin: 5px;
    padding: 0px !important;
}


.second-title {
    font-size: 26px;
    color: black;
    font-weight: bold;
    padding: 30px 0px 0px 0px;
}



button.pop-close {
  background: white;
        padding: 12px;
        font-size: 14px;
        font-weight: bold;
        margin: 0px 0px 0px 10px;
 }


.top2 p{
display:none;
}

.secMainTxt{
display:none;
}




.top22 {
    font-size: 17px;
    width: 70%;
    position: absolute;
    top: 0px;
    padding: 11px !important;
    right: 12%;
    text-align: center;
    /* transform: translate(-50%, -50%); */
    background: #ffdc00;
    padding: 0px;
    /* border: 2px solid #ff6400; */
    border-radius: 0px 0px 15px 15px;
    font-weight: bold;
    margin: 0 auto;
}


p.see-detail {
    font-weight: bold;
}

p.show-detail {
    margin: 5px 0px 5px;
    padding: 1px;
    background: white;
    border-radius: 28px;
        cursor:pointer;
}



.top2{
    padding-top: 1px;
}

.top2 p {
    font-size: 32px;
    line-height: 43px;
}
.top3{
    
margin-top: 20px;
 z-index:1;
 display: none;
}

.top3 h2 {
    text-align: center;
    padding: 10px 10px;
    font-weight: bold;
    line-height: 28px;
    font-size: 17px;
    border-bottom: 1px solid black;
        margin:70px 0px 0px;
}

p.term-text{
font-size: 17px !important;
}

.top3-innertext:nth-child(2) > .top3-innertext-title{
font-size: 17px ;
}

.top3-innertext:nth-child(3) > .top3-innertext-title{
font-size: 17px ;
}





.top-text h2:nth-child(1) {
    font-size: 30px;
    color: #fe4d01;
    font-weight: bold;
    line-height: 30px;
    padding: 20px 0px;
}


.top-text p:nth-child(2) {
    font-size: 20px;
    color: black;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    line-height: 22px;
}

#topCampaign {
    background-image: url(/common/img/img_05.png) !important;
    height: 400px;
    padding: 0 !important;
    background-repeat: no-repeat !important;
    width: 100%;
    background-size: auto 100% !important;
    margin: 0px 0px 100px 0px;
}


.top3-link{
display:block;
}
footer .contentInner{
    padding: 20px 10px !important;
    box-sizing: border-box;
}

}




@media (min-width: 29.9376em) and (max-width:50em) {
  // 400px〜600pxのスタイル








}