@charset "UTF-8";

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-brands-400.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src:url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-regular-400.woff2") format("woff2"),
        url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-solid-900.woff2") format("woff2");
    font-display: swap;
}
/*engineering*/
.mv-en{
    margin-bottom: 100px;
}
.engineering-wrap .slick-slide p{
    overflow: hidden;
}
.engineering-wrap .slick-slide img{
    max-width: 100%;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(0.8);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.engineering-wrap .slick-slide:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.engineering-col-first{
    max-width: 900px;
    margin: 0 auto;
    display: block;
}
.engineering-col-first h2{
    font-size: 40px;
    text-align: center;
    margin-bottom: 50px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 900;
    letter-spacing: 5px;
}
.engineering-col-first .lead-txt{
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 100px;
    text-align: center;
}
.engineering-link{
    display: flex;
    align-items: center;
    margin-bottom: 200px;
    justify-content: space-between;
}
.engineering-link a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
}
.engineering-link a:hover{
    opacity: 1;
}
.engineering-wrap a:hover img{
    opacity: 1;
}
.engineering-link li:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.engineering-link li{
    max-width: 448px;
    height: 48px;
    width: 50%;
}
.engineering-link .feature{
    background: linear-gradient(90deg, rgba(0, 160, 168, 1) 11%, rgba(0, 125, 180, 1) 83%);
}
.engineering-link .field{
    background: linear-gradient(90deg, rgba(242, 116, 98, 1) 0%, rgba(236, 0, 111, 1) 100%);
}
.engineering-link .arrow{
    width: 24px;
    position: absolute;
    display: block;
    margin-left: 20px;
}
.engineering-link .feature .txt{
    /* height: 10px; */
    display: block;
    width: 131px;
    margin: 0 auto;
}
.engineering-link .field .txt{
    display: block;
    width: 80px;
    margin: 0 auto;
}
.engineering-wrap h3.title{
    height: 64px;
    max-width: 610px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto 100px;

}
.engineering-wrap .engineering-col-first .title img{
    width: 197px;
    display: block;
    margin: 0 auto;
}

.engineering-wrap .title .feature img{
    width: 121px;
    display: block;
    margin: 0 auto;
}
.engineering-wrap .attent{
    font-size: 14px;
    display: inline-block;
}
.engineering-wrap .min{
    font-size: 12px;
    display: block;
}
.engineering-wrap .title-bl{
    font-size: 40px;
    margin-bottom: 80px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-weight: 900;
    letter-spacing: 1px;
}
.engineering-number-col{
    display: flex;
    max-width: 900px;
    margin: 0 auto 100px;
    justify-content: space-between;
}

