@charset "UTF-8";


/* html, body
------------------------------------------------- */
@media only screen and (max-width:750px){
html {
	overflow-x: hidden;
}
}


/* contents
------------------------------------------------- */
#contents {
    margin-top: 11.125em;
}
@media only screen and (max-width:750px){
#contents {
    margin-top: 0;
}
}


/* mainvisual
------------------------------------------------- */
.mainvisual {
    position: relative;
}
.mainvisual::before {
    content: '';
    width: 100%;
    height: 0.625em;
    background-color: #FFF800;
    position: absolute;
    left: 0;
    bottom: -0.5em;
    z-index: 5;
}
.mainvisual .inner {
    max-width: inherit;
    padding: 0;
    position: sticky;
    top: 15.125em;
}
.mainvisual h1 {
    background: url("../common-new/img/icon_tit3.svg") -0.75em 0.6em no-repeat;
    background-size: auto 0.45em;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.45;
    padding-left: 2.375em;
    margin-bottom: 1.1em;
    position: relative;
    z-index: 2;
}
.mainvisual h1 span {
    display: block;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #2A51C3;
}
.mainvisual .pnav {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
}
.mainvisual .pnav ul li {
    width: 16.66em;
    height: 4.33em;
    margin: 0 0.38em;
}
.mainvisual .pnav ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 0.55em 0.55em 0 0;
    padding: 0 1.1em;
    font-weight: 700;
    letter-spacing: 0.05em;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.mainvisual .pnav ul li a::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.36);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.4s;
}
.mainvisual .pnav ul li.on a::before {
    display: none;
}
.mainvisual .pnav ul li a b {
    font-weight: 300;
    color: #2A51C3;
    letter-spacing: 0.05em;
    padding-right: 0.2em;
}
.mainvisual .pnav ul li a span {
    width: 1.722em;
    height: 0.444em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.459%22%20height%3D%229.01%22%20viewBox%3D%220%200%2031.459%209.01%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_79%22%20data-name%3D%22%E3%83%91%E3%82%B9%2079%22%20d%3D%22M342.924%2C95.2l15%2C8%2C16-8%22%20transform%3D%22translate(-342.689%20-94.752)%22%20fill%3D%22none%22%20stroke%3D%22%232a51c3%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E') center bottom no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 1em;
    top: 2em;
    transition: 0.4s;
}
.mainvisual .photo {
    width: 100%;
    height: 24em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2.5em 2.5em 0 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.mainvisual .photo::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.41);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
@media only screen and (min-width:751px){
.mainvisual .pnav ul li a:hover::before {
    height: 0;
}
.mainvisual .pnav ul li a:hover span {
    top: 2.5em;
}
}
@media only screen and (max-width:750px){
.mainvisual {
    padding-top: 10vw;
}
.mainvisual .inner {
    width: 100%;
    padding: 0;
    top: 26.5vw;
}
.mainvisual h1 {
    font-size: 8.4vw;
    background-position: -0.8em 0.5em;
    line-height: 1.2;
    margin-bottom: 1em;
}
.mainvisual h1 span {
    font-size: 3.466vw;
    line-height: 1.75;
    padding-top: 0.25em;
}
.mainvisual .pnav {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
}
.mainvisual .pnav ul {
    display: flex;
}
.mainvisual .pnav ul li {
    width: 33.334%;
    margin: 0;
}
.mainvisual .pnav ul li a {
    font-size: 3.466vw;
    line-height: 1.25;
    border-radius: 1em 1em 0 0;
    padding: 0 0 1em 1em;
}
.mainvisual .pnav ul li a::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.36);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.4s;
}
.mainvisual .pnav ul li a b {
    font-size: 5.733vw;
    padding-right: 0.3em;
}
.mainvisual .pnav ul li a span {
    right: 50%;
    top: 4em;
    margin-right: -0.861em;
}
.mainvisual .photo {
    height: 48vw;
    border-radius: 1.5em 1.5em 0 0;
}
.mainvisual .photo img {
    position: absolute;
    left: 0;
    bottom: 0;
}
}


/* contents
------------------------------------------------- */
.inner {
    padding: 0 8.3125em;
}
.dtit {
    line-height: 1.7;
    margin-bottom: 1.3em;
    position: relative;
}
.dtit::before {
    content: '';
    width: 100vw;
    height: 1px;
    background-color: #9D9D9D;
    position: absolute;
    right: 100%;
    bottom: 0;
}
.dtit span {
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.7;
    position: relative;
}
.dtit span::before {
    content: '';
    width: 100%;
    height: 0.05em;
    background-color: #2A51C3;
    position: absolute;
    left: 0;
    bottom: -0.15em;
}
@media only screen and (max-width:750px){
.inner {
    padding: 0;
}
.dtit {
    font-size: 6.4vw;
    margin-bottom: 1.5em;
}
}


