@charset "utf-8";

/*-----------------------------------------------
	common
-----------------------------------------------*/
.mainTitBox.lazyloaded{ background:url(../img/title/bgReform_1.jpg?211022) top center / cover no-repeat;}
@media only screen and (max-width:767px){
    .mainTitBox.lazyloaded{ background:url(../img/title/bgReform_1Sp.jpg?210927) top center / cover no-repeat;}
}
.yu-min{
	font-family :
	"YuMincho",    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}
/*-----------------------------------------------
toptxt
-----------------------------------------------*/
.toptxt{text-align: center;margin-top: 70px;margin-bottom: 164px;}
.toptxt .iconbox{
    width: 104px;
    margin: 0 auto;
    margin-bottom: 32px;
}
.toptxt .txt{
    font-size:20px;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 15px;
}
.toptxt .txt span{
    background-color: #f5e149;
}
@media only screen and (max-width:767px){
    .toptxt{
        text-align: center;
        margin-top: 25px;
        margin-bottom: 100px;
        }
        .toptxt .iconbox{
            width: 100%;
            margin: 0 auto;
            max-width: 45px;
            margin-bottom: 14px;
        }
        .toptxt .txt{
            font-size:14px;
            line-height: 1.88;
            font-weight: bold;
            margin-bottom: 3px;
        }
        .toptxt .txt span{
            background-color: #f5e149;
        }
}
/*-----------------------------------------------
nextbox
-----------------------------------------------*/
.nextbox .firstTxt {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.222;
    letter-spacing: 0.9px;
    margin-top: 31px;
}
@media only screen and (max-width:767px){
    .nextbox .firstTxt {
        font-size: 13px;
        line-height: 1.9;
        letter-spacing: 0;
        margin-top: 14px;
    }
}



























/*-----------------------------------------------
スライダー
-----------------------------------------------*/

/* #secSliderTop */
/* スライダーの大枠に関わる部分 */
#secSliderTop {
    position: relative;
    margin-top: 40px;
}
#secSliderTop .swiper-container {
    overflow: visible;
    width: 720px;
}
#secSliderTop .swiper-button-next {
    right: 2.604%;
    left: auto;
}
#secSliderTop .swiper-button-prev {
    right: auto;
    left: 2.604%;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
#secSliderTop .swiper-button-next,
#secSliderTop .swiper-button-prev {
    background: #fff url(../img/common/icoSliderArrow.png) center / 12px 20px no-repeat;
    width: 60px;
    height: 60px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);      
}
#secSliderTop .swiper-button-next::after,
#secSliderTop .swiper-button-prev::after {
    display: none;
}
/* 中身に関わる部分 */
.secSliderTop .swiper-slide .boxImg {
    position: relative;
    width: 720px;
    height: 0;
    padding-top: 38.888%;
    display: block;
}
@media only screen and (max-width:767px){
    /* スライダーの大枠に関わる部分 */
    #secSliderTop {
        position: relative;
        margin-top: 40px;
    }
    #secSliderTop .swiper-container,
    #secSliderTop .swiper-slide {
        width: 305px;
        height: 119px;
    }
    #secSliderTop .swiper-button-next,
    #secSliderTop .swiper-button-prev {
        background: #fff url(../img/common/icoSliderArrow.png) center / 6px 10px no-repeat;
        width: 31px;
        height: 31px;
    }
    #secSliderTop .swiper-button-next {
        right: 3.733%;
        left: auto;
    }
    #secSliderTop .swiper-button-prev {
        right: auto;
        left: 3.733%;
    }
    /* 中身に関わる部分 */
    .secSliderTop .swiper-slide .boxImg {
        width: 100%;
    }
}