.engineering-number-col .img{
    max-width: 432px;
    width: 100%;
}
.engineering-number-col .txt-box{
    max-width: 430px;
    width: 90%;
   margin: 0 auto;
}
.engineering-number-col .txt-number{
    max-width: 70px;
    font-size: 29px;
    display: block;
    margin-bottom: 20px;
}
.engineering-number-col .number .txt{
    font-size:29px;
    line-height: 54px;
    margin-bottom: 50px;
}
.engineering-number-col .number-box .txt-tit span{
    font-size: 29px;
      line-height: 60px;
    letter-spacing: -1px;
    display: inline;
    background: linear-gradient(transparent 70%,#99D9DD 50%);
    font-family: 'Noto Serif JP', serif;
    font-weight: 800;
    letter-spacing: 1.1px;
    /* margin-bottom: 100px; */
}
.engineering-number-col .txt-box .txt{
    font-size: 16px;
    line-height: 35px;
    margin-top: 50px;
    letter-spacing: -1px;
}
.slider-engineer li .tit{
    margin-top: 0px;}
.ico-slider-engineer{
    width: 10px;
    display: inline-block;
    margin-right: 10px;
}
.culture-box .title-bl{
    margin-bottom: 30px;
}
.culture-box .txt-culture-of-furyu{
    max-width: 158px;
}

.slider-engineer li .tit{
    font-size: 16px;
    text-align: center;
    color: #000;
    font-family: 'Noto Serif JP', serif;
    font-weight: 800;
    margin-top: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*モーダル*/
.engineering-wrap .modal_box{
    max-width: 684px;
    width: 80%;
    height: auto;
    padding: 20px 20px 40px 20px;
    background-color: #fff;
    z-index: 9999;
}
.engineering-wrap .txt-culture-of-furyu{
    max-width:140px;
    margin: 0 auto 20px;
}
.engineering-wrap .modal-main{max-width: 420px;margin: 0 auto 10px;}
.engineering-wrap .modal-title{
    font-size: 28px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 800;
    margin-bottom: 10px;
    line-height: 41px;
}
.engineering-wrap .modal-txt{
    font-size: 14px;
    line-height: 30px;
    max-width: 590px;
    margin:0 auto;
    text-align: left;
    letter-spacing: -1px;
}
.engineering-wrap .modal_link{
    width: 40px;
    position: absolute;
    top: 43%;
    right: -70px
}
.engineering-wrap .modal_link.prev{
    left: -70px;
    transform: rotate(180deg);
}
.culture-box {
    margin-bottom: 100px;
}
.slider-engineer{
    max-width: 900px;
    margin: 0 auto;
}
.slider-engineer{
    margin: 30px auto;
    width: 80%;
}
.slider-engineer img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slider-engineer .slick-prev:before,
.slider-engineer .slick-next:before {
    color: #000;
}
.section.s_04 {
    width: 90%;
    margin: 0 auto;
}
/*FIELD*/
.engineering-accordion-box .title{
    margin-bottom: 50px;
}
.accordion_inner .title-bl{
    margin-bottom: 50px;
}
.engineering-accordion-box .txt{
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 100px;
}
.engineering-accordion-box .txt.border{
    border-bottom: 2px solid #877C79;
    padding-bottom: 100px;
}
.engineering-wrap h3.title {
    height: 64px;
    width: 610px;
    text-align: center;
    background: linear-gradient(90deg, rgba(242, 116, 98, 1) 0%, rgba(236, 0, 111, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto 50px;
}
.engineering-wrap h3.feature-title{
    background: linear-gradient(90deg, rgba(0, 160, 168, 1) 11%, rgba(0, 125, 180, 1) 83%);
}
.feature-title .featuretxt{
    max-width: 197px;
}
.human-box{
    position: relative;

}
.human-txt{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    padding: 20px 10px 10px 20px;
}
.human-box span{
    display: block;
    font-size: 13px;
    margin-bottom: 16px;
}
.human-box .human-name {
    display: block;
    font-size: 24px;
}
.human-txt{
    position: absolute;
    width: 184px;
    height: 104px;
    right: 20px;
    bottom: 20px;
    background-color: rgba(255,255,255,0.8);
    font-weight: 900;
}

.slider-engineer .slick-prev {
    left: -60px;
    background-image: url(../../img/newgrad/engineering/ico-arrow02.svg);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    width: 44px;
    height: 44px;
    background-size: cover;
}
.slider-engineer .slick-next {
    right: -60px;
    background-image: url(../../img/newgrad/engineering/ico-arrow02.svg);
    background-repeat: no-repeat;
    transform: rotate(180deg);
    width: 44px;
    height: 44px;
    background-size: cover;
}
.accordion_inner article{
    max-width: 900px;
    margin: 0 auto;
}
/*====================================================================
アコーディオン
====================================================================*/
.engineering-accordion-box{
    background-color: #F8F8F8;
    padding-top: 100px;
    padding-bottom: 100px;
}
.s_04 .accordion_one {
    max-width: 1140px;
    margin: 0 auto 6px;
}
.s_04 .accordion_one .accordion_header {
    background-color: #fff;
    color: #000;
    font-size: 32px;
    font-weight: 900;
    padding: 30px 11%;
    text-align: center;
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
}
.s_04 .accordion_one:nth-of-type(2) .accordion_header {

}
.s_04 .accordion_one:nth-of-type(3) .accordion_header {
}
.s_04 .accordion_one .accordion_header:hover {
    opacity: .8;
}
.s_04 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    background-image: url(../../img/newgrad/engineering/ico-close.svg);
    background-repeat: no-repeat;
}
.s_04 .accordion_one .accordion_header.stay .i_box {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.s_04 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.s_04 .accordion_one .accordion_header.stay .i_box .one_i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.s_04 .accordion_one .accordion_header.stay.open .i_box .one_i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.s_04 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.s_04 .accordion_one .accordion_header.stay.open .i_box {
    transform: rotate(1eg);/**回転速度*/
    background-image: url(../../img/newgrad/engineering/ico-open.svg);

}
.s_04 .accordion_one .accordion_header .i_box .one_i:before, .s_04 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #fff;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}
.s_04 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_04 .accordion_one .accordion_header.stay .i_box .one_i:before {
    content: none;
}
.s_04 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}
.s_04 .accordion_one .accordion_header.stay.open .i_box .one_i:before {
    content: "";
}
.s_04 .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.s_04 .accordion_one .accordion_header.stay.open .i_box .one_i:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.s_04 .accordion_one .accordion_inner {
    display: none;
    padding: 30px 30px;
    background-color: #fff;
    margin-bottom: 20px;
}
.s_04 .accordion_one .accordion_inner:last-child{
    margin-bottom: 0px;
}
.s_04 .accordion_one .accordion_inner.stay {
    display: block;
}
.s_04 .accordion_one:nth-of-type(2) .accordion_inner {

}
.s_04 .accordion_one:nth-of-type(3) .accordion_inner {

}
.s_04 .accordion_one .accordion_inner .box_one {
    height: 300px;
}
.s_04 .accordion_one .accordion_inner p.txt_a_ac {
    margin: 0;
}
@media screen and (max-width: 1024px) {
    .s_04 .accordion_one .accordion_header {
        font-size: 18px;
    }
    .s_04 .accordion_one .accordion_header .i_box {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
}
@media screen and (max-width: 767px) {
    .s_04 .accordion_one .accordion_header {
        font-size: 16px;
        text-align: center;
        padding: 15px 60px 15px 15px;
    }
}
/*CROSS-TALK*/
.mv-img {
    margin-bottom: 100px;
}
.cross-talk-wrap img{
    max-width: 100%;
    width: 100%;
}
.cross-talk-wrap .mv-img img,.engineering-wrap .mv-en img{
    height: 600px;
    object-fit: cover;
}
.cross-talk-wrap .lead-txt{
    text-align: center;
    font-size:16px;
    line-height: 35px;
    margin-bottom: 100px;
    font-weight: 500;
}
.cross-talk-wrap .profile-box{
    border-bottom: 1px solid #A9AAA9;
    max-width: 1140px;
    margin: 0 auto 100px;
    width: 90%;
}
.cross-talk-wrap .profile-box-in{
    display: flex;
    justify-content: space-around;
    max-width: 870px;
    margin: 0 auto 100px;
}
.cross-talk-wrap .txt-profile{
    max-width: 220px;
    margin: 0 auto 50px;
}
.cross-talk-wrap .human-col{
    max-width: 250px;
}
.cross-talk-wrap .txt-kakeru{
    max-width: 90px;
    margin-top: 70px;
}
.cross-talk-wrap .name{
    font-size: 23px;
    text-align: center;
    margin: 20px 0px 20px 0px;
    font-weight: 700;
}
.cross-talk-wrap .name span{
    margin: 0px 10px;
}
.cross-talk-wrap .name .morimori img{
    max-width: 60px;
}
.cross-talk-wrap .name .gakki img{
    max-width: 35px;
}
.cross-talk-wrap .belongs{
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    line-height: 20px;
}
.txt-cross-talk-col{
    max-width: 900px;
    margin: 0 auto;
}
.txt-cross-talk-col:last-child{
    margin-bottom: 300px;
}
.txt-cross-talk-col .comment-box{
    display: flex;
    justify-content: space-around;
    margin-bottom: 70px;
}
.txt-cross-talk-col .comment-box:last-child{
    margin-bottom: 120px;
}
.txt-cross-talk-col .title01,.txt-cross-talk-col .title02{
    text-align: center;
    margin-bottom: 100px;
    margin-top: 130px;
}

.txt-cross-talk-col .title01 span{
    text-align: center;
    font-size: 40px;
    display: inline-block;
    background: linear-gradient(90deg, rgba(235,242,215,1) 40%, rgba(60,159,179,1) 100%);
    margin-bottom: 20px;
    line-height: 42px;
    font-weight: 500;
    letter-spacing: 5px;
}
.txt-cross-talk-col .title02 span{
    text-align: center;
    font-size: 40px;
    display: inline-block;
    background: linear-gradient(90deg, rgba(235,242,215,1) 40%, rgba(233,109,128,1) 100%);
    margin-bottom: 20px;
    line-height: 42px;
    font-weight: 500;
    letter-spacing: 5px;
}

.txt-cross-talk-col .txt-one{
    font-size: 16px;
    line-height: 34px;
    background-color: #EEFDFF;
    max-width: 780px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #DDE7E8;
    padding: 20px 50px;
    font-weight: 500;
    width: 100%;
}
.txt-cross-talk-col .pic{
    max-width: 86px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}
.txt-cross-talk-col .pic span{
    margin-top: 10px;
    display: block;
}
.txt-cross-talk-col .txt-two{
    font-size: 16px;
    line-height: 34px;
    background-color: #FFF5F6;
    max-width: 780px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #E5DADC;
    padding: 10px 50px;
    font-weight: 500;
    width: 100%;
}
.cross-talk-wrap .bg{
    max-width: 873px;
    height: 403px;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 200px;
}
.cross-talk-wrap .bg-le{
    max-width: 873px;
    height: 403px;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 200px;

}







/*WHY Furyu*/
.why-contents {
    /* max-width: 1140px;
    margin: 0 auto;
    width: 90%;*/
    position: relative;
}

.why-contents .title {
    max-width: 540px;
    margin: 0 auto 10px;
}

.why-contents .title span {
    display: block;
    letter-spacing: 12px;
    font-size: 17px;
    letter-spacing: 4px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

.why-contents .caption-name {
    display: flex;
    justify-content: center;
    max-width: 640px;
    width: 100%;
    margin: 40px auto;
    align-items: center;
}

.why-contents .message-main {
    border-left: 5px solid #000;
}

.why-box-top {
    margin: 110px 0px;
}

.why-box .txt-answer {
    max-width: 183px;
    margin: 0 auto 40px;
    width: 100%;
}

.why-img img {
    max-width: 100%;
    width: 100%;
    object-fit: contain;
}

.why-img.mv img {
    max-width: 100%;
    width: 100%;
    height: 560px;
    object-fit: contain;
}

.why-lead-txt {
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 20px;
}

.why-box {
    max-width: 800px;
    margin: 0 auto 100px;
    width: 90%;
}

.why-box.main {
    max-width: 1000px;
    margin: 0 auto 100px;
    width: 90%;
}

.why-box img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;

}

.why-box-top .message-main {
    max-width: 480px;
    width: 100%;
    display: block;
    padding-left: 20px;
}

.why-box-top .txt-case {
    width: 100%;
    max-width: 80px;
    margin: 10px 20px;
    text-align: center;
}

.why-box-top .name {
    font-size: 28px;
    display: inline-block;
    width: auto;
    font-weight: 700;
    letter-spacing: 5.1px;
}

.why-box-top .kana {
    max-width: 60px;
    width: 100%;
    display: inline-block;
}

.why-box-top .afflicate {
    font-size: 14px;
    line-height: 20px;
}

.why-box .txt-answer {
    font-size: 17px;
    width: 60%;
}

.why-box-wrap01::after {
    height: 170px;
    top: -35px;
    width: 104%;
}

.why-box .txt-answer span {
    font-size: 17px;
    text-align: center;
    display: block;
    margin-top: 20px;
    letter-spacing: 0.2em;
    font-weight: bold;
}

.why-box h3.tit-sub {
    font-size: 40px;
    text-align: center;
    line-height: 60px;
    font-weight: 500;
    letter-spacing: 6px;
    margin-bottom: 100px;
}

.why-box h4.tit-sub {
    font-size: 28px;
    text-align: left;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-weight: 700;
}

.why-box .arrow img {
    max-width: 26px;
    margin: 100px auto 100px;
    display: block;
    width: 5%;
}

.why-box .why-txt {
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    /* font-weight: 800; */
}

.txt-why {
    max-width: 234px;
    text-align: center;
    /* margin-bottom: 40px; */
    margin: 0 auto 30px;
    width: 70%;
}

.txt-work {
    max-width: 132px;
    text-align: center;
    /* margin-bottom: 40px; */
    margin: 0 auto 20px;
    width: 70%;
}

.why-link-in img {
    max-width: 100%;
    width: 100%;
}

.why-link-in .txt-case {
    text-align: center;
    margin-bottom: 20px;
}

.why-link-in {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
}

.why-link-in .link-txt {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
}

.human-img {
    overflow: hidden;
}

.human-img img {
    transition: .3s ease-in-out;
    transform: scale(1);
    opacity: 1;
    overflow: hidden;
}

.human-img img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

.why-link .txt-case img {
    max-width: 131px;
    margin: 0 auto;
    text-align: center;
    width: 40%;
}

.why-link .link-img {
    width: 100%;
}

.why-link a:hover {
    opacity: 1;
}

.why-link a:hover img {
    opacity: 1;
}

.why-link-in figure {
    position: relative;
    max-width: 385px;
}

.why-link-in figure .link-img .txt {
    position: absolute;
    top: 55px;
    max-width: 346px;
    left: 12px;
    width: 90%;
}

.why-link-in figure .link-img .ico {
    position: absolute;
    bottom: 20px;
    max-width: 100%;
    left: 0px;
}

/*グラデーション*/
.why-box-wrap01,
.why-box-wrap02 {
    position: relative;
}

.why-box-wrap01::after {
    content: "";
    background: linear-gradient(-90deg, rgba(247, 243, 191, 1) 0%, rgba(229, 181, 177, 1) 100%);
    width: 44%;
    height: 252px;
    border-radius: 0px 600px 600px 0px;
    display: block;
    top: -50px;
    z-index: -1;
    position: absolute;
}

.why-box-wrap02::before {
    content: "";
    background: rgb(222, 186, 200);
    background: linear-gradient(90deg, rgba(222, 186, 200, 1) 0%, rgba(168, 211, 222, 1) 100%);
    width: 40%;
    height: 252px;
    border-radius: 600px 0px 0px 600px;
    display: block;
    top: -24px;
		right: 0;
    z-index: -1;
    position: absolute;
	
}
.why-box .p-01 .works {
    max-width: 385px;
    margin: 0 auto;
}

.why-box .p-01 .txt {
    font-size: 14px;
}

.why-link {
    margin-bottom: 200px;
}

/*----------------------------------解体新書*/
.shinsho-contents .main-box {
    padding: 0px 20px;
}

.shinsho-contents .main-tit {
    position: relative;
    z-index: 2;
    max-width: 1140px;
    margin: 0 auto 80px;
}

.shinsho-contents .main-tit span {
    font-size: 21px;
    text-align: center;
    font-weight: 800;
    background-color: #fff;
    border: 1px solid #000;
    max-width: 730px;
    height: 45px;
    margin: 0 auto;
    display: block;
    line-height: 2em;
    position: relative;
    z-index: 99;
    letter-spacing: 0.5px;
}

.shinsho-contents .main-tit::before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #000;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.shinsho-contents .mv-img {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto 100px;
}

.shinsho-contents {
    background-color: #D7E6C8;
    padding-top: 99px;
    margin-bottom: -100px;
    padding-bottom: 100px;
}

.shinsho-contents img {
    width: 100%;
}

/*質問事項*/
.txt-answer-tit .tit {
    position: relative;
    z-index: 2;
    max-width: 1140px;
    margin: 0 auto 80px;
}

.txt-answer-tit .tit span {
    font-size: 20px;
    text-align: center;
    font-weight: 800;
    background-color: #fff;
    border: 1px solid #000;
    max-width: 730px;
    height: 45px;
    margin: 0 auto;
    display: block;
    line-height: 2em;
    position: relative;
    z-index: 99;
}

.txt-answer-tit .tit::before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #000;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.txt-question {
    width: 100%;
    /* margin-top: -56px; */
    margin: 0px auto 20px;
}

.txt-question img {
    height: 31px;
    margin-top: -20px;
    display: inline-block;
}

.txt-tit-question {
    font-size: 26px;
    line-height: 37px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 900;
    color: #000;
}

.img-graph {
    text-align: center;
    max-width: 593px;
    width: 100%;
}

.img-graph img {
    /*opacity: 0;*/
    opacity: 1;
}

/*各質問事項*/
.question-box-1 {
    max-width: 548px;
    background-color: #fff;
    padding-bottom: 30px;
    width: 100%;
}

.question-box01 {
    display: flex;
    justify-content: space-around;
    max-width: 1140px;
    margin: 0 auto 100px;
}

.question-box01 .question-box {
    background-color: #fff;
    padding-bottom: 30px;
    flex-basis: 350px;
    width: 100%;

}

.img-graph {
    max-width: 290px;
    margin: 0 auto 20px;
}

.txt-list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0px 16px;
}

.txt-list li {
    position: relative;
    list-style-type: none !important;
    /*ポチ消す*/
    padding: 0.5em 0.5em 0.5em 0.5em;
    line-height: 1px;
    vertical-align: middle;
    color: #000;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.txt-list li:before {
    display: inline-block;
    vertical-align: middle;
    /*以下白丸つくる*/
    content: '';
    width: 1em;
    height: 1em;
    background: #DC7832;
    border-radius: 50%;
    margin-right: 8px;
}

.txt-list li.col02:before {
    background: #82C8DC;
}

.txt-list li.col03:before {
    background: #B2C90E;
}

.txt-list li.col04:before {
    background: #F0E696;
}

.txt-list li.col05:before {
    background: #005A82;
}

/*question06 職場に尊敬できる人*/
.question-box06 {
    background-color: #fff;
    display: block;
    width: 100%;
    margin-bottom: 100px;
    max-width: 1140px;
    margin: 0 auto 100px;
    padding-top: -19px;
}

.question-box06 .barchart {
    max-width: 1000px;
    margin: 60px auto 60px;
}

.question-box06 .barchart .graph {
    padding: 5px;
    margin: 0;
    position: relative;
    background-size: 355% 100%;
    text-align: center;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 20px auto 20px;
}

.question-box06 .barchart .graph.active {
    animation: graph 2s ease 1 forwards;
    text-align: center;
}

.question-box06 .label img {
    height: 33px;
}

@-webkit-keyframes graph {
    from {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

.question-box14 {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}

.box-01 {
    max-width: 207px;
    width: 30%;
}

.box-02 {
    max-width: 128px;
    width: 30%;
}

.box-03 {
    max-width: 177px;
    width: 30%;
}

/*グラフ*/
.barchart .a {
    background: linear-gradient(90deg,
        #DC7832 0%, #DC7832 calc(53%/2),
        #005A82 calc(53%/2), #005A82 100%);
}


.question-box06-in {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 960px;
    margin: 0 auto;
}

.question-box06-in figure {
    max-width: 312px;
    width: 100%;
    display: flex;
    margin-bottom: 30px;
    align-items: end;
    margin-left: -10px;
}

.question-box06-in figure img {
    max-width: 91px;
}

.question-box06-in figcaption {
    width: 100%;
   /* margin-left: 10px;*/
}

.question-box06-in .tit {
    font-size: 18px;
    border-bottom: 6px solid #82C8DC;
    font-weight: 800;
    padding: 10px 0px;
}

.question-box06-in .txt {
    font-size: 14px;
    line-height: 22px;
    padding-top: 5px;
    font-weight: 800;
    text-align: left;
}

.question-box06-in .txt span {
    color: #ED5976;
}

.graph-img {
    max-width: 451px;
}

.graph-img img {
    opacity: 0;
}

.question-box07 {
    background-color: #fff;
    max-width: 1140px;
    margin: 0 auto 100px;
    padding-bottom: 60px;
}

.question-box07 .txt-list li {
    font-size: 20px;
}

.question-box07-in {
    display: flex;
    align-items: flex-end;
    justify-content: center;

}

.question-box089 {
    display: flex;
    justify-content: space-around;
    max-width: 1140px;
    margin: 0 auto 100px;
}

.txt-question.q12 {
    /* margin: -17px auto 16px*/
}

.antena-box {
    display: flex;
    justify-content: space-between;

}

.antena-box .txt-answer-tit {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 416px;
    height: 31px;
}

.antena-box .txt-answer-tit img {
    max-width: 96px;
    position: relative;
    z-index: 0;
}

.antena-box .antena {
    max-width: 100px;
}

.antena-box .txt-answer-tit::before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #000;
    position: absolute;
    top: 40%;
    z-index: 0;
    right: -63px;
}

.question-box089 .col01 {
    max-width: 610px;
    width: 100%;
    background-color: #fff;
    padding: 0px 40px 30px 50px;
}

.question-box089 .col02 {
    flex-basis: 481px;
    width: 100%;
    background-color: #fff;
    padding: 0px 30px 30px 30px
}

.question-box089 .col02 dl {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-evenly;
    width: 94%;
    margin: 20px 0px auto;

}

.question-box089 .col02 dt {
    max-width: 120px;
    width: 100%;
}

.question-box089 .col02 dd {
    max-width: 258px;
    width: 100%;
}

.question-box089 .col02 dd p {
    font-size: 16px;
    font-weight: 800;
    text-align: right;
}

.question-box089 .col02 dd span {
    width: 100%;
    display: inline-block;
    margin-left: 10px;
    display: inline;
}

.question-box089 .col02 dd span img {
    height: 33px;
    display: inline;
    width: auto;
}

.answer-list {
    font-size: 16px;
    font-weight: 800;
    line-height: 34px;
    margin-top: -90px;
    margin-left: 1.0em;
}

.answer-list li {
    text-indent: -1.0em;
    line-height: 1.5;
    margin: 14px 0px;

}

.answer-list span {
    color: #ED5976;
    font-weight: 800;
    font-size: 23px;
}

.question-box089 .genshi {
    max-width: 276px;
    margin-right: 0;
    margin: -100px 0 0 auto;
}

/*graph*/
.graph-75 {
    background: linear-gradient(90deg,
        #DC7832 0%, #DC7832 calc(75%/2),
        #F1C9AD calc(75%/2), #F1C9AD 100%);
}

.graph-75 {
    height: 13px;
    margin: 1rem 0;
    position: relative;
    background-size: 200% 100%;

}

.graph-75.check.active {
    animation: graph-75 2s ease 1 forwards;
}
.graph-75.check{
    transition: none;
    opacity: 1 !important;
}
@-webkit-keyframes graph-75 {
    from {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

.graph-16 {
    background: linear-gradient(90deg,
        #82C8DC 0%, #82C8DC calc(16%/2),
        #CDE9F1 calc(16%/2), #CDE9F1 100%);
}

.graph-16 {
    height: 13px;
    margin: 1rem 0;
    position: relative;
    background-size: 200% 100%;
}
.graph-16.check{
    transition: none;
    opacity: 1 !important;
}
@-webkit-keyframes graph-16 {
    from {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

.graph-16.check.active {
    animation: graph-16 2s ease 1 forwards;
}

.graph-4 {
    background: linear-gradient(90deg,
        #B2C90E 0%, #B2C90E calc(4%/2),
        #E8EFB6 calc(4%/2), #E8EFB6 100%);
}

.graph-4 {
    height: 13px;
    margin: 1rem 0;
    position: relative;
    background-size: 200% 100%;
}
.graph-4.check{
    transition: none;
    opacity: 1 !important;
}
@-webkit-keyframes graph-4 {
    from {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

.graph-4.check.active {
    animation: graph-4 2s ease 1 forwards;
}


.graph-5 {
    background: linear-gradient(90deg,
        #F0E663 0%, #F0E663 calc(4%/2),
        #F9F5D5 calc(4%/2), #F9F5D5 100%);
}

.graph-5 {
    height: 13px;
    margin: 1rem 0;
    position: relative;
    background-size: 200% 100%;
}
.graph-5.check{
    transition: none;
    opacity: 1 !important;
}
@-webkit-keyframes graph-5 {
    from {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

.graph-5.check.active {
    animation: graph-5 2s ease 1 forwards;
}


/*Q10*/
.question-box10 {
    background-color: #fff;
    display: block;
    width: 100%;
    margin-bottom: 100px;
    max-width: 1140px;
    margin: 0 auto 100px;
    padding-bottom: 140px;
    position: relative;
}

.question-box10-list {
    width: 90%;
    margin: 90px auto;
    position: relative;
}

.hukidashi.graph {
    display: none;
}

.hukidashi.graph.active {
    display: block;
}

.check {
    opacity: 0;
    transition: all 2.5s;
}

.check.active {
    opacity: 1;
}


.q10_center {
    max-width: 580px;
    margin: 0 auto;
    position: relative;
}

.q10_center01 {
    max-width: 312px;
    position: absolute;
    right: -25px;
    top: -61px;
}

.q10_center02 {
    max-width: 277px;
    position: absolute;
    top: -50px;
    left: -30px;
}

.q10_center03 {
    max-width: 231px;
    position: absolute;
    right: 0px;
    top: 150px;
}

.q10_center04 {
    max-width: 231px;
    position: absolute;
    top: 210px;
    left: -30px;
}

.q10_center05 {
    max-width: 300px;
    position: absolute;
}

.q10_center06 {
    max-width: 277px;
    position: absolute;
    right: 0px;
    bottom: -130px;
}

.q10_center07 {
    max-width: 300px;
    position: absolute;
    right: 35%;
    /* left: 50%; */
    text-align: center;
    bottom: -143px;
}


/*Q11 !12*/
.question-box1112 {
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    margin: 0 auto 100px;
}

.question-box1112 .col {
    max-width: 555px;
    width: 49%;
    background-color: #fff;
    padding: 0px 50px 30px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.question-box1112 .antena-box .txt-answer-tit::before {
    top: 50%;
}

.question-box1112 .col .answer-list {
    margin: 0px 0px 20px 10px;
}

.hukidashi {
    display: flex;
    align-items: end;
}

.question-box1112 .hukidashi .q11_voice {
    max-width: 231px;
}

.question-box1112 .hukidashi .q11_human {
    max-width: 186px;
}

.question-box1112 .hukidashi .q12_voice {
    max-width: 176px;
}

.question-box1112 .hukidashi .q12_human {
    max-width: 260px;
    width: 60%;
}

/*Q13*/
.question-box13 {
    background-color: #fff;
    display: block;
    width: 100%;
    margin-bottom: 100px;
    max-width: 1140px;
    margin: 0 auto 100px;
    padding: 0px 60px 70px 60px;

}

.question-box13 .col {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 30px 0px;
}

.kanzi-box {
    border-bottom: 1px solid #221815;
}

.kanzi-box.no {
    border-bottom: none;
}

.question-box13 .txt-box .title {
    font-size: 30px;
    font-weight: 800;
    border-bottom: 10px #B2C90E solid;
    padding: 20px 0px;
    display: inline-block;
    margin-bottom: 20px;
}

.question-box13 .txt-box .title.sai {
    border-bottom: 10px #82C8DC solid;
}

.question-box13 .txt-box .title.idomu {
    border-bottom: 10px #DC7832 solid;
}

.question-box13 .txt-box ul {
    font-size: 20px;
    line-height: 35px;
    font-weight: 700;
}

.question-box13 .txt-box ul li {
    text-indent: -20px;
    margin-left: 18px;
}

.question-box13 .txt-box {
    max-width: 610px;
    width: 100%;
}

.question-box13 .img-box {
    max-width: 366px;
    position: relative;
    margin-right: 40px
}

.question-box13 .kirakira {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.question-box13 .kirakira-sub {
    position: absolute;
    bottom: 0px;
    max-width: 60px;
    top: 14%;
    right: 0%;
}

.question-box13 .kirakira-rd {
    position: absolute;
    bottom: 0px;
    max-width: 60px;
    bottom: 0px;
    left: -1%;
    transform: rotate(162deg);
}

.question-box13 .pickup-box {
    display: flex;
    justify-content: space-around;
}

.question-box13 .pickup-box .img-box {
    max-width: 117px;
    width: 100%;
    margin-right: 20px;
}

.question-box13 .txt-box .tit {
    display: inline;
    border-bottom: 6px solid #2882B4;
    font-size: 16px;
    text-align: center;
    letter-spacing: 3.1px;
    padding: 3px 0px;
    margin: 5px 0px;
    font-weight: 800;
}

.question-box13 .txt-box .tit img {
    width: 50%;
    /* text-align: center; */
    display: block;
    margin: 1px auto 10px 20px;
}
.question-box13 .col:nth-of-type(3) .txt-box .tit img {
    margin: 0 6px 10px;
}
.question-box13 .txt-box .txt {
    font-size: 12px;
    font-weight: 800;
    margin-top: 15px;
}

.question-box13 .pickup-tit {
    position: relative;
    z-index: 2;
    margin-bottom: 0px;
}

.question-box13 .pickup-tit span {
    text-align: center;
    display: block;
    border: 1px solid;
    max-width: 276px;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px;
    font-weight: 500;
}

.question-box13 .pickup-tit img {
    max-width: 205px;
    margin: 0 auto;
}

.question-box13 .pickup-tit::before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #000;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.question-box13 .main-box .tit span {
    font-size: 20px;
    text-align: center;
    font-weight: 800;
    background-color: #fff;
    border: 1px solid #000;
    max-width: 730px;
    height: 45px;
    margin: 0 auto;
    display: block;
    line-height: 2em;
    position: relative;
    z-index: 99;
}

.question-box13 .pickup-box .col {
    border-bottom: none;
}

/*Q14*/
.question-box14 {
    background-color: #fff;
    display: block;
    width: 100%;
    margin-bottom: 100px;
    max-width: 1140px;
    margin: 0 auto 100px;
    padding-bottom: 80px;
}

.img-tou01 img {
    max-width: 315px;
}

.img-tou02 img {
    max-width: 145px;
}

.img-tou03 img {
    max-width: 339px;
}

.option-box {
    display: flex;
    justify-content: space-around;
    margin: 0px 0px 0px 50px;
}

.option-box .col {
    max-width: 500px;
    width: 100%;
}

.option-box .antena-box .txt-answer-tit img {
    max-width: 96px;
}

.option-box .answer-list {
    margin: 0px 0px 0px 11px;
    font-size: 16px;
    letter-spacing: 1px;
}

.option-box .sub span {
    color: #3CA0C8;
}

.tou-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0px auto 20px auto;
    align-items: center;
    max-width: 950px
}

.question-box15 {
    background-color: #fff;
    display: block;
    width: 100%;
    margin-bottom: 100px;
    max-width: 1140px;
    margin: 0 auto 100px;
    padding-bottom: 30px;
}

.dream-box {
    position: relative;
}

.dream-box-in {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.q15_voice01 {
    max-width: 374px;
    width: 34%;
}

.q15_voice02 {
    max-width: 417px;
    width: 41%;
    padding-bottom: 80px;
}

.q15_voice03 {
    max-width: 182px;
    width: 18%;

}

.q15_voice04 {
    max-width: 206px;
    width: 20%;
    margin-top: -150px;
    margin-right: 40px;
}

.q15_voice05 {
    max-width: 340px;
    width: 34%;
    margin-top: -60px;
    margin-right: 40px;
}

.q15_voice06 {
    max-width: 413px;
    width: 41%;
    margin-top: -10px;
    margin-left: 20px;
}

.q15_voice07 {
    max-width: 617px;
    width: 61%;
    margin-right: 100px;
}

.q15_voice08 {
    max-width: 248px;
    width: 24%;
    margin-left: 50px;
}

.q15_voice09 {
    max-width: 408px;
    width: 40%;
}

.q15_voice10 {
    max-width: 339px;
    width: 33%;
}

.q15_voice11 {
    max-width: 198px;
    width: 19%;
    margin-top: 100px;
}