/* othernav
------------------------------------------------- */
.othernav {
    height: 6.875em;
    margin-bottom: 12.5em;
    background: linear-gradient(180deg, #fff 0, #fff 2.5em, #F5F5F5 2.5em);
}
.othernav ul li {
    width: 16.66em;
    height: 4.33em;
    margin: 0 1.7em;
}
.othernav ul li a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fff;
    border-radius: 0.55em 0.55em 0 0;
    position: relative;
    overflow: hidden;
}
.othernav ul li a div {
    width: 100%;
    height: 100%;
    border-radius: 0.55em 0.55em 0 0;
    padding: 0 2em;
    display: flex;
    align-items: center;
    font-weight: 700;
    letter-spacing: 0.05em;
    box-shadow: inset 0 0.166em 0.375em 0 rgba(0,0,0,0.16);
    position: relative;
    box-sizing: border-box;
    z-index: 2;
    transition: 0.4s;
}
.othernav ul li a::before {
    content: '';
    width: 100%;
    height: 0.55em;
    background-color: #FFF800;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}
.othernav ul li a::after {
    content: '';
    width: 120%;
    height: 120%;
    background-color: #2A51C3;
    position: absolute;
    right: -130%;
    top: -10%;
    transform: skewX(20deg);
    transition: 0.4s;
    z-index: 1;
}
.othernav ul li a b {
    font-weight: 300;
    color: #2A51C3;
    letter-spacing: 0.05em;
    padding: 0 0.4em 0 0.3em;
    transition: 0.4s;
}
.othernav ul li a span {
    width: 0.444em;
    height: 1.722em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.01%22%20height%3D%2231.459%22%20viewBox%3D%220%200%209.01%2031.459%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_464%22%20data-name%3D%22%E3%83%91%E3%82%B9%20464%22%20d%3D%22M342.924%2C95.2l15%2C8%2C16-8%22%20transform%3D%22translate(103.762%20-342.689)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%232a51c3%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E') center bottom no-repeat;
    background-size: auto 100%;
    position: absolute;
    left: 1.11em;
    top: 50%;
    margin-top: -0.861em;
    transition: 0.4s;
}
.othernav ul li:nth-child(2) a div {
    justify-content: flex-end;
}
.othernav ul li:nth-child(2) a b {
    padding: 0 0.3em 0 0.4em;
}
.othernav ul li:nth-child(2) a span {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.01%22%20height%3D%2231.459%22%20viewBox%3D%220%200%209.01%2031.459%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_463%22%20data-name%3D%22%E3%83%91%E3%82%B9%20463%22%20d%3D%22M342.924%2C95.2l15%2C8%2C16-8%22%20transform%3D%22translate(-94.752%20374.148)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%232a51c3%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E');
    left: auto;
    right: 1.11em;
}
.othernav ul li:nth-child(2) a::after {
    right: auto;
    left: -130%;
    top: -10%;
    transform: skewX(-20deg);
}
@media only screen and (min-width:751px){
.othernav ul li a:hover::after {
    right: -10%;
}
.othernav ul li a:hover div {
    color: #fff;
}
.othernav ul li a:hover b {
    color: #FFF800;
}
.othernav ul li a:hover span {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.01%22%20height%3D%2231.459%22%20viewBox%3D%220%200%209.01%2031.459%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_464%22%20data-name%3D%22%E3%83%91%E3%82%B9%20464%22%20d%3D%22M342.924%2C95.2l15%2C8%2C16-8%22%20transform%3D%22translate(103.762%20-342.689)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff800%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E');
    left: 0.8em;
}
.othernav ul li:nth-child(2) a:hover::after {
    right: auto;
    left: -10%;
}
.othernav ul li:nth-child(2) a:hover span {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.01%22%20height%3D%2231.459%22%20viewBox%3D%220%200%209.01%2031.459%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_463%22%20data-name%3D%22%E3%83%91%E3%82%B9%20463%22%20d%3D%22M342.924%2C95.2l15%2C8%2C16-8%22%20transform%3D%22translate(-94.752%20374.148)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff800%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E');
    left: auto;
    right: 0.8em;
} 
}
@media only screen and (max-width:750px){
.othernav {
    height: 6.875em;
    margin-bottom: 15vw;
    background: linear-gradient(180deg, #fff 0, #fff 2.5em, #F5F5F5 2.5em);
}
.othernav ul {
    width: 88%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.othernav ul li {
    width: 40vw;
    margin: 0;
}
.othernav ul li a {
    font-size: 3.466vw;
    border-radius: 1em 1em 0 0;
}
.othernav ul li a div {
    border-radius: 1em 1em 0 0;
    line-height: 1.25;
    padding: 0 1em;
}
.othernav ul li a::before {
    height: 0.55em;
}
.othernav ul li a::after {
    display: none;
}
.othernav ul li a b {
    font-size: 5.733vw;
    padding: 0 0.3em 0 0.9em;
}
.othernav ul li a span {
    left: 1em;
}
.othernav ul li:nth-child(2) a div {
    text-align: right;
}
.othernav ul li:nth-child(2) a b {
    padding: 0 0.9em 0 0.3em;
}
.othernav ul li:nth-child(2) a span {
    left: auto;
    right: 1em;
}
}


/* index
------------------------------------------------- */
/* .cont1 */
.top .cont1 {
    padding: 5.25em 0 22.875em;
}
.top .cont1 p {
    letter-spacing: 0.05em;
    line-height: 2.1875;
}
.top .cont1 .img {
    width: 0;
    height: 0;
    position: absolute;
    right: 50%;
    margin-right: -36em;
    top: 3.125em;
    transition: 1s;
    transition-delay: 0.5s;
}
.top .cont1 .img.isAnimate {
    width: 72em;
    height: 33.5em;
}
@media only screen and (max-width:750px){
/* .cont1 */
.top .cont1 {
    padding: 20vw 0 50vw;
}
.top .cont1 p {
    line-height: 1.9;
}
.top .cont1 .img {
    right: -12vw;
    margin-right: 0;
    top: 57.5vw;
}
.top .cont1 .img.isAnimate {
    width: 120vw;
    height: auto;
}
}

/* .cont2 */
.top .cont2 {
    padding-bottom: 8.5em;
    position: relative;
    z-index: 3;
}
.top .cont2 .box {
    width: 61.25em;
    height: 32.5em;
    margin: 1.875em auto 0;
    position: relative;
}
.top .cont2 .box::before {
    content: '';
    width: 100%;
    height: 29.125em;
    background-color: #FFF800;
    border-radius: 1em;
    position: absolute;
    left: 0;
    bottom: 0;
}
.top .cont2 .box h3 {
    width: 52.5625em;
    margin: 0 auto 2.5em;
    position: relative;
    z-index: 2;
}
.top .cont2 .box p {
    letter-spacing: 0.05em;
    line-height: 2.1875;
    text-align: center;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width:750px){
.top .cont2 {
    padding-bottom: 20vw;
}
.top .cont2 .box {
    width: 100vw;
    height: auto;
    margin: 2em 0 0 -6vw;
}
.top .cont2 .box::before {
    height: 24em;
}
.top .cont2 .box h3 {
    width: 110vw;
    margin: 0 0 2em -5vw;
    position: relative;
    z-index: 2;
}
.top .cont2 .box p {
    font-size: 3.733vw;
    letter-spacing: 0.05em;
    line-height: 1.85;
    padding-bottom: 2em;
}
}

/* .cont3 */
.top .cont3 {
    margin-bottom: 10.625em;
    position: relative;
    z-index: 2;
}
.top .cont3::before {
    content: '';
    width: 100%;
    height: 59em;
    background-color: #F1F1F1;
    border-radius: 2.5em 2.5em 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.top .cont3 .inner {
    z-index: 2;
}
.top .cont3 ul {
    width: 0;
    display: flex;
    justify-content: space-between;
    margin-top: 2.5em;
    position: relative;
    z-index: 2;
}
.top .cont3 ul.isAnimate {
    animation: expand 1.5s ease forwards;
}
.top .cont3 ul li {
    height: 20.1875em;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}
.top .cont3 ul li:nth-child(1) {
    width: 40.52%;
    background-color: #FFF800;
    overflow: inherit;
    font-weight: 700;
    line-height: 1.45;
    position: relative;
}
.top .cont3 ul li:nth-child(2) {
    width: 23.59%;
    background-color: #00ADF4;
}
.top .cont3 ul li:nth-child(3) {
    width: 19.11%;
    background-color: #006AC5;
}
.top .cont3 ul li:nth-child(4) {
    width: 9.6%;
    background-color: #C4C4C4;
}
.top .cont3 ul li:nth-child(5),
.top .cont3 ul li:nth-child(6) {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
}
.top .cont3 ul li:nth-child(5) {
    width: 2.45%;
    background-color: #9F9F9F;
}
.top .cont3 ul li:nth-child(6) {
    width: 4.73%;
    background-color: #6E6E6E;
}
.top .cont3 ul li h3 {
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.05em;
    text-align: center;
    padding-bottom: 0.8em;
    position: relative;
    z-index: 2;
}
.top .cont3 ul li h3::before {
    content: '';
    width: 1.8em;
    height: 0.2em;
    background-color: #1F1F1F;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.9em;
}
.top .cont3 ul li .fuki {
    width: 25.8125em;
    height: 11.0625em;
    background: url("../img-new/data/fuki.svg") center top no-repeat;
    background-size: cover;
    padding-top: 4.75em;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    margin-left: -12.90625em;
    top: 16em;
    opacity: 0;
}
.top .cont3 ul.isAnimate li .fuki {
    animation: fadeIn 0.4s ease 1.3s 1 forwards;
}
.top .cont3 ul li .fuki p {
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.875;
    color: #1F1F1F;
    text-align: center;
}
.top .cont3 ul li p {
    line-height: 1.45;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
}
.top .cont3 ul li:nth-child(5) p,
.top .cont3 ul li:nth-child(6) p {
    line-height: 1;
}
.top .cont3 .note {
    line-height: 1.45;
    letter-spacing: 0.05em;
    text-align: right;
    color: #6A6A6A;
    padding: 1.5em 2em 1em 0;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width:750px){
.top .cont3 {
    margin-bottom: 20vw;
}
.top .cont3 ul {
    margin-top: 1.5em;
}
.top .cont3 ul li {
    height: 15em;
}
.top .cont3 ul li:nth-child(2) {
    width: 23.28%;
}
.top .cont3 ul li:nth-child(3) {
    width: 19.17%;
}
.top .cont3 ul li:nth-child(4) {
    width: 8%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
}
.top .cont3 ul li:nth-child(5) {
    width: 4.5%;
}
.top .cont3 ul li:nth-child(6) {
    width: 4.5%;
}
.top .cont3 ul li h3 {
    font-size: 4.266vw;
}
.top .cont3 ul li .fuki {
    width: 62.133vw;
    height: 44.533vw;
    background-image: url("../img-new/data/fuki_sp.svg");
    padding-top: 4.5em;
    left: 50%;
    margin-left: -21.5vw;
    top: 10em;
}
.top .cont3 ul li .fuki p {
    font-size: 3.466vw;
    letter-spacing: normal;
    line-height: 1.45;
}
.top .cont3 ul li p {
    font-size: 3.466vw;
}
.top .cont3 ul li:nth-child(4) p {
    line-height: 1;
}
.top .cont3 .note {
    font-size: 3.2vw;
    letter-spacing: normal;
    text-align: left;
    padding: 8em 8vw 1em;
}
}


/* about
------------------------------------------------- */
/* .cont1 */
.about .cont1 {
    padding: 5.25em 0 11.75em;
    position: relative;
}
.about .cont1::before {
    content: '';
    width: 100%;
    height: 0;
    background: linear-gradient(180deg, #FFF800 0%, #00ADF4 60%, #2A51C3 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: 0.7s;
}
.about .cont1.isAnimate::before {
    height: 27em;
    opacity: 1;
    transition-delay: 0.3s;
}
.about .cont1 .inner {
    position: relative;
    z-index: 2;
}
.about .cont1 .dtit {
    margin-bottom: 2em;
}
.about .cont1 .dtit::before {
    background-color: #fff;
}
.about .cont1 .dtit span {
    color: #fff;
}
.about .cont1 .dtit span::before {
    background-color: #FFF800;
}
.about .cont1 ul li {
    width: 29.18%;
    height: 18.375em;
    margin: 0 1.636%;
    background-color: #fff;
    border-radius: 0.6875em;
    padding: 1.5em 0 0 2em;
    box-shadow: 0 0.1875em 0.375em 0 rgba(0,0,0,0.16);
    box-sizing: border-box;
    overflow: hidden;
}
.about .cont1 ul li h3 {
    font-weight: 700;
    color: #2A51C3;
    letter-spacing: 0.05em;
    position: relative;
}
.about .cont1 ul li h3 span {
    display: block;
    width: 9em;
    background-color: #FFF800;
    border-radius: 0 3em 3em 0;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 3.41;
    color: #2A51C3;
    margin-bottom: 5.8em;
    position: relative;
}
.about .cont1 ul li h3 span::before {
    content: '';
    width: 3.6em;
    height: 100%;
    background-color: #FFF800;
    position: absolute;
    left: -3.6em;
    top: 0;
}
.about .cont1 ul li h3 span::after {
    content: '';
    width: 1px;
    height: 3.85em;
    background-color: #2A51C3;
    position: absolute;
    left: 0;
    bottom: -5.15em;
}
.about .cont1 ul li p {
    letter-spacing: 0.05em;
    line-height: 1.6875;
}
@media only screen and (max-width:750px){
.about .cont1 {
    padding: 20vw 0 12vw;
}
.about .cont1.isAnimate::before {
    height: 57.5em;
}
.about .cont1 .dtit {
    margin-bottom: 1.5em;
}
.about .cont1 ul li {
    width: 90%;
    height: auto;
    margin: 0 auto;
    border-radius: 0.5em;
    padding: 1em 0 1.5em 2em;
    margin-bottom: 8vw;
}
.about .cont1 ul li h3 {
    font-size: 4.8vw;
}
.about .cont1 ul li h3 span {
    font-size: 3.2vw;
    line-height: 3;
    margin-bottom: 3.5em;
}
.about .cont1 ul li h3 span::after {
    height: 2.5em;
    bottom: -3.5em;
}
.about .cont1 ul li p {
    letter-spacing: 0.05em;
    line-height: 1.6875;
}
}

/* .cont2 */
.about .cont2 {
    padding-bottom: 12.75em;
}
.about .cont2 .copy {
    line-height: 2.1875;
    letter-spacing: 0.05em;
    padding-bottom: 2.5em;
}
.about .cont2 .sec {
    width: 56.25em;
    margin: 0 auto;
}
.about .cont2 .box {
    width: 100%;
    margin-bottom: 3.125em;
    box-sizing: border-box;
    position: relative;
}
.about .cont2 .box::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 1.4375em solid transparent;
    border-left: 1.4375em solid transparent;
    border-top: 1.5em solid #2A51C3;
    border-bottom: 0;
    position: absolute;
    left: 50%;
    margin-left: -1.4375em;
    bottom: -2.375em;
}
.about .cont2 .box1 {
    height: 6.625em;
    border: 1px solid #C4C4C4;
    border-radius: 0.6875em;
    padding: 1.375em 0.625em 1.375em 4em;
}
.about .cont2 .box1 dl dt {
    width: 26%;
}
.about .cont2 .box1 dl dd {
    width: 72%;
}
.about .cont2 .box1 h3 {
    margin-top: 0.75em;
    position: relative;
}
.about .cont2 .box1 h3::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #9D9D9D;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
}
.about .cont2 .box1 h3 span {
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #2A51C3;
    background-color: #fff;
    padding-right: 1em;
    position: relative;
    z-index: 2;
}
.about .cont2 .box1 ul {
    width: 50%;
}
.about .cont2 .box1 ul li {
    line-height: 1.428;
    letter-spacing: 0.05em;
}
.about .cont2 .box1 ul li::before {
    content: '●';
}
.about .cont2 .box2 {
    padding-top: 0.75em;
    position: relative;
    opacity: 0;
}
.about .cont2 .box2.isAnimate {
    animation: fadeIn 0.7s ease 0.7s 1 forwards;
}
.about .cont2 .box2::before {
    width: 2.875em;
    height: 1.5em;
    border: none;
    background: url("../img-new/data/about/arrow.png") center bottom no-repeat;
    background-size: cover;
    margin-left: -1.4375em;
}
.about .cont2 .box2 h4 {
    width: 18.766em;
    height: 19em;
    background: url("../img-new/data/about/img.svg") center center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.66;
    text-align: center;
    color: #2A51C3;
    margin: 0 auto;
}
.about .cont2 .box3 {
    text-align: center;
}
.about .cont2 .box3 p {
    font-weight: 700;
    color: #2A51C3;
    letter-spacing: 0.05em;
    padding: 0.5em 0;
    clip-path: inset(0 100% 0 0);
    transition: 1s;
    transition-property: clip-path;
}
.about .cont2 .box3 h5 {
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.9;
    clip-path: inset(0 100% 0 0);
    transition: 1s;
    transition-property: clip-path;
}
.about .cont2 .box3.isAnimate h5,
.about .cont2 .box3.isAnimate p {
    clip-path: inset(0);
    transition-delay: 0.5s;
}
@media only screen and (max-width:750px){
.about .cont2 {
    padding-bottom: 32.5vw;
}
.about .cont2 .copy {
    line-height: 1.9;
    padding-bottom: 2em;
}
.about .cont2 .sec {
    width: 100%;
}
.about .cont2 .box {
    width: 100%;
    margin-bottom: 3.125em;
}
.about .cont2 .box::before {
    border-right: 1.2em solid transparent;
    border-left: 1.2em solid transparent;
    border-top: 1.3em solid #2A51C3;
    margin-left: -1.2em;
    bottom: -2.375em;
}
.about .cont2 .box1 {
    height: auto;
    border-radius: 0.5em;
    padding: 1.25em 2em;
}
.about .cont2 .box1 dl dt {
    width: 100%;
}
.about .cont2 .box1 dl dd {
    width: 100%;
}
.about .cont2 .box1 h3 {
    margin: 0 0 0.5em;
}
.about .cont2 .box1 ul {
    width: 100%;
    font-size: 3.466vw;
}
.about .cont2 .box2::before {
    border: none;
    margin-left: -1.4375em;
}
.about .cont2 .box2 h4 {
    font-size: 6vw;
    width: 100%;
    height: 90vw;
    background-size: 100% auto;
}
.about .cont2 .box3 {
    text-align: center;
}
.about .cont2 .box3 p {
    font-size: 3.733vw;
    padding-bottom: 0.25em;
}
.about .cont2 .box3 h5 {
    font-size: 4.533vw;
    line-height: 1.8;
}
}

/* .cont3 */
.about .cont3 {
    padding-bottom: 31em;
    position: relative;
}
.about .cont3::before {
    content: '';
    width: 100%;
    height: 56.5em;
    background-color: #F1F1F1;
    border-radius: 2.5em 2.5em 0 0;
    position: absolute;
    left: 0;
    top: -7.25em;
    z-index: 1;
}
.about .cont3::after {
    content: '';
    width: 100%;
    height: 42.6875em;
    background-color: #F1F1F1;
    border-radius: 0 0 42.6875em 42.6875em;
    position: absolute;
    left: 0;
    top: 49.25em;
    z-index: 1;
}
.about .cont3 .map {
    display: none;
}
.about .cont3 .inner {
    z-index: 3;
}
.about .cont3 .dtit {
    margin-bottom: 1.5em;
}
.about .cont3 .sec {
    width: 100%;
    height: 61.125em;
    background: url("../img-new/data/about/bg.png") center top no-repeat;
    background-size: 100% auto;
    padding: 5.4375em 0 0 20.875em;
    box-sizing: border-box;
    position: relative;
}
.about .cont3 .sec .box {
    width: 32em;
    position: relative;
}
.about .cont3 .sec .box.box {
    margin-bottom: 6.25em;
}
.about .cont3 .sec .box h3 {
    line-height: 1.28;
    margin-bottom: 0.1em;
    position: relative;
}
.about .cont3 .sec .box h3::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #707070;
    position: absolute;
    right: 0;
    top: 1.2em;
}
.about .cont3 .sec .box h3 span {
    background-color: #fff;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #00ADF4;
    padding-right: 0.2em;
    position: relative;
    z-index: 2;
}
.about .cont3 .sec .box .txt {
    padding-bottom: 2.15em;
}
.about .cont3 .sec .box .point {
    width: 14.5em;
    height: 8.25em;
    border-radius: 0.8125em;
    background-color: #00ADF4;
    padding-left: 1.25em;
    box-sizing: border-box;
}
.about .cont3 .sec .box .point h4 {
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #FFF800;
    padding: 2em 0 0.5em;
}
.about .cont3 .sec .box .point p {
    font-weight: 700;
    color: #fff;
}
.about .cont3 .sec .box .info {
    position: absolute;
    left: 15.625em;
    top: 9em;
}
.about .cont3 .sec .box .info dl {
    display: flex;
    align-items: flex-end;
}
.about .cont3 .sec .box .info dl dd {
    color: #00ADF4;
    line-height: 1.2;
    padding-left: 1em;
}
.about .cont3 .sec .box .img {
    width: 17.125em;
    position: absolute;
    right: -18.3125em;
    top: 0.625em;
    z-index: 2;
    opacity: 0;
}
.about .cont3 .sec .box.isAnimate .img {
    animation: fadeIn 0.7s ease 0.7s 1 forwards;
}
.about .cont3 .sec .box .img p {
    font-weight: 700;
    text-align: center;
    padding-bottom: 1em;
}
.about .cont3 .sec .box.box2 h3 span {
    color: #2A51C3;
}
.about .cont3 .sec .box.box2 .txt {
    padding-bottom: 1.3em;
}
.about .cont3 .sec .box.box2 .point {
    background-color: #2A51C3;
}
.about .cont3 .sec .box.box2 .point h4 {
    padding: 1.5em 0 0.5em;
}
.about .cont3 .sec .box.box2 .info {
    top: 10em;
}
.about .cont3 .sec .box.box2 .info dl dd {
    color: #2A51C3;
}
.about .cont3 .sec .box.box2 .img {
    top: 2.625em;
}
.about .cont3 .sec .box.box2 .whbox {
    width: 39.375em;
    background-color: #fff;
    border-radius: 0.8125em;
    box-shadow: 0 0 0.375em 0 rgba(0,0,0,0.16);
    padding: 1.5em 2em 1.875em 2.3125em;
    position: absolute;
    left: 0;
    top: 20.3125em;
    box-sizing: border-box;
    z-index: 1;
    opacity: 0;
}
.about .cont3 .sec .box.box2.isAnimate .whbox {
    animation: fadeIn 0.7s ease 1.2s 1 forwards;
}
.about .cont3 .sec .box.box2 .whbox h5 {
    font-weight: 700;
    text-align: center;
    padding-bottom: 1em;
}
.about .cont3 .sec .box.box2 .whbox .table {
    position: relative;
}
.about .cont3 .sec .box.box2 .whbox .table img {
    display: block;
}
.about .cont3 .sec .box.box2 .whbox .table .img1 {
    width: 17.625em
}
.about .cont3 .sec .box.box2 .whbox .table .img2 {
    width: 16.3125em
}
.about .cont3 .sec .box.box2 .whbox .table .note {
    width: 14rem;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0.75em;
}
@media only screen and (max-width:750px){
.about .cont3 {
    padding-bottom: 80vw;
}
.about .cont3::before {
    height: 140em;
    border-radius: 2em;
    top: -15vw;
}
.about .cont3::after {
    display: none;
}
.about .cont3 .map {
    display: block;
    width: 80vw;
}
.about .cont3 .sec {
    width: 100%;
    height: auto;
    background: none;
    padding: 0;
}
.about .cont3 .sec .box {
    width: 100%;
    margin-top: -80vw;
    background-color: #fff;
    border-radius: 1.5em;
    padding: 2em 1.5em;
    box-sizing: border-box;
}
.about .cont3 .sec .box.box {
    margin-bottom: 6.25em;
}
.about .cont3 .sec .box h3 {
    font-size: 8.4vw;
}
.about .cont3 .sec .box h3::before {
    top: 0.95em;
}
.about .cont3 .sec .box .txt {
    font-size: 3.733vw;
    line-height: 1.75;
    padding-bottom: 1.5em;
}
.about .cont3 .sec .box .point {
    width: 100%;
    height: auto;
    border-radius: 0.5em;
    padding: 1.25em;
    box-sizing: border-box;
    margin-bottom: 1em;
}
.about .cont3 .sec .box .point h4 {
    padding: 0;
}
.about .cont3 .sec .box .point p {
    font-size: 3.733vw;
}
.about .cont3 .sec .box .info {
    position: static;
}
.about .cont3 .sec .box .info dl {
    font-size: 4.8vw;
    justify-content: center;
}
.about .cont3 .sec .box .info dl dd {
    font-size: 6.4vw;
}
.about .cont3 .sec .box .info dl dd span {
    font-size: 14vw;
}
.about .cont3 .sec .box .img {
    width: 45vw;;
    right: -4vw;
    top: -42.5vw;
}
.about .cont3 .sec .box.isAnimate .img {
    animation: fadeIn 0.7s ease 0.3s 1 forwards;
}
.about .cont3 .sec .box .img p {
    font-size: 3.2vw;
}
.about .cont3 .map.map2 {
    margin-top: -80vw;
}
.about .cont3 .sec .box.box2 {
    margin-top: -12vw;
}
.about .cont3 .sec .box.box2 .txt {
    padding-bottom: 1.5em;
}
.about .cont3 .sec .box.box2 .point h4 {
    padding: 0;
}
.about .cont3 .sec .box.box2 .img {
    top: -48vw;
}
.about .cont3 .sec .box.box2 .whbox {
    width: 100%;
    border-radius: 0.5em;
    padding: 1.5em 1em;
    top: 35em;
}
.about .cont3 .sec .box.box2.isAnimate .whbox {
    animation: fadeIn 0.7s ease 1s 1 forwards;
}
.about .cont3 .sec .box.box2 .whbox h5 {
    line-height: 1.45;
}
.about .cont3 .sec .box.box2 .whbox .table {
    display: flex;
}
.about .cont3 .sec .box.box2 .whbox .table .img1 {
    width: 10.5em
}
.about .cont3 .sec .box.box2 .whbox .table .img2 {
    width: 9.717em
}
.about .cont3 .sec .box.box2 .whbox .table .note {
    font-size: 2.9vw;
    width: 8rem;
    bottom: 0.3em;
}
}

/* .cont4 */
.about .cont4 {
    position: relative;
    z-index: 2;
}
.about .cont4 .inner {
    height: 29em;
    position: relative;
}
.about .cont4 .inner::before {
    content: '';
    width: 56.25em;
    height: 6.8em;
    background-color: #fff;
    border-radius: 1.5em;
    box-shadow: 0 0 0.375em 0 rgba(0,0,0,0.16);
    position: absolute;
    left: 50%;
    top: 12.1875em;
    margin-left: -28.125em;
}
.about .cont4 ul {
    position: absolute;
    left: 50%;
    bottom: 11.5625em;
    margin-left: -23.75em;
    z-index: 3;
}
.about .cont4 ul li {
    width: 6.375em;
    margin: 0 1.5625em;
    text-align: center;
}
.about .cont4 ul li:last-child {
    font-weight: 700;
}
.about .cont4 ul li div {
    overflow: hidden;
}
.about .cont4 ul li:nth-child(1) div {
    width: 8.4375em;
}
.about .cont4 ul li:nth-child(2) div {
    width: 11.375em;
}
.about .cont4 ul li:nth-child(3) div {
    width: 13.4375em;
}
.about .cont4 ul li:nth-child(4) div {
    width: 15.0625em;
}
.about .cont4 ul li:nth-child(5) div {
    width: 17.125em;
}
.about .cont4 ul li div img {
    transition: 0.4s;
}
.about .cont4 ul li:nth-child(1) div img {
    transform: translateX(-5em) translateY(40em);
    transition-delay: 0.5s;
}
.about .cont4 ul li:nth-child(2) div img {
    transform: translateX(-8em) translateY(40em);
    transition-delay: 1s;
}
.about .cont4 ul li:nth-child(3) div img {
    transform: translateX(-10em) translateY(40em);
    transition-delay: 1.5s;
}
.about .cont4 ul li:nth-child(4) div img {
    transform: translateX(-12em) translateY(40em);
    transition-delay: 2s;
}
.about .cont4 ul li:nth-child(5) div img {
    transform: translateX(-14em) translateY(40em);
    transition-delay: 2.5s;
}
.about .cont4 ul.isAnimate li div img {
    transform: translateX(0) translateY(0);
}
@media only screen and (max-width:750px){
.about .cont4 .inner {
    height: 22em;
}
.about .cont4 .inner::before {
    content: '';
    width: 100vw;
    height: 5em;
    left: -6vw;
    top: 12.5em;
    margin-left: 0;
}
.about .cont4 ul {
    display: flex;
    bottom: 5em;
    margin-left: -12.5em;
}
.about .cont4 ul li {
    width: 3em;
    margin: 0 0.5em;
    text-align: center;
}
.about .cont4 ul li span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.2vw;
    height: 3em;
    line-height: 1.2;
    padding-top: 0.5em;
}
.about .cont4 ul li:last-child {
    font-weight: 700;
}
.about .cont4 ul li div {
    overflow: hidden;
}
.about .cont4 ul li:nth-child(1) div {
    width: 3.97058em;
}
.about .cont4 ul li:nth-child(2) div {
    width: 5.35294em;
}
.about .cont4 ul li:nth-child(3) div {
    width: 6.32352em;
}
.about .cont4 ul li:nth-child(4) div {
    width: 7.08823em;
}
.about .cont4 ul li:nth-child(5) div {
    width: 8.05882em;
}
}

/* .cont5 */
.about .cont5 {
    padding-bottom: 9.375em;
}
.about .cont5 ul li {
    width: 30.9%;
}
.about .cont5 ul li img {
    border-radius: 0.625em;
}
.about .cont5 ul li .box {
    height: 16.25em;
    background-color: #EBEBEB;
    border-radius: 0.625em;
    padding: 1.75em 2em 0;
    box-sizing: border-box;
}
.about .cont5 ul li .box h3 {
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 0.5em;
}
.about .cont5 ul li .box p span {
    letter-spacing: -0.04em;
}
@media only screen and (max-width:750px){
.about .cont5 {
    padding-bottom: 12vw;
}
.about .cont5 ul li {
    width: 100%;
    margin: 0 auto 8vw;
}
.about .cont5 ul li img {
    border-radius: 0.5em;
}
.about .cont5 ul li .box {
    height: auto;
    border-radius: 0.5em;
    padding: 1.75em 1.5em;
}
.about .cont5 ul li .box h3 {
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 0.5em;
}
.about .cont5 ul li .box p {
    font-size: 3.733vw;
}
.about .cont5 ul li .box p span {
    letter-spacing: normal;
}
}

/* .cont6 */
.about .cont6 {
    width: 100%;
    height: 21.875em;
    background: linear-gradient(90deg, #FFF800 0%, #00ADF4 60%, #2A51C3 100%);
    border-radius: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5.25em;
}
.about .cont6 p {
    line-height: 1.9;
    color: #fff;
    text-align: center;
}
.about .cont6 p span {
    display: block;
    font-weight: 700;
    letter-spacing: 0.05em;
    clip-path: inset(0 100% 0 0);
    transition: 0.8s;
    transition-property: clip-path;
}
.about .cont6.isAnimate p span {
    clip-path: inset(0);
}
.about .cont6.isAnimate p span.sp1 {
    transition-delay: 0.5s;
}
.about .cont6.isAnimate p span.sp2 {
    transition-delay: 1.1s;
}
.about .cont6.isAnimate p span.sp3 {
    transition-delay: 1.7s;
    padding-bottom: 2em;
}
.about .cont6.isAnimate p span.sp4 {
    transition-delay: 2.3s;
}
@media only screen and (max-width:750px){
.about .cont6 {
    height: 22em;
    border-radius: 2em;
    margin-bottom: 20vw;
}
}


/* future
------------------------------------------------- */
/* .cont1 */
.future .cont1 {
    padding: 5.25em 0 7.375em;
}
.future .cont1 ul {
    width: 57.375em;
    margin: 0 auto;
}
.future .cont1 ul li {
    width: 46.84%;
    margin: 0 0 7em;
    position: relative;
}
.future .cont1 ul li img {
    border-radius: 0.625em;
    box-shadow: 0 0.1875em 0.375em 0 rgba(0,0,0,0.16);
}
.future .cont1 ul li .box {
    width: 17.5625em;
    height: 6.4375em;
    background-color: #00ADF4;
    border-radius: 0.625em;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -4.5625em;
    margin-left: -8.78125em;
}
.future .cont1 ul li .box h3 {
    width: 7.25em;
    line-height: 2.166;
    background-color: #FFF800;
    border-radius: 2em;
    font-weight: 500;
    letter-spacing: 0.09em;
    color: #00ADF4;
    position: absolute;
    left: 50%;
    top: -1.0833em;
    margin-left: -3.625em;
}
.future .cont1 ul li .box p {
    font-weight: 700;
    color: #fff;
    line-height: 1.5625;
    padding-top: 2.6875em;
    position: relative;
}
.future .cont1 ul li .box p::before {
    content: '';
    width: 1px;
    height: 1.125em;
    background-color: #FFF800;
    position: absolute;
    left: 50%;
    top: 1.3125em;
}
@media only screen and (max-width:750px){
.future .cont1 {
    padding: 20vw 0 10vw;
}
.future .cont1 ul {
    width: 100%;
}
.future .cont1 ul li {
    width: 100%;
    margin: 0 auto 30vw;
}
.future .cont1 ul li .box {
    width: 17.5625em;
    height: 6.4375em;
    bottom: -4.5625em;
    margin-left: -8.78125em;
}
.future .cont1 ul li .box h3 {
    font-size: 3.2vw;
}
}

/* .cont2 */
.future .cont2 {
    padding-bottom: 5.5em;
    position: relative;
}
.future .cont2::before {
    content: '';
    width: 100%;
    height: 43.3125em;
    background: url("../img-new/data/future/bg.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 2.5em 2.5em 0 0;
    position: absolute;
    left: 0;
    top: 5.5em;
    opacity: 0;
}
.future .cont2.isAnimate::before {
    animation: fadeIn 0.7s ease 0.1s 1 forwards;
}
.future .cont2 .inner {
    z-index: 2;
}
.future .cont2 h3 {
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: 1.275;
    text-align: center;
    color: #FFF800;
    padding: 3.65em 0 2.45em;
}
.future .cont2 ul li {
    width: 40.27%;
    height: 12.625em;
    background-color: rgba(255,255,255,0.83);
    border-radius: 0.625em;
    margin: 0 1em;
    padding-top: 1.5em;
    text-align: center;
    box-sizing: border-box;
}
.future .cont2 ul li h4 {
    width: 8em;
    line-height: 2.25;
    background-color: #2A51C3;
    border-radius: 0.5em;
    margin: 0 auto 1.75em;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
}
.future .cont2 ul li:nth-child(2) h4 {
    margin: 0 auto 0.75em;
}
.future .cont2 ul li p {
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.625;
}
.future .cont2 .box {
    width: 49.6875em;
    height: 14em;
    background-color: rgba(255,255,255,0.83);
    border-radius: 10em;
    margin: -1.85em auto 3.75em;
    text-align: center;
}
.future .cont2 .box p {
    font-weight: 700;
    line-height: 1.95;
    letter-spacing: 0.05em;
    padding-top: 4.65em;
    position: relative;
}
.future .cont2 .box p span {
    display: none;
}
.future .cont2 .box p::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 1.277em solid transparent;
    border-left: 1.277em solid transparent;
    border-top: 1.33em solid #2A51C3;
    border-bottom: 0;
    position: absolute;
    left: 50%;
    top: 2.72em;
    margin-left: -1.277em;
}
.future .cont2 .img {
    width: 64.5625em;
    margin: 0 auto;
}
@media only screen and (max-width:750px){
.future .cont2 {
    padding-bottom: 20vw;
}
.future .cont2::before {
    height: 55em;
    border-radius: 2em 2em 0 0;
    top: 5.5em;
}
.future .cont2 h3 {
    font-size: 4.266vw;
    padding: 3.5em 0 2.25em;
}
.future .cont2 ul li {
    width: 84%;
    height: auto;
    border-radius: 0.5em 0.5em 0 0;
    margin: 0 auto;
    padding: 1.5em 0 1em;
}
.future .cont2 ul li:nth-child(2) {
    border-radius: 0 0 0.5em 0.5em;
    padding: 1em 0 3em;
}
.future .cont2 ul li h4 {
    font-size: 3.2vw;
    margin: 0 auto 1em;
}
.future .cont2 ul li:nth-child(2) h4 {
    margin: 0 auto 1em;
}
.future .cont2 ul li p {
    font-size: 3.733vw;
    line-height: 1.55;
}
.future .cont2 .box {
    width: 96vw;
    height: auto;
    border-radius: 5em;
    margin: -1.5em 0 3.75em -4vw;
}
.future .cont2 .box p {
    font-size: 4.266vw;
    line-height: 1.7;
    padding: 4.65em 0 2em 0.5em;
    text-align: left;
}
.future .cont2 .box p span {
    display: inline;
}
.future .cont2 .box p::before {
    border-right: 1.1em solid transparent;
    border-left: 1.1em solid transparent;
    border-top: 1.2em solid #2A51C3;
    top: 2.5em;
    margin-left: -1.1em;
}
.future .cont2 .img {
    width: 96vw;
    margin-left: -4vw;
}
}

/* .cont3 */
.future .cont3 {
    width: 100%;
    height: 16.875em;
    background: linear-gradient(90deg, #FFF800 0%, #00ADF4 60%, #2A51C3 100%);
    border-radius: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5.25em;
}
.future .cont3 p {
    line-height: 1.9;
    color: #fff;
    text-align: center;
}
.future .cont3 p span {
    display: block;
    font-weight: 700;
    letter-spacing: 0.05em;
    clip-path: inset(0 100% 0 0);
    transition: 0.8s;
    transition-property: clip-path;
}
.future .cont3.isAnimate p span {
    clip-path: inset(0);
}
.future .cont3.isAnimate p span.sp1 {
    transition-delay: 0.5s;
}
.future .cont3.isAnimate p span.sp2 {
    transition-delay: 1.1s;
}
.future .cont3.isAnimate p span.sp3 {
    transition-delay: 1.7s;
}
@media only screen and (max-width:750px){
.future .cont3 {
    height: 12em;
    border-radius: 2em;
    margin-bottom: 20vw;
}
}