@font-face{
    font-family:'NotoSansCJKjp';
    src:url("../font/NotoSansCJKjp-Thin.otf") format("opentype");
    font-weight:100;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("fonts/NotoSansCJKjp-DemiLight.otf") format("opentype");
    font-weight:200;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("fonts/NotoSansCJKjp-Light.otf") format("opentype");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("../font/NotoSansCJKjp-Regular.otf") format("opentype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("../font/NotoSansCJKjp-Medium.otf") format("opentype");
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("../font/NotoSansCJKjp-Bold.otf") format("opentype");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'NotoSansCJKjp';
    src:url("../font/NotoSansCJKjp-Black.otf") format("opentype");
    font-weight:900;
    font-style:normal
}
@font-face{
    font-family:'NotoSansMonoCJKjp';
    src:url("../font/NotoSansMonoCJKjp-Bold.otf") format("opentype");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'NotoSansMonoCJKjp';
    src:url("fonts/NotoSansMonoCJKjp-Regular.otf") format("opentype");
    font-weight:500;
    font-style:normal
}

.hero {
	position: relative;
	overflow: hidden;
    margin-bottom: 50px;
}
@media screen and (max-width: 970px) {
	.hero {
		height: 56vw
	}
}
.hero #bgvid {
    width: 100%;
}
.hero .hero__catch {
    position: absolute;
    top: 1.25vw;
    right: 1vw;
    width: 30vw;
}

