@charset "UTF-8";

body{background: url(../images/main_bg2.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
body.open{padding-right:var(--s-width);}
body.open #headerArea{padding-right: 0;}
body.open #mainContents{padding-right: 0;}
body.open #navBox{margin-right: calc(var(--s-width) / 2);}
body.open #headerArea #headerAreaTxt{right:0;}
#wrap{
    width: 700px;
    position:relative;
}
    body #requestButtonBox #requestButtonInner {
        max-width: 460px;
        margin: auto;
    }
body #requestButtonBox {
        max-width: 700px;
        padding: 1.5em 0 1em;
    }
h3{font-size:2.4rem;}
p{line-height: 1.5em;}
#navBox{right: calc(50% - 350px);margin: auto;}
#navBox .navAreaInner .listBox.contact .listItem.contents{padding:1rem 0;}

#mainContents{margin-top:0;}
#mainContents .fv{
    padding: 22rem 0 2rem;
}
#mainContents .fv .heading{
    font-size: 3.6rem;
    width: 80%;
}
#mainContents .fv .heading span{
    font-size: 2.8rem;
}
#Introduction{}
#Introduction .titleBox{
    margin-top: 3rem;
}
#Introduction .titleBox .subTitle{
        width: 70%;
}
#Introduction .start .text .fbLogo{width:6%;}
#Introduction .start .text .aidLogo{width:20%}
#Introduction .titleBox .title{
    font-size: 2.8rem;
}
#Introduction .titleBox .title span{
    font-size: 3.3rem;
}
#Introduction>.text{
    font-size: 1.8rem;
    margin: 1rem;
}
#Introduction .confirmBox{margin: 0 0 4rem;}
#Introduction .confirmBox p{font-size:1.6rem;margin-bottom: 0.5rem;}
#Introduction .confirmBox a{font-size:1.9rem;}

#Introduction .sectionInner{
    width: 80%;
}
#Introduction .start{width:80%;}
#trouble .balloon{margin-top:3rem;/* width: 90%; */margin-left: auto;margin-right: auto;}
#trouble .balloon .balloonItem{line-height: 2.6rem;}
#trouble .balloon .left{background-size:contain;padding: 0.8rem 3rem 4rem 1.1rem;}
#trouble .balloon .left02{background-size:contain;padding: 1.1rem 3.3rem 4rem 1.6rem;}
#trouble .balloon .right{background-size:contain;/* width: 45%; */display: flex;padding: 1.4rem 4.6rem 4rem 1.5rem;justify-content: right;}
#trouble::after{border-width: 60px 350px 0 350px;}
#trouble .titleImg {
    position: absolute;
    top: 2%;
    left: 14%;
}


#reason table tr td{font-size:1.6rem;line-height: 1.3em;align-content: center;}
#reason table tr .pic{font-size:1.8rem;}
#reason table tr .heiding .textS{font-size:1.5rem}
#reason table tr .pic .textS{font-size:1.5rem}

#strong>.heading{font-size: 3.1rem;}
#strong .sectionInner{width:80%;}
#education .title{margin: 4rem 0 1rem;margin-bottom: 0;}
#education .title .textS{line-height: 1.4em;}
#education .list .listItem .icon{
    width: 50%;
    margin-bottom: 1rem;
}
#education .logo{
    width: 24%;
}
#education .fbLogo{width: 9%;}
#education .subTitle{
    font-size: 2rem;
}
section section{margin-bottom:4rem;}

#flow .list .listItem .heading{font-size:1.8rem;margin-bottom: 0;display: flex;align-items: baseline;}
#flow .way .listItem .heading{display:block;}
#flow .list .listItem .text{font-size:1.6rem;}
#flow .list .listItem .textBlue{font-size:1.8rem;display: flex;align-items: center;}
#flow .graduation p span{font-size:1.9rem;}

#results .experience .title{
    margin-bottom: 1rem;
}

#support .text{font-size:1.6rem;}
#support .textS{font-size:1.5rem;}
#support .chara{
    width: 36%;
    bottom: -4%;
}
#support{padding-bottom:0;}

#form{padding:4rem 0;}
form .formContents div{margin-top: 1.1rem;}