/* CSS Document */
@charset "utf-8";
/*:root{
    --main-color:#00233a;
    --white-color:#ffffff;
}*/

/*.link-box{
    border-radius: 99px;
    color: var(--white-color);
    background-color: var(--navy);
    font-size: 24px;
    width: 259px;
    height: 76px;
    display: flex;
  justify-content: center; 
  align-items: center; 
    
}*/
/*スマホ、PCの表示非表示設定*/
@media(min-width:751px){
    .sp{
        display: none !important;
    }
}
@media(max-width:750px){
    .pc{
        display: none !important;
    }
}

/*各ページ共通（上部）css*/
    .page-hero{

        background-image: url("../img/common/head-bg.webp");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 7.1%;
    }
    .page-hero-inner{
        max-width: 1300px;
        margin: auto;
        width: 96%;
        display: flex;
        justify-content: center;
    align-items: center;
    }
    .page-hero-image{
        width: 50%;
        display: flex;
            justify-content: center;
    align-items: center;
    }
    .page-hero-content{
        width: 50%;
        background-image: url("../img/common/page-hero-content-bg.webp?2");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        aspect-ratio:  651/605;
        display: flex;
            justify-content: center;
    align-items: center;
    }
    .page-hero-label{
        font-size: 50px;
        color: var(--navy);
        font-weight: bold;
        border-bottom: 2px var(--usui-navy) solid;
        padding: 40px 33px 18px 33px;
        margin: 0 0 19px 0;
        line-height: 1em;
    }
    .page-hero-label.ls05{
        letter-spacing:0.3em;
    }
    .page-hero-label span{
        color: var(--usui-navy);
        letter-spacing:0em;
        font-size: 46px;
        margin-left: 7%;
}
    .page-hero-title{
        color: var(--navy);
        font-size: 26px;
        font-weight: 200;
            padding: 0 2.4%;
    letter-spacing: 0.06em;
            text-align: justify;
    text-align-last: left;
        font-feature-settings: "palt";
    }
    .page-hero-text{
        color: var(--navy);
        font-size: 22px;
        padding: 0 3%;
        margin-top: 6%;
    }
    .page-hero-content-inner{
         width: 76%;
        margin: auto;
    }
.page-hero-catch{
    width: 96%;
    max-width: 1300px;
    margin: auto;
}
.page-hero-catch p{
    font-size: 50px;
    padding: 0;
    margin: -1% 0 0 11%;
    font-weight: bold;
    letter-spacing:0.18em;
    color: var(--white);
}
/*全ページ共通 リンクボタン*/
.link-box{
	transition: all 0.3s;
}
/*a:hover{opacity:0.7;}*/
.link-box:hover{
	color:var(--navy)!important;
	background-color:var(--white);
}

.link-box{
    /*幅、テキストサイズは随時別途指示。*/
	font-weight: bold;
	background-color:var(--navy);
	color:var(--white)!important;
	padding: 0.7em;
	border-radius: 99px;
	display: block;
	margin-bottom: 25px;
	text-decoration: none;
	text-align: center;
    letter-spacing:0.1em;/*文字間*/
}

@media screen and (min-width: 768px) and (max-width: 1299px) {
.page-hero-catch p {
    font-size: 40px!important;

    margin: 2% 0 0 2%;

}
.page-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
    margin: auto;
        justify-content: space-between;
}
    .link-box.fs24{
        font-size: 16px;
    }
    .page-nav-list img{
        width: 96%;
    }
.page-hero-title {
    font-size: 16px;

}
.page-hero-text {

    font-size: 12px;

}
.page-hero-label {
    font-size: 30px;

}
.page-hero-label span {

    font-size: 26px;
}
.page-hero-inner {
    max-width: 1300px;
    margin: auto;
     width: 100%; 
    display: flex;
            justify-content: space-around;
    align-items: center;
}
.page-hero-image {
    width: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .page-hero-label {

    padding: 12px 33px 18px 33px;
    margin: 0 0 19px 0;
    line-height: 1em;
}
    
.page-hero-content {
    width: 48%;
    background-image: url(../img/common/page-hero-content-bg.webp?2);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 651 / 605;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-hero-content-inner {
    width: 76%;
    margin: 0 10% 0 5%;
}

}
@media(max-width:767px){
    

    
    .page-hero{
        padding-top: 20px;
        padding-bottom: 0!important;
       /* background-image: none;*/
        background-size: 252%;
        background-position: 50% 5%;
    }
    .page-hero-inner{
        display: block;
    }
    .page-hero-image{
        display: block;
            margin: auto;
    width: 80%;
    }
    .page-hero-image img{
            width: 95%;
    margin: auto;
    display: block;
    }
    .page-hero-catch p{
        font-size: 20px;
        margin: 0;
        padding: 7% 0;
		white-space: nowrap;
    }
    .page-hero-content{
                display: block;
        margin: auto;
        width: 96%;
    }
    .page-hero-title{
        font-size: 15px;
        line-height: 1.5em;
    }
    .page-hero-text{
        font-size: 15px;
        line-height: 1.5em;
    }
    .page-hero-label{
        font-size: 27px;
        border-bottom: 1px var(--usui-navy) solid;
    }
    .page-hero-label{
        padding: 18.5% 7% 3% 7%;
        margin-bottom: 3%;
    }
    .page-hero-label span{
        font-size: 24px;
    }
}