@charset 'UTF-8';
/*  Add Custom CSS here.  */
.abs04__1__1{
		margin-bottom: 82px;
		
}

.hder #dropdown .dropdown--body .row .col2 .model li {
    width: calc(24% - 14px);
    display: inline-block;
    margin-right: 20px;
}

.modelpage .box .smttl {
    font-size: 11px;
    }

.abs02__u li h4{
	padding-left: 10px;
}
.abs02__u li h4 span {
	letter-spacing: 1px;
}
.lk_pink span{
	padding-left: 21px;
    padding-bottom: 7px;
    background: url(../img/common/icon/ico_link.svg) left top 6px/13px 13px no-repeat;
    display: block;
	color: #ED1E79;
	text-decoration: underline;
}
.br_ipad{
	display: none !important;
}
.hder #dropdown .dropdown.active {
    display: block;
    -webkit-animation: dropdown 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    -moz-animation: dropdown 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    animation: dropdown 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}

#company #map_tokyo,
#company #map_osaka{
	width: 100%;
	height: 300px;
}

.aos-init{
    padding-top: 30px;
}

@media only screen and (max-width: 767px){
	.abs04__1__1{
		margin-bottom: 22px;
		margin-left: -27px;
		margin-right: -27px;
	}
	.abs02__u li h4{
		padding-left: 0px;
	}
	.abs02__u li h4 span {
		letter-spacing: -1px;
	}
	.lk_pink span{
		padding-left: 18px;
    	padding-bottom: 4px;
    	letter-spacing: 0px;
	}
	#works .sec01 .block__content .lst_01 li .ttl{
		font-size: 16px;
		padding-bottom: 5px;
	}

    .ts03__txt {
    font-size: 14px;
    text-align: left;
}
/*トップページ 左部モデル肩書*/
	.ts01 .left .info .type {
    font-size: 7px;
    letter-spacing:2px;
}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait){
	.abs02__u li h4 span{
		font-size: 23px;
	}
	.lk_pink span{
		letter-spacing: -1px;
	}
}
@media only screen and (device-width: 768px) {
	.br_ipad{
		display: block !important;
	}
}



@media only screen and (min-width: 768px) {
	/*トップページ*/
	#wrap {
    padding-top: 57px;
    }

    .ts01 .left .info{
    	padding:20px 10px 20px 50px
    }

    /*トップページ モデル比率*/
    .ts01 .left{
    	width: 500px;
    }
    .ts01 .right{
    	width: -webkit-calc(100% - 500px);
    	width: calc(100% - 500px);
    }
    
    /*トップページ 左部モデル氏名*/
    .ts01 .left .info .jpname {
    	font-size: 28px;
    } 

    /*トップページ 左部モデル肩書*/
    .ts01 .left .info .type {
    	font-size: 15px;
    	letter-spacing:3px;
    	margin-bottom: 0px;
    }

    /*トップページ 美波様バナー*/
    .ts03__img .pc{
    	width: 70%;
    }

    /*スカイハイについてページ 美波様バナー*/
    .abs04__1__1 img{
    	display: block;
    	width: 80%;
    	margin: 0 auto;
    }

    /*フッター*/
    .fter__head>li:first-child{
width:17%;
}
.fter__head>li:nth-child(2){
width:31%;
}
.fter__head>li:nth-child(3){
width:35%;
}
.fter__head>li:nth-child(4){
width:17%;
}

    /*Gナビのバー*/
    .hder .bg-black {
        background-color: rgba(26,26,26,0.94);
        padding: 20px 0;
        color: #fff;
    } 

    /*トップページ モデル一覧ボタン*/
    .ts01 .btn_model {
        padding: 10px 20px;
    }
    

}

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

    /*モデル一覧 カテゴリーボタン*/
    .modelpage .menu_cat .list{
        width: 100%;
        overflow: hidden;
    }
    .modelpage .menu_cat .list li{
        float: left;
        width: 50%;
    }
    .modelpage .menu_cat .list li:nth-child(2n-1) a:before{
        position: absolute;
    content: '';
    width: 1px;
    height: 18px;
    background-color: #1a1a1a;
    left: 0;
    top: calc(50% - 9px);

    }
}

/*セカンドキャリア追記*/
.abs04__tbl {
    margin-bottom: 60px !important;
}
.secondcarrier {
    background-color: #fafafa;
    overflow: hidden;
    padding: 50px;
    margin-bottom: 120px;
    border-radius: 10px;
}
.secondcarrier .ttl{
    color: #ed1e79;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 4.5px;
    text-align: center;
    margin-bottom: 20px;
}
.secondcarrier li.txt {
    width: 70%;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 3px;
    padding-right: 30px;
    box-sizing: border-box;
    float: left;
}
.secondcarrier li.btn {
    width: 30%;
    float: left;
}

.secondcarrier li.txt {
    width: 100%;
}

@media only screen and (max-width: 767px){
.secondcarrier {
    margin: 0 -12px 50px;
    padding: 40px 15px;
}
.secondcarrier .ttl{
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.secondcarrier li.txt {
    width: 100%;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 25px;
    padding-right: 0;
    float: left;
    margin-bottom: 30px;
}
.secondcarrier li.btn {
    width: 100%;
    float: left;
}

.secondcarrier li.txt {
 margin-bottom: 0px;
}

}