/*Tablet*/

@media (min-width:768px) and (max-width:1200px) {
#subcontents{
    width: 100%;
    padding: 150px 20px 100px 20px;
    box-sizing: border-box;
}
.listflex{
	width: 100%;
}
#profileimg {
    width: 50%;
}
#profileright {
    width: 50%;
}
ul.profilemain li {
    flex-wrap: wrap;
}
ul.profilemain li .profilep {
    width: 100%;
}
 .profiledetail{
    width: 100%;
    padding: 20px 20px 100px 20px;
    box-sizing: border-box;
 } 
}

/*Android&iphone*/
@media screen and (max-width: 767px) {

#subcontents{
    width: 100%;
    padding: 150px 20px 100px 20px;
    box-sizing: border-box;
}
#profilebox{
    justify-content: center;
}

#subcontents .linkarrow{
    display: block;
}

#profileimg{
	width:100%;
}



#profileright{
	width:100%;
    padding: 0;
}

ul.profilemain li{
    flex-wrap: wrap;
    word-break: break-word;
    
}
ul.profilemain li .profilep {
    width: 100%;
}
 .profiledetail{
    width: 100%;
    padding: 20px 20px 100px 20px;
    box-sizing: border-box;
 }   
.profiledetail .year{
    height: auto;
	width:100%;
	}

.profiledetail  .detail{
	width:100%;

	}
.profilbar{
display: block;
}

/*マネージメント*/

.mgbt a {
    padding: 20px 8px 3px 3px;
    background: url(../img/mail.png) no-repeat center 10px;
    background-color: #000;
    display: block;
}

.mgbt a:hover {
    padding: 20px 8px 3px 3px;
    background: url(../img/mail.png) no-repeat center 10px;
    background-color: #000;
    display: block;
}

.listflex{
	width: 100%;
}

.listbt {
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.btcategory {
border-radius: 100px;
    color: #fff;
    background-color: #000;
    line-height: 80px;
    height: 80px;
    width: 80px;
    margin: 5px;
    font-size: 10px;
}

.listbox {
    width: 33%;
}
.listname {
    padding-top: 15px;
    font-size: 15px;
}
.listgenre {
    color: rgb(151, 151, 151);
    font-size: 10px;
}


/*会社概要 */

.companydetail{
}


.companydetail li{
	display: block;
	
	}

	
.companydetail .year{
	width:100%;
	}
.companydetail  .detail{
	width:100%;
	}


	/*サービス */

	.servicebox{
	 display: block;

	}

.serviceimg {
    width: 90%;
}
.servicedetail {
    width: 90%;
}


/*プロフィール下部 2023*/


.pthm01{
    width: 100%;
    display: block;
}


element.style {
}
.pthm01 > ul >li {
    display: flex;
    width: 100%;
}
.pthm01 > ul {
    width: 100%;
}

.pthm01 > ul >li > div.tmbimg {
    height: auto;
    width: 40%;
    max-height: 110px;;
    align-items: center;
    display: flex;
}

.blocklist{
    width: 100%;
    display: block;
    padding-left: 8px;

}

.pthmboxch{
    display: flex;
    width: 100%;
}

.pthmbtbox {
    width: 100%;
}

.h3box{
    justify-content: flex-start;
}

.h3box .dt19 {
    min-width: auto;
    font-size: 70%;
    padding: 0 2px;
    margin: 0 1px;
}



div.tmbimg {
    height: auto;
    width: 40%;
    max-height: 110px;;
    align-items: center;
    display: flex;
}


.listbox{
    width: 33%;
    padding: 5px 10px 5px;
}


.listname{
    letter-spacing: 0.1rem;
    font-size: 8px;
}





}