/*-----------------------------------------------
slide2
-----------------------------------------------*/
/* .secWorksSlider2 */
/* スライダーの大枠に関わる部分 */
.secWorksSlider2 {
    position: relative;
    margin-top: 39px;
}
.secWorksSlider2 .swiper-container {
    overflow: visible;
    width: 660px;
}
.secWorksSlider2 .swiper-button-next {
    right: 2.604%;
    left: auto;
}
.secWorksSlider2 .swiper-button-prev {
    right: auto;
    left: 2.604%;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.secWorksSlider2 .swiper-button-next,
.secWorksSlider2 .swiper-button-prev {
    background: #fff url(../img/common/icoSliderArrow.png) center / 12px 20px no-repeat;
    width: 60px;
    height: 60px;
    top: -140px;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}
.secWorksSlider2 .swiper-button-next::after,
.secWorksSlider2 .swiper-button-prev::after {
    display: none;
}
/* 中身に関わる部分 */
.secWorksSlider2 .swiper-slide{
    display: flex;
    height: auto;
}
.secWorksSlider2 .swiper-slide .boxItem {
    position: relative;
    width: 660px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    color: #000;
    background: #fff;
}
.secWorksSlider2 .swiper-slide .boxItem::after{
    content: "";
    background: url(../img/common/iconArrowCircle.gif) center / contain no-repeat;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #000;
    overflow: hidden;
    position: absolute;
    bottom: 6px;
    right: 0;
}
.secWorksSlider2 .swiper-slide .boxImg {
    -webkit-order: 1;
    order: 1;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 63.6%;
}
.secWorksSlider2 .swiper-slide .boxImg .tagNew{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    padding: 7px 11px;
    background: #b09b11;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.secWorksSlider2 .swiper-slide .boxTxt{
    -webkit-order: 2;
    order: 2;
    position: relative;
    width: 100%;
    padding: 26px 0px 8px;
}
.secWorksSlider2 .swiper-slide .boxTxt .itemTit{
    font-size: 23px;
    font-weight: 700;
    line-height: 1.555;
    letter-spacing: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /*表示マックスの行*/
    overflow: hidden;
    max-height: 56px;/*任意の値*/
}
.secWorksSlider2 .swiper-slide .boxTxt .txtName{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2.5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top: 21px;
}
.secWorksSlider2 .swiper-slide .boxTxt .txtTag{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #757575;
    height: 14px;
    overflow: hidden;
    margin-top: 25px;
    padding-right: 20px;
}
.secWorksSlider2 .swiper-slide .boxTxt .txtTag .tag{
    display: inline-block;
}
.secWorksSlider2 .swiper-slide .boxTxt .txtTag .tag + .tag{
    margin-left: 1em;
}

@media only screen and (max-width:767px){
    /* スライダーの大枠に関わる部分 */
    .secWorksSlider2 {
        position: relative;
        margin-top: 12px;
    }
    .secWorksSlider2 .swiper-container {
        width: 295px;
    }
    .secWorksSlider2 .swiper-button-next,
    .secWorksSlider2 .swiper-button-prev {
    width: 31px;
    height: 31px;
    background: #fff url(../img/common/icoSliderArrow.png) center / 6px 10px no-repeat;
    top: -109px;
    }
    .secWorksSlider2 .swiper-wrapper {
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .secWorksSlider2 .swiper-slide {
        width: 100%;
    }
    .secWorksSlider2 .swiper-slide:nth-child(n+3) {
        margin-top: 11px;
    }

    /* 中身に関わる部分 */
    .secWorksSlider2 .swiper-slide .boxItem {
        width: 100%;
    }
    .secWorksSlider2 .swiper-slide .boxItem::after{
        bottom: 4px;
        right: 0;
        width: 22px;
        height: 22px;
    }
    .secWorksSlider2 .swiper-slide .boxImg .tagNew{
        padding: 6px 8px;
    }
    .secWorksSlider2 .swiper-slide .boxTxt{
        padding: 20px 0px 20px;
    }
    .secWorksSlider2 .swiper-slide .boxTxt .itemTit{
        font-size: 16px;
        line-height: 1.43;
        letter-spacing: 0.3px;
        -webkit-line-clamp: 3; /*表示マックスの行*/
        max-height: 63px;/*任意の値*/
    }
    .secWorksSlider2 .swiper-slide .boxTxt .txtName{
        font-size: 12px;
        letter-spacing: 0.6px;
        margin-top: 8px;
    }
    .secWorksSlider2 .swiper-slide .boxTxt .txtTag{
        font-size: 10px;
        line-height: 1.5;
        color: #585858;
        height: 30px;
        margin-top: 9px;
        padding-right: 12px;
    }
    .secWorksSlider2 .swiper-slide .boxTxt .txtTag .tag{
        display: inline-block;
        margin-right: 1em;
    }
    .secWorksSlider2 .swiper-slide .boxTxt .txtTag .tag + .tag{
        margin-left: 0;
    }
}
.secWorksIndex{
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    width:100%;
    margin: 74px auto 0;
}
.secWorksIndex .aBtnLink{
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    position:relative;
    font-weight:700;
    font-size:20px;
    letter-spacing: 2px;
    text-align:center;
    width:760px;
    height:110px;
    background:#006253;
    color: #fff;
}
.secWorksIndex .aBtnLink::after{
    content: "";
    background: url(../img/common/iconArrow60_12_w.png) center / cover no-repeat;
    width: 30px;
    height: 6px;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.secWorksIndex .aBtnLink .txt{
    position: relative;
    padding-left: 51px;
}
.secWorksIndex .aBtnLink .txt::after{
    content: "";
    background: url(../img/common/iconSearch_w.png) center / cover no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
@media only screen and (max-width:767px){
    .secWorksIndex{
        margin: 26px auto 0;
    }
    .secWorksIndex .aBtnLink{
        font-size:14px;
        line-height: 1.429;
        letter-spacing:0.7px;
        width:86.666%;
        max-width: 325px;
        height:64px;
    }
    .secWorksIndex .aBtnLink::after{
        right: 20px;
    }
    .secWorksIndex .aBtnLink::before{
        content: "";
        background: url(../img/common/iconSearch_w.png) center / cover no-repeat;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .secWorksIndex .aBtnLink .txt{
        padding-left: 0;
    }
    .secWorksIndex .aBtnLink .txt::after{
        display: none;
    }
}

.box01{
    background: url(../img/ricruit/firstback.gif) left top no-repeat;
    margin-bottom: 241px;
    margin-top: 150px;
}
.box01 .fbox{
    position: relative;
    height: 560px;
    text-align: left;
}
.box01 .fbox .leftbox{
    padding-top: 108px;
}
.box01 .fbox .leftbox .underber{
    width: 40px;
    height: 5px;
    background-color: #000;
}
.box01 .fbox .leftbox .tit{
    font-size: 34px;
    line-height: 54px;
    font-weight: bold;
    letter-spacing: 8px;
    margin-top: 39px;
}
.box01 .fbox .leftbox .txt{
    font-size: 18px;
    line-height: 40px;
    padding-top: 20px;
}
.box01 .fbox .leftbox .listbtn{
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    width: 360px;
    padding-top: 30px;
    height: 74px;
    background: #006253;
    color: #fff;
    margin-top: 37px;
}
.box01 .fbox .leftbox .listbtn::after{
    content: "";
    background: url(../img/common/iconArrow60_12_w.png) center / cover no-repeat;
    width: 30px;
    height: 6px;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.box01 .rightbox{
    position: absolute;
    top: 109px;
    left: 730px;
}
.box01 .rightbox .imgbox{
    position: relative;
}
.box01 .rightbox .imgbox .imgtxt{
    position: absolute;
    font-size: 34px;
    line-height: 60px;
    letter-spacing: 5px;
    bottom: 40px;
    left: -79px;
}
.box01 .rightbox .imgbox .imgtxt span{
    color: #000;
    background: #fff;
}


.box02{
    background: url(../img/ricruit/firstback.gif) right top no-repeat;
    margin-bottom: 250px;
    margin-top: 150px;
}
.box02 .fbox{
    position: relative;
    height: 560px;
    text-align: left;
}
.box02 .fbox .leftbox{
    padding-top: 108px;
    padding-left: 756px;
}
.box02 .fbox .leftbox .underber{
    width: 40px;
    height: 5px;
    background-color: #000;
}
.box02 .fbox .leftbox .tit{
    font-size: 34px;
    line-height: 54px;
    font-weight: bold;
    letter-spacing: 8px;
    margin-top: 39px;
}
.box02 .fbox .leftbox .txt{
    font-size: 18px;
    line-height: 40px;
    padding-top: 20px;
}
.box02 .fbox .leftbox .listbtn{
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    width: 360px;
    padding-top: 30px;
    height: 74px;
    background: #006253;
    color: #fff;
    margin-top: 37px;
}
.box02 .fbox .leftbox .listbtn::after{
    content: "";
    background: url(../img/common/iconArrow60_12_w.png) center / cover no-repeat;
    width: 30px;
    height: 6px;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.box02 .fbox .rightbox{
    position: absolute;
    top: 109px;
    right: 730px;
}
.box02 .rightbox .imgbox{
    position: relative;
}
.box02 .rightbox .imgbox .imgtxt{
    position: absolute;
    font-size: 34px;
    line-height: 60px;
    letter-spacing: 5px;
    bottom: 40px;
    right: -115px;
}
.box02 .rightbox .imgbox .imgtxt span{
    color: #000;
    background: #fff;
}

.box03{
    background: url(../img/ricruit/firstback.gif) left top no-repeat;
    margin-bottom: 253px;
    margin-top: 150px;
}
.box03 .fbox{
    position: relative;
    height: 560px;
    text-align: left;
}
.box03 .fbox .leftbox{
    padding-top: 108px;
}
.box03 .fbox .leftbox .underber{
    width: 40px;
    height: 5px;
    background-color: #000;
}
.box03 .fbox .leftbox .tit{
    font-size: 34px;
    line-height: 54px;
    font-weight: bold;
    letter-spacing: 5px;
    margin-top: 39px;
}
.box03 .fbox .leftbox .txt{
    font-size: 18px;
    line-height: 40px;
    padding-top: 20px;
}
.box03 .fbox .leftbox .listbtn{
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0px;
    text-align: center;
    width: 360px;
    padding-top: 31px;
    height: 74px;
    background: #006253;
    color: #fff;
    margin-top: 37px;
}
.box03 .fbox .leftbox .listbtn::after{
    content: "";
    background: url(../img/common/iconArrow60_12_w.png) center / cover no-repeat;
    width: 30px;
    height: 6px;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.box03 .rightbox{
    position: absolute;
    top: 109px;
    left: 730px;
}
.box03 .rightbox .imgbox{
    position: relative;
}
.box03 .rightbox .imgbox .imgtxt{
    position: absolute;
    font-size: 34px;
    line-height: 60px;
    letter-spacing: 6px;
    bottom: 40px;
    left: -79px;
}
.box03 .rightbox .imgbox .imgtxt span{
    color: #000;
    background: #fff;
}
@media only screen and (max-width:767px){
    .box01{
        background: url(../img/ricruit/firstback.gif) left top no-repeat;
        margin: 0 auto;
        width: 100%;
        margin-top: 253px;
        position: relative;
        z-index: 10;
    }
    .box01 .fbox{
        background: url(../img/ricruit/firstback.gif) center top no-repeat;
        position: relative;
        height: auto;
        text-align: left;
        padding-bottom: 38px;
        z-index: 2;
        max-width: 375px;
    }
    .box01 .fbox .imgBack{
        background: url(../img/ricruit/firstback.gif) left top no-repeat;
        background-size: auto;
        position: absolute;
        top: 0;
        z-index: 1;
        left: 0;
        width: 85%;
        height: 15.7vw;
    }
    .box01 .fbox .leftbox{
        padding-top: 35px;
        width: 92%;
        margin: 0 auto;
        position: relative;
        margin-top: 0;
        z-index: 2;
    }
    .box01 .fbox .leftbox .underber{
        width: 35px;
        height: 2px;
        background-color: #000;
    }
    .box01 .fbox .leftbox .tit{
        font-size: 18px;
        line-height: 1.8;
        font-weight: bold;
        letter-spacing: 2px;
        margin-top: 14px;
    }
    .box01 .fbox .leftbox .txt{
        font-size: 13px;
        line-height: 2;
        padding-top: 9px;
    }
    .box01 .rightbox{
        position: absolute;
        top: -173px;
        left: 0;
        right: 0;
        width: 92%;
        margin: 0 auto;
        max-width: 375px;
    }
    .box01 .rightbox .imgbox{
        position: relative;
    }
    .box01 .rightbox .imgbox .imgtxt{
        position: absolute;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0px;
        z-index: 10;
        bottom: 0;
        right: 4%;
        left: unset;
        z-index: 20;
    }
    .box01 .rightbox .imgbox .imgtxt span{
        color: #000;
        background: #fff;
    }

    .box01 .fbox .leftbox .listbtn {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 1px;
        text-align: center;
        width: 94%;
        padding-top: 25px;
        height: 64px;
        background: #006253;
        color: #fff;
        margin: 0 auto;
        margin-top: 22px;
    }

    /* box2 */
    .box02{
        background: url(../img/ricruit/firstback.gif) left top no-repeat;
        margin: 0 auto;
        width: 100%;
        margin-top: 234px;
        position: relative;
        z-index: 10;
    }
    .box02 .fbox{
        background: url(../img/ricruit/firstback.gif) center top no-repeat;
        position: relative;
        height: auto;
        text-align: left;
        padding-bottom: 38px;
        z-index: 2;
        max-width: 375px;
    }
    .box02 .fbox .imgBack{
        background: url(../img/ricruit/firstback.gif) left top no-repeat;
        background-size: auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 85%;
        height: 15.7vw;
        margin-bottom: 179px;
        z-index: 2;
    }
    .box02 .fbox .leftbox{
        padding: 0;
        padding-top: 35px;
        width: 92%;
        margin: 0 auto;
        position: relative;
        margin-top: 0;
        z-index: 3;
    }
    .box02 .fbox .leftbox .underber{
        width: 35px;
        height: 2px;
        background-color: #000;
    }
    .box02 .fbox .leftbox .tit{
        font-size: 18px;
        line-height: 1.8;
        font-weight: bold;
        letter-spacing: 2px;
        margin-top: 14px;
    }
    .box02 .fbox .leftbox .txt{
        font-size: 13px;
        line-height: 2;
        padding-top: 9px;
    }
    .box02 .fbox .rightbox{
        position: absolute;
        top: -173px;
        left: 0;
        right: 0;
        width: 92%;
        margin: 0 auto;
    }
    .box02 .fbox .rightbox .imgbox{
        position: relative;
    }
    .box02 .fbox .rightbox .imgbox .imgtxt{
        position: absolute;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0px;
        left: unset;
        bottom: 0;
        right: 5%;
        z-index: 20;
    }
    .box02 .rightbox .imgbox .imgtxt span{
        color: #000;
        background: #fff;
    }
    .box02 .fbox .leftbox .listbtn {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 14px;
        margin: 0 auto;
        letter-spacing: 1px;
        text-align: center;
        width: 94%;
        padding-top: 25px;
        height: 64px;
        background: #006253;
        color: #fff;
        margin-top: 26px;
    }

     /* box03 */
    .box03{
        background: url(../img/ricruit/firstback.gif) left top no-repeat;
        margin: 0 auto;
        width: 100%;
        margin-top: 236px;
        position: relative;
        z-index: 10;
    }
    .box03 .fbox{
        background: url(../img/ricruit/firstback.gif) center top no-repeat;
        position: relative;
        height: auto;
        text-align: left;
        padding-bottom: 38px;
        z-index: 2;
        max-width: 375px;
    }
    .box03 .fbox .imgBack{
        background: url(../img/ricruit/firstback.gif) left top no-repeat;
        background-size: auto;
        position: absolute;
        top: 0;
        z-index: 1;
        left: 0;
        width: 85%;
        height: 15.7vw;
        margin-bottom: 179px;
    }
    .box03 .fbox .leftbox{
        padding-top: 35px;
        width: 92%;
        margin: 0 auto;
        position: relative;
        margin-top: 0;
        z-index: 2;
    }
    .box03 .fbox .leftbox .underber{
        width: 35px;
        height: 2px;
        background-color: #000;
    }
    .box03 .fbox .leftbox .tit{
        font-size: 18px;
        line-height: 1.8;
        font-weight: bold;
        letter-spacing: 2px;
        margin-top: 14px;
    }
    .box03 .fbox .leftbox .txt{
        font-size: 13px;
        line-height: 2;
        padding-top: 9px;
    }
    .box03 .rightbox{
        position: absolute;
        top: -173px;
        left: 0;
        right: 0;
        width: 92%;
        margin: 0 auto;
    }
    .box03 .rightbox .imgbox{
        position: relative;
    }
    .box03 .rightbox .imgbox .imgtxt{
        position: absolute;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0px;
        z-index: 10;
        bottom: 0;
        left: unset;
        right: 03%;
    }
    .box03 .rightbox .imgbox .imgtxt span{
        color: #000;
        background: #fff;
    }

    .box03 .fbox .leftbox .listbtn {
        display: block;
        position: relative;
        margin: 0 auto;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 1px;
        text-align: center;
        width: 95%;
        padding-top: 25px;
        height: 64px;
        background: #006253;
        color: #fff;
        margin-top: 22px;
    }
    .fbox .leftbox .listbtn::after {
        content: "";
        background: url(../img/common/iconArrow60_12_w.png) center / cover no-repeat;
        width: 30px;
        height: 6px;
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
}

/*-----------------------------------------------
secForm
-----------------------------------------------*/
/* .secForm{
    margin-top: 66px;
    padding: 240px 0 160px;
    background: url(../img/common/bgDot.gif);
}
.secForm .tableIn{

}
.secForm .secFormTable{
    border-top:none;
    width: 750px;
    margin: 0 auto;
    margin-top: 30px;
    padding-bottom: 80px;
}
.secForm .secFormTable .box{
    margin-bottom: 13px;
}
.secForm .secFormTable .box .qbox{
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
}
.secForm .secFormTable .box .qbox .tit{
    font-weight: bold;
}
.secForm .secFormTable .box .qbox .tit .must{
    color: #fff;
    background-color: #ea534f;
    padding: 2px 4px;
    margin-right: 10px;
    font-size: 11px;
}
.secForm .secFormTable .box .qbox .tit .notmust{
    color: #fff;
    background-color: #777777;
    padding: 2px 4px;
    margin-right: 10px;
    font-size: 11px;
}
.secFormTable .box .aBox input,
.secFormTable .box .aBox select{
    height: 35px;
}
.secFormTable .box .aBox input[type="checkbox"]{
    height: 13px;
    width: 13px;
}
.secFormTable .box .aBox select{
    font-size: 14px;
    padding-left: 5px;
}
.secFormTable .box .aBox textarea{
    height: 93px;
    padding: 15px;
}
.secFormTable .box .aBox .f_font{
    font-size: 14px;
    line-height: 20px;
}
.secFormTable .box .aBox.class01{
    padding: 10px 0 0;
}
.btnForm {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    outline: none;
    line-height: 1;
    display: block;
    position: relative;
    width: 165px;
    margin: 0;
    margin-top: 25px;
    padding: 10px 0;
    border-radius: 3px;
    background: #7ba9d0;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;
}
.fRed {
    color: #cd2929;
}
.secFormTable .formtxt{
    width: 100%;
    max-width: 750px;
    margin: 40px auto 0;
    background: #fbfbfb;
    padding: 33px 40px 33px 38px;
}
.secFormTable .formtxt .tit{
    font-size: 13px;
    line-height: 28px;
}
.secFormTable .formtxt .txt{
    font-weight: 500;
    font-size: 12px;
    padding-top: 0px;
    line-height: 23px;
}
.secFormTable .box .aBox.bottom{
    margin-top: 11px;
}
@media only screen and (max-width:767px){
    .secForm{
        margin-top: 102px;
        padding: 98px 0 0px;
        background: url(../img/common/bgDot.gif);
    }
    .secForm .tableIn{
    
    }
    .secForm .secFormTable{
        border-top:none;
        width: 100%;
        margin: 0 auto;
        margin-top: 17px;
        padding-bottom: 0px;
        border-bottom: none;
    }
    .secForm .secFormTable .box{
        margin-bottom: 13px;
    }
    .secForm .secFormTable .box .qbox{
        text-align: left;
        font-size: 14px;
        line-height: 1.5;
    }
    .secForm .secFormTable .box .qbox .tit{
        font-weight: bold;
    }
    .secForm .secFormTable .box .qbox .tit .must{
        color: #fff;
        background-color: #ea534f;
        padding: 2px 4px;
        margin-right: 10px;
        font-size: 11px;
    }
    .secForm .secFormTable .box .qbox .tit .notmust{
        color: #fff;
        background-color: #777777;
        padding: 2px 4px;
        margin-right: 10px;
        font-size: 11px;
    }
    .secFormTable .box .aBox input,
    .secFormTable .box .aBox select{
        height: 35px;
    }
    .secFormTable .box .aBox input[type="checkbox"]{
        height: 13px;
        width: 13px;
    }
    .secFormTable .box .aBox select{
        font-size: 14px;
        width: 145px;
        padding-left: 5px;
    }
    .secFormTable .box .aBox textarea{
        height: 93px;
        padding: 15px;
    }
    .secFormTable .box .aBox .f_font{
        font-size: 14px;
        line-height: 20px;
    }
    .btnForm {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        cursor: pointer;
        outline: none;
        line-height: 1;
        display: block;
        position: relative;
        width: 165px;
        margin: 0;
        margin-top: 25px;
        padding: 10px 0;
        border-radius: 3px;
        background: #7ba9d0;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0px;
        text-align: center;
        text-decoration: none;
    }
    .fRed {
        color: #cd2929;
    }
    .secFormTable .formtxt{
        width: 100%;
        max-width: unset;
        margin: 40px auto 0;
        background: #fbfbfb;
        padding: 16px 4% 33px 4%;
    }
    .secFormTable .formtxt .tit{
        font-size: 11px;
        line-height: 1.8;
    }
    .secFormTable .formtxt .txt{
        font-weight: 500;
        font-size: 11px;
        padding-top: 9px;
        line-height: 1.85;
    }
    .secFormTable .box .aBox.bottom{
        margin-top: 11px;
    }
} */
/*-----------------------------------------------
co
-----------------------------------------------*/
.secForm.co,
.secForm.ok{
    margin-top: 0;
}
.secForm.co .qbox{
    border-bottom: 1px solid #ccc;
}
.secForm.co .aBox{
    padding: 20px;
    font-size: 14px;
}
.secForm.co .btnPrevMain{
    display: block;
    margin-top: 5px;
    width: 165px;
    padding: 10px;
    border: 1px solid #ccc;
    border-end-end-radius: 5px;
    color: #069;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

/* 共通 */
/* <scroll >*/
@-webkit-keyframes sideItem {
	0%     { transform:translateX(0); }
	25%     { transform:translateX(10px) }
	50% { transform:translateX(0); }
	75% { transform:translateX(-10px); }
	100% { transform:translateX(0); }
}
@keyframes sideItem {
	0%     { transform:translateX(0); }
	25%     { transform:translateX(10px) }
	50% { transform:translateX(0); }
	75% { transform:translateX(-10px); }
	100% { transform:translateX(0); }
}
@media only screen and (min-width:992px){
	.scrollItem::before{
		display: none;
	}
}
@media only screen and (max-width:767px){
    .cmnTit{
        font-size: 20px;
        padding: 15px 0;
        letter-spacing: 1.5px;
    }
    .cmnTxt{
        font-size: 18px;
        margin-top: 20px;
        letter-spacing: 1px;
    }
    .scrollItem{
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollItem::-webkit-scrollbar{
        display: none;
    }
    .scrollItem.on::before {
        opacity: 1;
    }
    .scrollItem::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: url(../img/concept/after/iconScroll.png) center center / 155px 103px no-repeat;
        opacity: 0;
        -webkit-transition: all 0.2s ease-out 0.2s;
        transition: all 0.2s ease-out 0.2s;
        -webkit-animation: sideItem 1s linear infinite;
        animation: sideItem 1s linear infinite;
        z-index: 10;
        pointer-events: none;
    }
}
/*< /scroll >*/
/* バナー */
.secConceptbner{
    padding-bottom: 0px;
}
.secConceptbner .box{
   display: flex;
   flex-wrap: nowrap;
   margin-bottom: 30px;
}
.secConceptbner .box .aBox{
    width: 100%;
    display: block;
}
.secConceptbner .box .aBox:last-child{
    margin-left: 30px;
}
@media only screen and (max-width:767px){
    .secConceptbner{
        padding-bottom: 0;
    }
    .secConceptbner .box {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 10px;
    }
    .secConceptbner .box .aBox:last-child {
        margin-left: 2.933%;
    }
}
._{
    margin-bottom: 0;
}
@media only screen and (max-width:767px){
    ._{
        margin-bottom: 0;
        width: 92%;
    }
}
.secBnrMain{
    padding-top: 0;
}
@media only screen and (max-width:767px){
    .secBnrMain{
        padding-top: 0;
    }
}
sup{
    vertical-align: super;
    font-size: 12px;
}
@media only screen and (max-width:767px){}