.amwood{
    background-color:#FFFFFF
}
.amwood .lowerHero{
    background-image:url(../images/amwood/kv_amwood.jpg)
}
@media screen and (max-width: 970px){
    .amwood .lowerHero{
        background-image:url(../images/amwood/sp_kv_amwood.jpg)
    }
}
.amwood .lowerHero__catch{
    font-size:2.4rem
}
@media screen and (max-width: 970px){
    .amwood .lowerHero__catch{
        font-size:1.5rem
    }
}
.amwood .breadcrumb{
    position:relative
}
.amwood .breadcrumb:before{
    content:'SERVICE';
    font-size:23rem;
    font-family:roboto;
    position:absolute;
    top:-27px;
    left:0;
    line-height:1;
    color:#f7faf7;
    z-index:0
}
@media screen and (max-width: 970px){
    .amwood .breadcrumb:before{
        font-size:25vw;
        top:-2.5vw
    }
}
.amwood .service{
    padding:0 0 120px 0;
    position:relative
}
@media screen and (max-width: 970px){
    .amwood .service{
        padding:0 0 60px 0
    }
}
@media screen and (max-width: 970px){
    .amwood .service .serviceBlock{
        padding:0
    }
}
.amwood .service .serviceText{
    text-align:left;
    padding:0 235px;
    line-height:2;
    font-size:1.8rem
}
@media screen and (max-width: 970px){
    .amwood .service .serviceText{
        padding:30px 20px;
        line-height:2;
        font-size:1.4rem
    }
}
.amwood .service .serviceText2{
    width:600px;
    margin:27px auto;
    padding:15px 42px;
    line-height:2;
    background-color:#f7faf7
}
@media screen and (max-width: 970px){
    .amwood .service .serviceText2{
        width:100%;
        margin:0 auto;
        padding:20px
    }
}
.amwood .service .servicePhoto{
    width:745px;
    margin:42px auto 0
}
@media screen and (max-width: 970px){
    .amwood .service .servicePhoto{
        margin:0 auto;
        width:100%
    }
}
.amwood .point1{
    background-color:#f7faf7;
    position:relative;
    padding:95px 0 80px
}
.amwood .point1:before{
    content:'POINT1';
    font-size:23rem;
    font-family:roboto;
    position:absolute;
    top:-27px;
    right:0;
    line-height:1;
    color:#FFFFFF;
    z-index:0
}
@media screen and (max-width: 970px){
    .amwood .point1:before{
        font-size:29vw;
        top:67vw
    }
}
.amwood .point1:after{
    content:'';
    position:absolute;
    right:0;
    top:124px;
    background-image:url(../images/amwood/point1_1.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    width:50vw;
    z-index:1;
    height:31vw;
    max-height:500px
}
@media screen and (max-width: 970px){
    .amwood .point1:after{
        background-image:url(../images/amwood/sp_point1_1.jpg);
        top:0;
        left:0;
        right:auto;
        width:100%;
        z-index:1;
        height:71vw
    }
}
@media screen and (max-width: 970px){
    .amwood .point1{
        padding:69vw 0 50px 0
    }
}
.amwood .point1 h2{
    position:absolute;
    z-index:2
}
.amwood .point1 h2:before{
    content:'';
    position:absolute;
    background-image:url(../images/common/bgimg_left.png);
    background-repeat:no-repeat;
    bottom:-57px;
    left:-73px;
    width:150px;
    z-index:0;
    height:150px
}
@media screen and (max-width: 970px){
    .amwood .point1 h2:before{
        display:none
    }
}
.amwood .point1 .point1__content{
    text-align:left;
    padding:20px 43px;
    margin:0 0 0 90px;
    width:450px;
    line-height:2;
    position:relative
}
@media screen and (max-width: 970px){
    .amwood .point1 .point1__content{
        background-color:rgba(0,0,0,0);
        text-align:left;
        padding:46px 0 0;
        margin:0;
        line-height:2;
        font-size:1.6rem;
        width:100%
    }
}
.amwood .point1 .point1__head{
    font-size:1.8rem;
    font-weight:bold
}
@media screen and (max-width: 970px){
    .amwood .point1 .point1__head{
        font-size:1.6rem
    }
}
.amwood .point1 .point1__txt{
    margin:0 0 30px 0
}
@media screen and (max-width: 1299px){
    .amwood .point1 .point1__txt{
        width:32vw;
        max-width:364px
    }
}
@media screen and (max-width: 970px){
    .amwood .point1 .point1__txt{
        font-size:1.4rem;
        margin:4px 0 20px 0;
        width:100%;
        max-width:100%
    }
}
.amwood .point1 .point1__img{
    width:34vw;
    margin:75px auto 20px 21vw;
    position:relative;
    z-index:2
}
@media screen and (max-width: 970px){
    .amwood .point1 .point1__img{
        width:100%;
        margin:40px auto 0
    }
}
.amwood .point2{
    position:relative;
    padding:107px 0 60px
}
.amwood .point2:before{
    content:'POINT2';
    font-size:23rem;
    font-family:roboto;
    position:absolute;
    top:-27px;
    left:0;
    line-height:1;
    color:#f7faf7;
    z-index:0
}
@media screen and (max-width: 970px){
    .amwood .point2:before{
        font-size:29vw;
        top:auto;
        bottom:-4.5vw
    }
}
@media screen and (max-width: 970px){
    .amwood .point2{
        padding:45px 0 45px
    }
}
.amwood .point2 h2{
    position:absolute
}
@media screen and (max-width: 970px){
    .amwood .point2 h2{
        top:-30px
    }
}
.amwood .point2 h2:before{
    content:'';
    position:absolute;
    background-image:url(../images/common/bgimg_right.png);
    background-repeat:no-repeat;
    top:-52px;
    right:-87px;
    width:150px;
    z-index:0;
    height:150px
}
@media screen and (max-width: 970px){
    .amwood .point2 h2:before{
        display:none
    }
}
.amwood .point2 .point2__content{
    padding:25px 50px;
    background-color:#fef8f8;
    margin:25px 0 0 0
}
@media screen and (max-width: 970px){
    .amwood .point2 .point2__content{
        padding:25px 50px 25px 81px
    }
}
.amwood .point2 .point2__inner{
    width:470px;
    position:relative
}
@media screen and (max-width: 970px){
    .amwood .point2 .point2__inner{
        width:calc(100% - 85px);
        margin:10px auto 0 0
    }
}
.amwood .point2 .point2__text{
    line-height:2
}
@media screen and (max-width: 970px){
    .amwood .point2 .point2__text{
        width:calc(100% - 93px);
        margin:0 auto 0 5px
    }
}
.amwood .point2 .point2__list{
    padding:20px 101px
}
@media screen and (max-width: 970px){
    .amwood .point2 .point2__list{
        display:block;
        padding:20px 10px 10px
    }
}
.amwood .point2 .point2__item{
    margin:0 0 12px 0;
    display:flex
}
.amwood .point2 .point2__label{
    width:70px;
    text-align:right;
    padding:0 15px 0 0;
    position:relative
}
.amwood .point2 .point2__label:before{
    position:absolute;
    content:'●';
    left:-10px
}
.amwood .point2 .point2__in{
    flex:1
}
.amwood .point2 .point__event{
    width:650px;
    margin:55px auto;
    position:relative
}
@media screen and (max-width: 970px){
    .amwood .point2 .point__event{
        width:100%;
        padding:20px;
        margin:0 auto
    }
}
.amwood .point2 .point__event a:hover img{
    opacity:0.7
}
.amwood .pointPhoto{
    display:flex
}
@media screen and (max-width: 970px){
    .amwood .pointPhoto{
        display:block
    }
}
.amwood .pointPhoto img{
    width:calc(100% / 3)
}
@media screen and (max-width: 970px){
    .amwood .pointPhoto img{
        width:100%
    }
}
.amwood .pointCompany{
    background-color:#f7faf7;
    padding:130px 0 54px
}
@media screen and (max-width: 970px){
    .amwood .pointCompany{
        padding:70px 20px 15px
    }
}
.amwood .pointCompany .pointCompany__block{
    display:flex;
    flex-direction:column;
    padding:92px 0
}
@media screen and (max-width: 970px){
    .amwood .pointCompany .pointCompany__block{
        padding:40px 0 0
    }
}
.amwood .pointCompany .company__list{
    padding:48px 160px
}
@media screen and (max-width: 970px){
    .amwood .pointCompany .company__list{
        padding:20px 30px
    }
}
.amwood .pointCompany .company__item{
    display:flex;
    height:56px;
    border-bottom:1px solid #dcdcdc
}
@media screen and (max-width: 970px){
    .amwood .pointCompany .company__item{
        height:auto;
        display:block
    }
}
.amwood .pointCompany .company__label{
    width:190px;
    line-height:56px;
    font-weight:bold
}
@media screen and (max-width: 970px){
    .amwood .pointCompany .company__label{
        width:100%;
        line-height:1.5;
        padding:21px 0 10px
    }
}
.amwood .pointCompany .company__text{
    flex:1;
    line-height:56px
}
@media screen and (max-width: 970px){
    .amwood .pointCompany .company__text{
        width:100%;
        line-height:1.5;
        padding:0px 0 23px
    }
}
.amwood .pointCompany .company__map{
    margin:0 auto
}
@media screen and (max-width: 970px){
    .amwood .pointCompany .company__map{
        padding:30px
    }
}
.amwood .pointCompany .company__mapInner{
    height:0;
    overflow:hidden;
    padding-bottom:75%;
    position:relative;
    width:500px
}
@media screen and (max-width: 970px){
    .amwood .pointCompany .company__mapInner{
        width:300px
    }
}
.amwood .pointCompany .company__mapInner iframe{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%
}
.amwood .next{
    background-color:#f7faf7;
    display:flex;
    justify-content:center;
    padding:33px 0 100px
}
.amwood .next .next__btn{
    display:flex;
    align-items:center
}
.amwood .next .next__more{
    margin-left:20px
}