@charset "UTF-8";

/*************** header *******************/

.header__top img {
    max-width: 220px;
}
header{
    background: url(../images/astate/fv__bg_sp.webp)no-repeat;
    background-size: cover;
    padding: 0;
}

header .Inner__wrap{
    row-gap: .5em;
}

header .top__text img{
    display: block;
    width: 100%;
    max-width: 100%;
    margin: auto;
}
header .top__text {
background: #0067DE;
padding: .5em;
text-align: center;
width: 100vw;
color:#fff;
font-weight: bold;
line-height: 1.4;
font-size: 20px;
}

header .arrow{
    width: 58px;
    margin: 0 auto 0;
    position: relative;
    z-index: 2;
    text-align: center;
}

picture.mb{
    display: block;
    margin-bottom: .5em;
}

header a{
    display: inline-block;
    margin-top: 0;
}

.fv__Inner{
    padding: 4vh var(--row-space);
    row-gap: 0;
}

h2, section h2, h2:not(.st-css-no2){
    font-size: 24px;
    font-weight: bold !important;
    font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
section#light--blue .Inner__wrap h2{
    font-size: 20px;
}

h3{
        font-weight: bold !important;
    font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/**********************************/

.jpx__wrap{
    font-size: 12px;
}

section#line--app .Inner__wrap .Text__wrap, section#line--app .Inner__wrap picture{
    width: 100%;
    max-width: 100%;
}

section#line--app .Inner__wrap{
    flex-direction: column;
}

section#line--app .Inner__wrap picture{
    text-align: center;
}

section#line--app p{
    font-size: 1.0rem;
}

section#line--app .Inner__wrap .Text__wrap{
    margin-top: 1em;
}

section#line--app p{
    margin-bottom: 0;
}

section#line--app .Inner__wrap{
    flex-direction: column-reverse;
}

p.line-title{
    max-width: 80%;
    margin: 0 auto .5em;
}

section#line--app h2{
    text-align: center;
}

section#line--app .Inner__wrap .Text__wrap{
    margin: 0 auto 1em;
}

section#line--app {
    background: url(../images/astate/sec__01__bg_sp.webp) no-repeat;
    background-size: cover;
}

section#merit h2 span.big{
    font-size: 42px;
}

section#merit h2{
    line-height: 1.0;
}

section#merit h2 {
    font-size: 30px;
}

section#merit h2 span.small{
    font-size: 28px;
}

section#merit .Text--wrap h2{
    margin-top: 0;
}

#merit .flex__wrap:nth-of-type(odd), #merit .flex__wrap{
    flex-direction: column-reverse;
}

#merit .flex__wrap{
    border-bottom: none;
    padding-bottom: 0;
}

#achivement h2 span.big, #reason h2 span.blue{
    font-size: 30px;
    font-weight: bold;
}

section#reason .Inner__wrap .flex__wrap .Text--wrap, section#reason .Inner__wrap .flex__wrap picture{
    width: 100%;
}

section#reason .Inner__wrap .flex__wrap{
    flex-direction: column-reverse;
    row-gap: 0;
}

#reason .title__wrap{
    align-items: flex-start;
    margin-bottom: 1em;
}

#reason p:last-of-type{
    margin-bottom: 0;
}

.title__wrap h3{
    margin-bottom: 0;
    font-size: 25px;
}

.number__icon {
    background: #d34100;
    color: #fff;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
}

ul.gray li, ul.yellow li{
    align-items: flex-start;
    line-height: 1.4;
    font-size: 1.1rem;
}

p.big{
    line-height: 1.5;
}

section#worries{
    padding-top: var(--col-space);    
}

.Image__top{
    margin-top: 0;
    flex-direction: column-reverse;
}
section#anther{
    background: url(../images/astate/point__bg_sp.jpg) no-repeat;
    background-size: cover;
    padding-top: var(--col-space);
}

section#anther::after{
    display: none;
}

ul.yellow li{
    width: 100%;
}

ul.yellow li::before{
    padding-top: .3em;
}

section#anther .Inner__wrap p{
    font-size: 1.0rem;
}

section#anther p.big{
    font-size: 22px;    
}

ul.yellow li{
    font-size:21px;
    text-align: left;
}

.accordion-header{
    padding-left: 10px;
    font-size: 1.25rem;
}

.accordion-header::before, .accordion-header::after{
    width:16px;
}

.accordion-header span::before, .accordion-content span::before{
    font-size: 24px;
    }

    .accordion-header::before, .accordion-header::after{
        right: 10px;
    }

.accordion-header span, .accordion-content span{
    align-items: flex-start;
}

section#line-frends .Inner__wrap h2{
    font-size: 24px;
}
.comm_cv_text:after{
    bottom: -10px;
}

a.frends{
    padding: 1em .5em;
    font-size: 25px;
}

a.frends i{
    font-size: 32px;
}

.staff__image {
    background: none;
    width: 100vw;
    height: 25vh;
    min-height: clamp(250px, 280px, 450px);
}

.staff__image.loaded {
    background: url(../images/astate/staff__image.jpg) no-repeat center top;
    background-size: cover;
}

section#line-frends p{
    font-size: 12px;
}

#company th, #company td{
    display: block;
    width: 100%;
}

#company th{
    border:none;
    text-align: left;
    padding:.5em 0 0;
}

#company td{
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
}

#footer .footer_links img{
    max-width: 150px;
}