/*
Theme Name: ひので
Description: ひので Template
Author: 管理人
*/



body{
    
}
.in{
    width: 90%;
}
.pc{
    display: none;
}
.back_y{
    padding: 7vw 8vw;
}

/*-------------------*/
/*ヘッダー*/
/*-------------------*/
.hed_box{
    padding: 100px;
    padding: 8vw;
}
.hed_box:has(.home_mv){
    padding: 8vw 8vw 14vw;
}
header .home_logo{
    width: 25%;
    padding: 7% 6% 5% 3%;
}
/*ナビ*/
header .navbotn{
    top: 12px;
}
#gnavi{
    -webkit-flex-direction: column;
    flex-direction: column;
    
}
.navlogo{
    max-width:200px;
    width: 50%;
}

#gnavi .menu{
    font-size: 17px;
    line-height: 1.5em;
}
/*-------------------
/*ホーム*/
/*-------------------*/
.home_hedimg .mvimg {
    height: calc(100vh - 22vw);
   /* max-height: 84vh;*/
}
.home_mvside{
    width: 8vw;
    font-size: 2.2vw;
}
.hedboxenbox{
    position: absolute;
    font-size: 82px;
    font-size: 10.7vw;
    line-height: 1;
    top: 30vw;
    left: 3vw;
}
.home_mvcatch{
    font-size: 9vw;
    right: 2.7vw;
    padding-top: 23vw;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.home_mvtextbox{
    left: 8vw;
    bottom: 12vw;
    line-height: 2;
    font-size: 24px;
    font-size: 3.13vw;
    font-weight: 600;
}
/*-------------------
/*フッター*/
/*-------------------*/
footer{
    padding: 13vw 0 5vw;
}
footer .foot_h {
    font-size: 62px;
    font-size: 8vw;
}
footer .foot_h p {
    font-size: 0.33em;
}
.foot_contactml{
    font-size: 5vw;
    width: 2.5em;
}
.foot_contactmr .gom{
    font-size: 6.75vw;
}
.foot_content{
    margin-top: 13vw;
}
#footer .menu {
    font-size: 2.5vw;
}
.foot_logo{
    margin: 14vw auto 0;
    width: 60%;
}
.footcl{
    margin-top: 2em;
    text-align: center;
}
/*-------------------
/*ホーム*/
/*-------------------*/

/*ホーム見出し*/

.home_taitl{
    font-size: 102px;
    font-size: 14.5vw;
}
.home_taitl span{
    font-size:  1rem
}

/*ホームお知らせ*/



/*ホーム私たちについて*/
.cross_content::after{
    height: 43vw;
    top: 5vw;
}
.home01_taitlja {
    margin-top: -2.5em;
}
.home_01 h2{
    font-size: calc(2.25rem + ((1vw - 3.75px) * 2.799));
}
.home01_imgs{
    padding: 10vw 0 8vw;
}
.home01_imgs ,
.home01_imgs ul{
    display: -webkit-flex;
    display: flex;
}
.home01_imgs ul li {
    width: 23vw;
    margin-left: 2nw;
    animation: infinity-scroll-left 30s infinite linear 0.5s both;
}
/*ホーム事業紹介*/
.home02_hedbox .min{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 38px;
    font-size: calc(1.5rem + ((1vw - 3.75px) * 3.5623));
    line-height: 1.2;
    position: absolute;
    right: 9vw;
    height: 9em;
}
.home02_text {
    font-size: 3.3vw;
    width: 71vw;
    margin-bottom: 7vw;
}
.home02_buttons ul{
    -webkit-flex-direction: column;
    flex-direction: column;
}
.home02_buttontext .gom span{
    font-size: 12px;
}
.home02_buttontext .gom p {
    font-size: 29px;
}
.home02_buth {
    margin-top: 0.5em;
    font-size: 32px;
    font-size: calc(1.625rem + ((1vw - 3.75px) * 1.5267));
}
.home02_buttons .link_button{
    font-size: calc(0.75rem + ((1vw - 3.75px) * 0.7634));
    margin-top: 3em;
}

/*ホーム施工実績*/
.home_works ul{
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    font-size: 2vw;
}
.home_works ul li:nth-child(1) {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
}

.home_works ul li:nth-child(2) {
    grid-column-start: 3;
}

.home_works ul li:nth-child(3) {
    grid-column-start: 3;
    grid-row-start: 2;
}

.home_works ul li:nth-child(4) {
    grid-row-start: 3;
}

.home_works ul li:nth-child(5) {
    grid-row-start: 3;
}

.home_works ul li:nth-child(6) {
    grid-row-start: 3;
}

.home_works ul li:nth-child(7) {
    grid-column: span 2 / span 2;
    grid-row-start: 4;
}

.home_works ul li:nth-child(8) {
    grid-column-start: 3;
}

.home_works ul li:nth-child(9) {
    grid-row-start: 5;
}

.home_works ul li:nth-child(10) {
    grid-row-start: 5;
}

.home_works ul li:nth-child(11) {
    grid-row-start: 5;
}
.home_works ul li:nth-child(11) ~ li{
    display: none;
}
.home_works ul li:nth-child(7) .home_worksimg > div{
    padding-top: calc(50% - 5px);
}
.home_03 .link_button{
    text-align: center;
}
/*-------------------------------
/*下層ページ
 * -----------------------------*/
.hed_box:has(.content_hed){
    padding: 5vw;
}
.hed_titleen {
    font-size: 11vw;
}
/*施工実績---------------------*/

.worklist ul{
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    grid-gap: 30px 20px;
}
@container (500px <= width) {
    .worklist ul li a{
        display: -webkit-flex;
        display: flex;
        gap: 1em;
    }
    .worklist_img{
        width: 29%;
    }
    .worklist_img > div{
        padding-top: 60%;
    }
    .worklist_textbox{
        width: calc(100% - 29% - 1em);
        padding-left: 0;
    }

}

/*--------------------
* 固定ページ
* --------------------*/
/*私たちについて---------------------*/

.bout01_h{
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    line-height: 1.5;
    padding-left: 2vw;
    font-size: 6.5vw;
}
.content_hed:has(.content_hedimg) :is(.hed_titleen){
    bottom: 3.4vw;
}
.bout01_hen{
    padding-left: 4vw;
    font-size: 4vw;
    line-height: 1.5;
    margin-bottom: 0.5em;
}
.about_h {
    font-size: 9vw;
    margin-bottom: 0.8em;
}
.about_h span {
    font-size: 2.8vw;
}
.cross_contentbox {
    padding-left: 4vw;
    padding-top: 4vw;
}
.about_02 dl:not(:nth-child(1)){
    margin-top: 1em;
}
.about_02 dt{
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.5em;
}
.about_02 dd{
    padding-left: 1em;
}
.about03_h{
    padding: 5vw 5vw 0;
}
.about_03{
    padding-bottom: 10vw;
}
/*事業紹介*/
.service_list ul{
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
}


/*お問い合わせ---------------------*/

.contact_table :is(table,tbody,tr,th,td){
    display: block;
}
.contact_table tr + tr{
    margin-top: 1em;
}
.contact_table td span{
    display: block;
    margin: 5px;
}