@charset "utf-8";
/*Trace*/
.trace{
    position: absolute;
    top:-4px;
    left: -7px;
    width: 100%;
    height: 17000px;
    opacity:0;
    opacity:0.5;
    
    z-index:20;
    background: url(../img/chat/trace_pc.png) top center no-repeat;
}




/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
共通
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
:root {
    --color-white: #fff;
    --color-light_blue: #eaf3fa;
    --color-blue: #365196;
    --color-pink: #e50180;
    --color-yellow:#feff04;
    --color-green:#028fae;
    --color-black:#333333;
}

/*ポイントカラー
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.p1-color{
    color:#fff;
}
.p2-color{
    color:#365196;
}
/*テキストグラデ―ション
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.txt_grad{
    color: #04a79b;
    background: -webkit-linear-gradient(0deg, #04a79b, #0079bd);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*下線
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.underline1 {
    background: linear-gradient(transparent 60%, yellow 30%);
}
.underline2 {
    background: linear-gradient(0deg, #04a79b, #0079bd);
}
/*Button
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#main .btn_box {
    width: 100%;
    border-radius: 100px;
    overflow: hidden;
}
#main .btn_box .link_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--color-white);
    font-size: 1.4rem;
    font-weight: 500;
    background: var(--color-pink);
}

/*Main
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#main{
    color: var(--color-black);
    line-height: 1;
}
#main .inner_wrap{
    position: relative;
    width: 100%;
    margin:0 auto;
    z-index: 10;
}
#main h2,
#main h3,
#main h4,
#main h5{
    font-weight: 600;
}
#main ul,
#main ol{
    list-style: none;
    padding:0;
    margin:0;
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
スマホ
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#main .sp{
    display: block;
}
#main .pc{
    display: none;
}

/*==========================
 メインビジュアル 
==========================*/
#main .sec_1 {
    padding-top: 64px;
    overflow: hidden;
    background: linear-gradient(0.25turn, #017abc, #01a39f);
}
#main .mv.sec_1 .wrap {
}
#main .mv.sec_1 .inner {
}
#main .mv.sec_1 .sec1_cont {
    width: 100%;
}
#main .mv.sec_1 .sec1_txt {
    position: absolute;
    width: 100%;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    padding-bottom: 53vw;
}
#main .mv.sec_1 .sec1_txt h2 {
    font-size: 7.6vw;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 0.5vw;
    margin:17.5vw 0 2.8vw;
}
#main .mv.sec_1 .sec1_txt .description {
    font-size: 3.6vw;
    line-height: 1.75;
}
#main .mv.sec_1 .sec1_img {
}

/*==========================
 独自データで訓練 
==========================*/
#main .sec_2{
    padding:5vw 0 0;
    background: var(--color-light_blue);
}
#main .sec_2 .inner_wrap{
    width: 90vw;
    padding:10vw 0 10.2vw;
    background: var(--color-white);
}
/*Title*/
#main .sec_2 .area_title{
    position: relative;
    width: fit-content;
    font-size: 1.7rem;
    line-height: 1.9;
    letter-spacing: -1px;
    text-align:center;
    margin:0 auto 0;
}
#main .sec_2 .area_title::after{
    content: '';
    position: absolute;
    top:calc(100% - 2.7vw);
    left:0;
    display: block;
    width: 100%;
    height: 4px;
    background: var(--color-blue);
}
#main .sec_2 .area_title span{
    font-size: 2.3rem;
}
#main .sec_2 .area_title span.fs{
    font-size: 2rem;
}
/*SubTitle*/
#main .sec_2 .sub_title{
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2;
    text-align:center;
    margin-bottom:15vw;
}
#main .sec_2 .sub_title span{
    font-size: 2.2rem;
}
#main .sec_2 .sub_title .underline1 {
    background: linear-gradient(transparent 82%, yellow 30%);
}
#main .sec_2 .sub_title .unli{
    position: relative;
}
#main .sec_2 .sub_title .unli::before{
    content:'';
    position: absolute;
    bottom:1vw;
    left:0;
    width: 100%;
    height: 1vw;
    background: yellow;
    z-index: -1;
}
/*Txt*/
#main .sec_2 .txt{
    position: relative;
    width: fit-content;
    padding: 2.25vw 4.8vw;
    margin: 0 auto 7vw;
    color: var(--color-white);
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    background: var(--color-blue);
    z-index:1;
}
#main .sec_2 .txt span{
    position: absolute;
    bottom:-1.7vw;
    left:0;
    right:0;
    margin:auto;
    display: block;
    width: 5vw;
    height: 5vw;
    transform: rotate(45deg);
    background: var(--color-blue);
    z-index:-1;
}
/*img*/
#main .sec_2 .img_cont.sp{
    width: calc(100% - 10.8vw);
    height: auto;
    margin:0 auto;
}

/*==========================
 Madia Coverage 
==========================*/
#main .sec_3{
    position: relative;
    padding:16.6vw 0 34.5vw;
    background: var(--color-blue);
}
/*Title*/
#main .sec_3 .area_title{
    color:#365196;
    font-size:7.8125vw ;
    font-weight: 400;
    text-align:center;
    margin:0 auto 4vw;
}
/*Sub Title*/
#main .sec_3 .sub_title{
    width: fit-content;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 2.1;
    text-align:left;
    margin:0 auto 16vw;
}
/*Img*/
#main .sec_3 .media_img{
    text-align: center;
}
#main .sec_3 .media_img img{
    width:89% ;
    margin:0 auto;
}
/*Mask
===============================*/
#main .sec_3 .mask {
    position: absolute;
    top: -4px;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 87.6%, 0% 0%, 100% 0%, 100% 100%);
    background: var(--color-light_blue);
}

/*==========================
 こんなお悩みありませんか？
==========================*/
#main .sec_4{
    position: relative;
    padding:6.3vw 0 8vw;
    text-align: center;
    background: var(--color-blue);
}
/*Title*/
#main .sec_4 .area_title{
    position: relative;
    width: fit-content;
    color:var(--color-white);
    font-size: 2rem;
    margin:0 auto 13vw;
}
/*List*/
#main .sec_4 .list_txt{
    width: 90vw;
    padding:8vw 5vw 43vw 5vw;
    margin:0 auto;
    list-style: none;
    text-align: left;
    background: url(../img/chat_txt/sp/nayami_bg_sp.webp) top center no-repeat;
    background-size: 100% auto;
}
#main .sec_4 .list_txt li{
    position: relative;
    color: var(--color-blue);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6;
    padding-left:11vw;
    margin-bottom:7vw;
}
#main .sec_4 .list_txt li:before{
    content:'';
    position: absolute;
    top:0.4vw;
    left:0;
    display: block;
    width:5.4vw ;
    height: 5.4vw;
    margin-right: 2vw;
    background: url(../img/chat_txt/list_check.webp) center center no-repeat;
    background-size: 100% auto;
}
/*Mask*/
#main .sec_4 .mask1 {
    position: absolute;
    bottom: -11vw;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 25vw;
    height: 25vw;
    transform: rotate(45deg) skew(344deg, 344deg);
    background: var(--color-blue);
    z-index: 1;
}

/*==========================
 「うちのAI」がすべて解決します！
==========================*/
#main .sec_5 {
    position: relative;
    padding:23vw 0 8vw;
    text-align: center;
    background: linear-gradient(0.75turn, #01a39f, #017abc);
}
#main .sec_5 .inner_wrap{
    padding:6vw 5vw 0;
    overflow: hidden;
    background: url(../img/chat_txt/kaiketu_bg.webp) top center no-repeat;
    background-size: 64% auto;
}
/*Title*/
#main .sec_5 .area_title{
    position: relative;
    width: fit-content;
    color:var(--color-blue);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2;
    margin:0 auto 18vw;
}
/*txt*/
#main .sec_5 .txt{
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2;
    text-align: left;
    margin:0 auto 12.7vw;
}
/*Button*/
#main .sec_5 .btn_wrap{
    display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
    width: 76vw;
    margin: 0 auto 10vw;
}
#main .sec_5 .btn_wrap .btn_box{
    width: 100%;
    height: 15.6vw;
    overflow: hidden;
    border-radius: 20vw;
    margin-bottom:10vw;
}
#main .sec_5 .btn_wrap .btn_box.inquiry{
    margin-bottom: 4vw;
}
#main .sec_5 .btn_wrap .btn_box .link_btn{
    font-size: 1.4rem;
    font-weight: 500;
}
/*Mask
===============================*/
#main .sec_5 .mask_bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% calc(100% - 101px), 0% 0%, 100% 0%, 100% 100%);
    background: #fff;
}

/*==========================
 ChatGPTの実⼒
==========================*/
#main .sec_6 {
    position: relative;
    padding: 21vw 0 0;
    text-align: center;
    background: linear-gradient(0.75turn, #01a39f, #017abc);
}
#main .sec_6 .inner_wrap {
    padding: 0 5vw 15vw;
    background: url(../img/chat_txt/sp/sec_6_sp_bg.webp) center 96.6% no-repeat;
    background-size: 90% auto;
}
/*Title*/
#main .sec_6 .area_title{
    position: relative;
    color:var(--color-white);
    font-size: 2.5rem;
    margin:0 auto 2vw;
}
#main .sec_6 .area_title::before{
    content:'';
    position: absolute;
    top: -20vw;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 13vw;
    height: 13vw;
    background: url(../img/chat_txt/sec_6_ic.webp) center center no-repeat;
    background-size: contain;
}
/*txt*/
#main .sec_6 .sub_title{
    color:var(--color-white);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2;
    margin:0 auto 9.6vw;
}
/*Box
===============================*/
#main .sec_6 .box{
    position: relative;
    padding:12vw 5vw 43vw;
    margin:0 0 23.1vw;
    text-align: left;
    border-radius: 49px;
    background: var(--color-white);
}
#main .sec_6 .box .title{
    position: relative;
    display: flex;
    align-items: center;
    color:var(--color-blue);
    font-size: 1.8rem;
    font-weight: 500;
    text-align: left;
    margin:0 auto 8.7vw;
}
/*no1
===============================*/
#main .sec_6 .no1::after{
    content:'';
    position: absolute;
    bottom: 10vw;
    right: 0vw;
    width: 34vw;
    height: 34vw;
    opacity: 0.3;
    background: url(../img/chat_txt/06_box_bg1.webp) center center no-repeat;
    background-size: 100% auto;
}
#main .sec_6 .no1 .title:before{
    content:'';
    display: inline-block;
    width: 12vw;
    height: 9vw;
    margin-right: 3vw;
    background: url(../img/chat_txt/06_box_1.webp) center center no-repeat;
    background-size: 100% auto;
}
#main .sec_6 .no1 p{
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2;
}
/*no2
===============================*/
#main .sec_6 .no2{
    padding:12vw 5vw 19vw;
    margin: 0 0 10vw;
}
#main .sec_6 .no2::after{
    content:'';
    position: absolute;
    bottom: 100%;
    right: 13.6vw;
    width: 64.6vw;
    height: 57vw;
    background: url(../img/chat_txt/06_01.webp) bottom center no-repeat;
    background-size: 100% auto;
}
#main .sec_6 .no2 .title{
    font-size: 1.9rem;
    margin-bottom:17vw;
}
#main .sec_6 .no2 .title span{
    padding-bottom:1vw;
    letter-spacing: -1px;
}
#main .sec_6 .no2 .title:before{
    content:'';
    display: inline-block;
    width: 15vw;
    height: 9vw;
    margin-right: 3vw;
    background: url(../img/chat_txt/06_box_2.webp) center center no-repeat;
    background-size: 100% auto;
}
/*List*/
#main .sec_6 .no2 .capa_list{
}
#main .sec_6 .no2 .capa_list li{
    width:100% ;
    margin-bottom:19vw;
}
#main .sec_6 .no2 .capa_list li:last-child{
    margin-bottom:0;
}
#main .sec_6 .no2 .capa_list li h4{
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
}
#main .sec_6 .no2 .capa_list li img{
    display: block;
    width: 31.1vw;
    height: auto;
    margin:6.8vw auto 4.8vw;
}
#main .sec_6 .no2 .capa_list li p{
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6;
    text-align: left;
}
/*そんなChatGPTに・・
==========================*/
#main .sec_6 .hl3{
    position: relative;
    width: fit-content;
    color: var(--color-white);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2;
    text-align: left;
    margin:0 auto 59.2vw;
}
#main .sec_6 .hl3 .fc{
    color: var(--color-yellow);
}
#main .sec_6 .hl3 .grad_border{
    position: relative;
    letter-spacing: -1px;
}
#main .sec_6 .hl3 .grad_border::after{
    content: '';
    position: absolute;
    top:calc(100% + -4px);
    left:0;
    right:0;
    display: block;
    width: 100%;
    height: 2vw;
    max-height: 8px;
    margin:auto;
    border-radius: 24px;
    background: linear-gradient(0.75turn, #049fa0, #fbfe06);
}
/* #main .sec_6 .hl3::after{
    content: '';
    position: absolute;
    top:calc(100% + -4px);
    left:0;
    right:0;
    display: block;
    width: 100%;
    height: 14px;
    margin:auto;
    border-radius: 24px;
    background: linear-gradient(0.75turn, #049fa0, #fbfe06);
} */
/*Button*/
#main .sec_6 .btn_wrap {
    width: 75vw;
    height: 16vw;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 20vw;
}
#main .sec_6 .btn_wrap .link_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--color-white);
    font-size: 1.4rem;
    font-weight: 500;
    background:var(--color-pink);
}

/*==========================
 従来型AIチャットボット
==========================*/
#main .sec_7 {
    position: relative;
    padding: 19vw 0 0;
    text-align: center;
    background: url(../img/chat_txt/sec_7_bg.webp) bottom center no-repeat;
    background-size: 100% 100%;
}
#main .sec_7 .inner_wrap {
    position: relative;
    padding:0 5vw 14vw;
}
/*Title*/
#main .sec_7 .area_title{
    position: relative;
    color:var(--color-blue);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.6;
    margin:0 auto 13.9vw;
}
#main .sec_7 .area_title::after{
    content:'';
    position: absolute;
    top: -10.2vw;
    right: -0.7vw;
    display: block;
    width: 64vw;
    height: 43vw;
    background: url(../img/chat_txt/sec_7_deco.webp) center center no-repeat;
    background-size: contain;
}
/*Cont
===============================*/
#main .sec_7 .cont{
}
#main .sec_7 .cont .box{
    width: 100%;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 4px 4px rgba(0,0,0,0.5);
    background: var(--color-white);
}
#main .sec_7 .cont .box .b_title{
    color:var(--color-white);
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    padding:7.2vw 0;
    text-shadow: 0 3px 2px rgba(0,0,0,0.5);
}
#main .sec_7 .cont .box .wrap{
    padding:7.5vw 6.8vw 0;
}
/*Title h4*/
#main .sec_7 .cont .box .title1{
    width: fit-content;
    margin: 0 auto 4vw;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6;
    text-align: left;
}
#main .sec_7 .cont .box .title2{
    font-size: 1.5rem;
}
#main .sec_7 .cont .box .title3{
    display: flex;
	flex-wrap: wrap;
    flex-direction: column;
	justify-content: center;
	align-items: center;
    margin:0 0 5vw;
    font-size: 1rem;
    line-height: 2;
    text-align: left;
}
/*Txt*/
#main .sec_7 .cont .box p{
    position: relative;
}
/*吹き出し*/
#main .sec_7 .cont .box .abs{
    position: absolute;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}
/*Line*/
#main .sec_7 .cont .no1 .line_l,
#main .sec_7 .cont .no2 .line_r{
    font-size:1.3rem;
    padding-bottom:10vw;
}
/*✕、〇*/
#main .sec_7 .cont .no1 .title3::before,
#main .sec_7 .cont .no2 .title3::before{
    content: '';
    display: inline-block;
}
/*no1
==========================*/
#main .sec_7 .cont .no1{
    margin-bottom:13.6vw;
    background: #f2f2f2;
}
#main .sec_7 .cont .no1 .b_title{
    background: var(--color-blue);
}
#main .sec_7 .cont .no1 .title2{
    margin: 10vw 0 10vw;
}
#main .sec_7 .cont .no1 .line_l{
    margin:0 0 12.6vw;
    background: url(../img/chat_txt/sec_7_l_line.webp) bottom center no-repeat;
    background-size: 100% auto;
}
/*男性*/
#main .sec_7 .cont .no1 .l1{
    margin-bottom:7.3vw;
}
#main .sec_7 .cont .no1 .l1 span{
    top: 9.7vw;
    right: 11.8vw;
}
#main .sec_7 .cont .no1 .l1 .sp{
    width: 61vw;
    margin: 0 0 0 8vw;
}
/*女性*/
#main .sec_7 .cont .no1 .l2{
    margin-bottom:8.7vw;
}
#main .sec_7 .cont .no1 .l2 span{
    top: 6.1vw;
    left: 12vw;
    letter-spacing: -1px;
}
#main .sec_7 .cont .no1 .l2 .sp{
    width: 61vw;
    margin: 0 0 0 8vw;
}
/*✕*/
#main .sec_7 .cont .no1 .title3{
    font-size: 1.2rem;
    line-height: 2;
    margin:10vw 0 8vw;
}
#main .sec_7 .cont .no1 .title3::before{
    width: 10vw;
    height: 10vw;
    margin:0 0 3vw;
    background: url(../img/chat_txt/sec_7_false.webp) center center no-repeat;
    background-size: contain;
}
/*✕印男性*/
#main .sec_7 .cont .no1 .l3{
    width: 33vw;
    height: auto;
}
/*no2
==========================*/
#main .sec_7 .cont .no2{
    background: url(../img/chat_txt/sp/sec_7_bg2_sp.webp) bottom center no-repeat #fff;
    background-size: 100% auto;
}
#main .sec_7 .cont .no2 .b_title{
    background: var(--color-green);
}
#main .sec_7 .cont .no2 .title1{
    margin: 0 auto 1.3vw;
}
#main .sec_7 .cont .no2 .title2{
    margin: 10vw 0 12.4vw;
}
#main .sec_7 .cont .no2 .line_r{
    background: url(../img/chat_txt/sec_7_r_line.webp) bottom center no-repeat;
    background-size: 100% auto;
}
/*男性*/
#main .sec_7 .cont .no2 .r1{
    margin-bottom:3.6vw;
}
#main .sec_7 .cont .no2 .r1 .sp{
    width:73vw;
}
#main .sec_7 .cont .no2 .r1 span{
    top: 10vw;
    right: 12vw;
}
/*女性*/
#main .sec_7 .cont .no2 .r2{
    margin-bottom:7vw;
}
#main .sec_7 .cont .no2 .r2 .sp{
    width:73vw;
}
#main .sec_7 .cont .no2 .r2 span{
    top: 7vw;
    left: 8vw;
}
/*◎*/
#main .sec_7 .cont .no2 .title3{
    font-size: 1.2rem;
    text-align: center;
    margin:8vw 0 79.2vw;
}
#main .sec_7 .cont .no2 .title3::before{
    width: 14vw;
    height: 14vw;
    margin:0 0 4vw;
    background: url(../img/chat_txt/sec_7_true.webp) center center no-repeat;
    background-size: contain;
}
/*Button*/
#main .sec_7 .layout{
    width: 100%;
    padding:0;
    margin: 11vw auto 0;
}
#main .sec_7 .layout .txt{
    color:var(--color-white);
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom:5vw;
}
#main .sec_7 .btn_wrap {
    width: 75vw;
    height: 15.6vw;
    margin: 0 auto;
    border-radius: 20vw;
    overflow: hidden;
}
#main .sec_7 .btn_wrap .link_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--color-white);
    font-size: 1.4rem;
    font-weight: 500;
    background: var(--color-pink);
}
/*男性AI*/
#main .sec_7 .bg {
    position: absolute;
    bottom: 0;
    right: -58px;
    width: 471px;
}
#main .sec_7 .bg img {
    width: 100%;
    height: auto;
}

/*===============================
「うちのAI」を採⽤すると
===============================*/
#main .sec_8 {
    position: relative;
    padding: 23vw 0 0;
    text-align: center;
    background: var(--color-white);
}
#main .sec_8 .inner_wrap.iw1 {
    position: relative;
    padding-bottom: 19.3vw;
}
/*Title*/
#main .sec_8 .area_title{
    position: relative;
    color:var(--color-blue);
    font-size: 1.3rem;
    font-weight: 700;
}
#main .sec_8 .area_title::after{
    content:'';
    position: absolute;
    top: -13vw;
    right: 3.4vw;
    display: block;
    width: 57vw;
    height: 43vw;
    background: url(../img/chat_txt/sec_7_deco.webp) center center no-repeat;
    background-size: contain;
}
#main .sec_8 .area_title span{
    position: relative;
    display: inline-block;
    margin-bottom: 6vw;
    font-size: 2.3rem;
}
/*Contents
===============================*/
#main .sec_8 .cont_wrap{
    background: var(--color-light_blue);
}
#main .sec_8 .cont_wrap .inner_wrap{
    position: relative;
    padding:8.1vw 0 12.7vw;
    z-index:5;
}
/*Title*/
#main .sec_8 .cont .b_title{
    display: flex;
	flex-wrap: wrap;
	align-items: center;
    color:var(--color-white);
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom:6vw;
}
/*Txt*/
#main .sec_8 .cont .b_txt1{
    color:var(--color-white);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;
}
#main .sec_8 .cont .b_txt2{
    color:var(--color-white);
    font-size: 2.7rem;
    font-weight: 500;
}
#main .sec_8 .cont .b_txt2 span{
    color:var(--color-yellow);
}
#main .sec_8 .cont .b_txt3{
    width: fit-content;
    color: var(--color-white);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;
    text-align: left;
}
#main .sec_8 .cont .b_txt3 .underline1{
    font-weight: 700;
    background: linear-gradient(transparent 94%, yellow 30%);
}
/*ImageBox*/
#main .sec_8 .cont .imgbox{
    position: relative;
}
/*Cont1
===============================*/
#main .sec_8 .cont .iw2{
    margin-bottom:9.8vw;
}
#main .sec_8 .cont .iw2::before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(34% 0%, 100% 0, 100% 100%, -81% 100%);
    background: linear-gradient(0.25turn, #01a39f, #017abc);
    z-index:-1;
}
/*TxtBox*/
#main .sec_8 .c1 .txtbox{
    width: 100%;
}
/*Title*/
#main .sec_8 .c1 .b_title{
    text-align: left;
}
#main .sec_8 .c1 .b_title:before{
    content:'';
    display: inline-block;
    width: 19vw;
    height: 10vw;
    margin: 0 10.6vw 0 5vw;
    background: url(../img/chat_txt/sec_08_merit01.webp) center center no-repeat;
    background-size: contain;
}
/*Txt*/
#main .sec_8 .c1 .b_txt1{
    margin:0 0 3.8vw 2vw; 
}
#main .sec_8 .c1 .b_txt2{
    margin:0 0 13.3vw 2vw;
}
#main .sec_8 .c1 .b_txt3{
    margin:0 auto;
    font-weight: 400;
}
/*チャット画面*/
#main .sec_8 .c1 .decobox{
    position: relative;
    margin: 0 0 7.6vw;
}
#main .sec_8 .c1 .decobox .abs{
    position: absolute;
    bottom: 7.2vw;
    left: 36.4vw;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
}
/*Cont2
===============================*/
#main .sec_8 .cont .iw3{
    padding: 7.5vw 0 16.7vw;
}
#main .sec_8 .cont .iw3::before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 66% 0, 176% 100%, 0% 100%);
    background: linear-gradient(0.75turn, #01a39f, #017abc);
    z-index:-1;
}
/*TxtBox*/
#main .sec_8 .c2 .txtbox{
    width: 100%;
}
/*Title*/
#main .sec_8 .c2 .b_title{
    justify-content: flex-end;
    margin-bottom: 9vw;
}
#main .sec_8 .c2 .b_title:after{
    content:'';
    display: inline-block;
    width: 21vw;
    height: 10vw;
    margin: 0 5.2vw 0 3.2vw;
    background: url(../img/chat_txt/sec_08_merit02.webp) center center no-repeat;
    background-size: contain;
}
/*Txt*/
#main .sec_8 .c2 .b_txt1{
    margin:0 0 3vw 0; 
}
#main .sec_8 .c2 .b_txt2{
    margin:0 0 14vw 0; 
}
#main .sec_8 .c2 .b_txt3{
    margin:0 auto;
    font-size: 1.3rem;
    font-weight: 400;
}
/*チャット画面2*/
#main .sec_8 .c2 .decobox{
    position: relative;
    margin: 0 0 5.4vw;
}
#main .sec_8 .c2 .decobox .abs{
    position: absolute;
    bottom: 9.4vw;
    left: 45.2vw;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
}

/*===============================
sec9：30秒でカンタン⼊⼒
===============================*/
#main .sec_9{
    position: relative;
    overflow: hidden;
    padding:22vw 0 12.7vw;
    background: #d7e6f4;
}
/*Txt*/
#main .sec_9 .txt{
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    margin:0 auto 5.6vw 15vw;
}
/*Button*/
#main .sec_9 .btn_wrap{
    width: 87.4vw;
    height: 15.4vw;
    margin: 0 auto 0 7vw;
    border-radius: 20vw;
    overflow: hidden;
}
#main .sec_9 .btn_wrap .link_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--color-white);
    font-size: 1.4rem;
    font-weight: 500;
    background: var(--color-pink);
}
/*画像*/
#main .sec_9 .deco_abs{
    position: absolute;
    top: -9.3vw;
    left: 5.5vw;
    width: 100%;
    max-width: 20vw;
    height: auto;
    z-index:-1;
}
/*マスク*/
#main .sec_9 .mask{
    position: absolute;
    top: 0;
    left: 8vw;
    right: 0;
    margin: auto;
    width: 58vw;
    height: 100%;
    background: #eaf3fa;
    transform: skewX(15deg);
}

/*===============================
データ分析に活⽤する場合
===============================*/
#main .sec_10{
    position: relative;
    overflow: hidden;
    padding:8.6vw 0 15.5vw;
    background: linear-gradient(0.75turn, #01a39f, #017abc);
}
#main .sec_10::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 34% 0%, -182% 100%, 0% 100%);
    background: var(--color-light_blue);
}
/*Area Title*/
#main .sec_10 .area_title{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--color-white);
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 7vw;
}
#main .sec_10 .area_title:before {
    content: '';
    display: inline-block;
    width: 21vw;
    height: 10vw;
    margin: -8.6vw 4vw 0 5.6vw;
    background: url(../img/chat_txt/sp/08_merit03_SP.webp) center center no-repeat;
    background-size: contain;
}
/*Sub_txt*/
#main .sec_10 .sub_txt{
    color: var(--color-white);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    margin-bottom: 8.7vw;
}
#main .sec_10 .sub_txt .fs{
    font-size: 2.6rem;
    line-height: 1.5;
    padding-top: 5vw;
    display: inline-block;
}
#main .sec_10 .sub_txt .fc{
    color: var(--color-yellow);
}
/*Sub_Title*/
#main .sec_10 .sub_title{
    color: var(--color-white);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
}
#main .sec_10 .sub_title .fc{
    color: var(--color-yellow);
}
#main .sec_10 .sub_title .fs{
    position: relative;
    font-size: 2.2rem;
}
#main .sec_10 .sub_title .sp_underline{
    position: relative;
}
#main .sec_10 .sub_title .sp_underline::after {
    content: '';
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 2vw;
    max-height: 8px;
    margin: auto;
    border-radius: 24px;
    background: linear-gradient(0.75turn, #049fa0, #fbfe06);
}
/*Contents
===============================*/
#main .sec_10 .cont {
    padding:0 5vw;
    margin-bottom:11.6vw;
}
#main .sec_10 .cont .box {
    width: 100%;
    overflow: hidden;
    border-radius: 32px 32px 0 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}
#main .sec_10 .cont .wrap{
    padding:0 10vw 10.3vw;
}
/*Title*/
#main .sec_10 .cont .b_title{
    color: var(--color-white);
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    padding: 7.1vw 0;
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.5);
}
/*Txt*/
#main .sec_10 .cont .b_txt{
    font-size: 1.1rem;
    line-height: 2;
    letter-spacing: 1.6px;
    margin: 10.5vw 0 7.1vw;
}
/*Cont1
===============================*/
#main .sec_10 .cont .c1{
    margin-bottom: 5.5vw;
    background:#f2f2f2 ;
}
/*Title*/
#main .sec_10 .cont .c1 .b_title{
    background:#7f7f7f;
}
/*画像*/
#main .sec_10 .cont .c1 .imgbox{
    position: relative;
}
#main .sec_10 .cont .c1 .imgbox .abs{
    position: absolute;
    top: 11vw;
    left: 4vw;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.7;
}
/*Cont2
===============================*/
#main .sec_10 .cont .c2{
    background:var(--color-white) ;
}
#main .sec_10 .cont .c2 .wrap{
    display: flex;
	flex-direction: column;
	align-items: center;
    padding: 0 10vw 3.1vw;
}
/*Title*/
#main .sec_10 .cont .c2 .b_title{
    background:var(--color-blue);
}
/*txt*/
#main .sec_10 .cont .c2 .b_txt{
    font-size: 1.1rem;
    line-height: 2;
    margin: 6vw 0 7.1vw;
}
#main .sec_10 .cont .c2 .b_txt b{
    font-size: 1.2rem;
}
/*===============================
 御社も「うちのAI」、採用しませんか？
===============================*/
#main .sec_11{
    position: relative;
    overflow: hidden;
}
#main .sec_11 .inner_wrap{
    padding:10vw 0 17vw;
    background: url(../img/chat_txt/sp/sec_11_bg_sp.webp) bottom center no-repeat;
    background-size: 100% auto;
}
/*Area Title*/
#main .sec_11 .area_title{
    color: var(--color-blue);
    font-size: 2.3rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 65.4vw;
    line-height: 1.8;
}
/*Button*/
#main .sec_11 .btn_box{
    width: 75vw;
    height: 15.5vw;
    margin:0 auto;
}
#main .sec_11 .btn_box .link_btn{
    letter-spacing: 2px;
}

/*===============================
 POINT
===============================*/
#main .sec_12{
    position: relative;
    padding: 7.4vw 0 20vw;
    background: linear-gradient(0.75turn, #01a39f, #017abc);
}
#main .sec_12 .inner_wrap{
}
/*Area Title*/
#main .sec_12 .area_title{
    color: var(--color-white);
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5vw;
}
/*Sub Txt*/
#main .sec_12 .sub_txt{
    color: var(--color-white);
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10vw;
}
/*DL
===============================*/
#main .sec_12 .desc{
    width: 100%;
    overflow: hidden;
    padding:0 5vw;
}
#main .sec_12 .desc .layout{
    position: relative;
    overflow: hidden;
    margin-bottom:10vw;
}
#main .sec_12 .desc .layout .wrap{
    position: relative;
    width: 100%;
    padding:10vw 10vw;
    border-radius: 47px;
    background: var(--color-white);
}
#main .sec_12 .desc .b_title{
    color:var(--color-blue);
    font-size: 1.9rem;
    font-weight: 700;
    text-align: center;
    margin-bottom:10vw;
}
#main .sec_12 .desc .b_txt{
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: -1px;
    text-align: left;
    padding: 0 5vw;
}
/*Cont1
===============================*/
#main .sec_12 .desc .c1{
    padding-top:21.9vw;
}
/*01*/
#main .sec_12 .desc .c1:before{
    content: '';
    position: absolute;
    top: 3.4vw;
    left: -6vw;
    right: 0;
    margin: auto;
    display: block;
    width: 23vw;
    height: 12vw;
    background: url(../img/chat_txt/10_point01.webp) center center no-repeat;
    background-size: contain;
}
#main .sec_12 .desc .c1 .wrap{
    padding:41vw 0 18.1vw;
}
/*初心者マーク*/
#main .sec_12 .desc .c1 .wrap:before{
    content: '';
    position: absolute;
    top: 9vw;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 16vw;
    height: 22vw;
    background: url(../img/chat_txt/10_point01-2.webp) center center no-repeat;
    background-size: contain;
}
/*Cont2
===============================*/
#main .sec_12 .desc .c2{
    padding-top:21.9vw;
}
/*02*/
#main .sec_12 .desc .c2:before{
    content: '';
    position: absolute;
    top: 3.4vw;
    left: -4.1vw;
    right: 0;
    margin: auto;
    display: block;
    width: 26vw;
    height: 11.5vw;
    background: url(../img/chat_txt/10_point02.webp) center center no-repeat;
    background-size: contain;
}
#main .sec_12 .desc .c2 .wrap{
    padding:41vw 0 18.9vw;
}
/*ハート*/
#main .sec_12 .desc .c2 .wrap:before{
    content: '';
    position: absolute;
    top: 8.6vw;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 28vw;
    height: 23vw;
    background: url(../img/chat_txt/10_point02-2.webp) center center no-repeat;
    background-size: contain;
}
/*Cont3
===============================*/
#main .sec_12 .desc .c3{
    padding-top:24.9vw;
    margin-bottom: 13vw;
}
/*03*/
#main .sec_12 .desc .c3:before{
    content: '';
    position: absolute;
    top: 5.4vw;
    left: -4.7vw;
    right: 0;
    margin: auto;
    display: block;
    width: 27vw;
    height: 14vw;
    background: url(../img/chat_txt/10_point03.webp) center center no-repeat;
    background-size: contain;
}
#main .sec_12 .desc .c3 .wrap{
    padding: 39.2vw 0 10.6vw;
}
/*女性*/
#main .sec_12 .desc .c3 .wrap:before{
    content: '';
    position: absolute;
    top: 6vw;
    left: -4vw;
    right: 0;
    margin: auto;
    display: block;
    width: 26vw;
    height: 29vw;
    background: url(../img/chat_txt/10_point03-2.webp) center center no-repeat;
    background-size: contain;
}
/*Title*/
#main .sec_12 .desc .c3 .b_title{
    line-height: 1.6;
    margin-bottom: 8.6vw;
}
/*Txt*/
#main .sec_12 .desc .c3 .b_txt{
    margin-bottom: 11.2vw;
}
/*適正チェック*/
#main .sec_12 .desc .check{
    width: calc(100% - 10vw);
    padding: 5vw 3vw 7vw;
    text-align: center;
    margin: 0 auto;
    border-radius: 46px;
    background: var(--color-light_blue);
}
#main .sec_12 .desc .check .txt1{
    color: var(--color-blue);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 7.4vw;
}
#main .sec_12 .desc .check .txt2{
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 3vw;
}
/*Button*/
#main .sec_12 .btn_box{
    width: 67vw;
    height: 14vw;
    margin:0 auto;
}
/*Bottom_titlee
===============================*/
#main .sec_12 .bottom_title{
    color: var(--color-white);
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 2.6;
    text-align: center;
    margin-bottom:5vw;
}
#main .sec_12 .bottom_title .fc{
    color:var(--color-yellow)
}
#main .sec_12 .bottom_title .deco{
    position: relative;
    font-size: 2.3rem;
    line-height: 1;
}
#main .sec_12 .bottom_title .sp_underline{
    position: relative;
}
#main .sec_12 .bottom_title .sp_underline::after {
    content: '';
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 2vw;
    max-height: 8px;
    margin: auto;
    border-radius: 24px;
    background: linear-gradient(0.75turn, #049fa0, #fbfe06);
}
/*Bottom_txt*/
#main .sec_12 .bottom_txt{
    color: var(--color-white);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2;
    text-align: left;
    padding: 0 0 0 9vw;
    margin-bottom:10vw;
}
/*Mask
===============================*/
#main .sec_12 .mask {
    position: absolute;
    top: -15.8vw;
    width: 101%;
    height: 16.1vw;
    clip-path: polygon(0% 0, 100% 100%, 0 100%);
    background: linear-gradient(0.75turn, #01a39f, #017abc);
    z-index: 10;
}



/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
タブレット
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media (min-width:641px) and (max-width:1091px){
/*タブレットここから*/
html {
    font-size: calc(100vw / 100);
}
/*Main
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#main .inner_wrap{
    width: 100%;
}

#main .sp{
    display: none;
}
#main .pc{
    display: block;
}

/*Button
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#main .btn_box .link_btn {
    font-size: 2.4rem;
}

/* ヘッダー 
==========================*/
.link_btn:hover {
    filter: brightness(1.2);
}

/*==========================
 メインビジュアル 
==========================*/
#main .sec_1 {
    padding-top: 6.25vw;
    height: 46vw;
    max-height: 880px;
    overflow: hidden;
    background: linear-gradient(0.25turn, #017abc, #01a39f);
}
#main .mv.sec_1 .wrap {
    height: 100%;
    max-width: 100%;
    background: url(../img/chat/grid_bg_pc.webp) 99.2% 56% / 200%;
    background-repeat: repeat-x;
}
#main .mv.sec_1 .inner {
    background: url(../img/chat/chat_mv_bg.webp) no-repeat 100% 0% / 66.4%;
}
#main .mv.sec_1 .sec1_cont {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1920px;
    padding-left: 8.4vw;
}
#main .mv.sec_1 .sec1_txt {
    position: relative;
    bottom: 3.7vw;
    width: 30vw;
    max-width: 577px;
    overflow: visible;
    color: #ffffff;
    white-space: nowrap;
    padding: 0;
}
#main .mv.sec_1 .sec1_img {
    position: relative;
    top: 1.3vw;
    left: 8.7vw;
    width: 57.5vw;
    max-width: 1105px;
    opacity: 0.97;
}
#main .mv.sec_1 .sec1_txt h2 {
    font-size: clamp(2rem, 3.6vw, 6.9rem);
    font-weight: 600;
    line-height: 6.4vw;
    letter-spacing: 0.5vw;
    text-align: left;
    margin:0 0 1.3vw;
}
#main .mv.sec_1 .sec1_txt .description {
    font-size: clamp(1rem, 1.355vw, 2.6rem);
    letter-spacing: 0.175vw;
}

/*==========================
 独自データで訓練 
==========================*/
#main .sec_2{
    padding:30px 0 0;
    background: var(--color-light_blue);
}
#main .sec_2 .inner_wrap{
    padding:7vw 1.9vw 5.5vw;
    background: var(--color-white);
}
/*Title*/
#main .sec_2 .area_title{
    position: relative;
    width: fit-content;
    font-size: 3.4rem;
    letter-spacing: -1px;
    line-height: 1;
    text-align:center;
    margin:0 auto 4vw;
}
#main .sec_2 .area_title::after{
    content: '';
    position: absolute;
    top:calc(100% + 2vw);
    left:0;
    display: block;
    width: 100%;
    height: 0.3vw;
    background: var(--color-blue);
}
#main .sec_2 .area_title span{
    font-size: 4.2rem;
}
#main .sec_2 .area_title span.fs{
    font-size: 3.4rem;
}
/*SubTitle*/
#main .sec_2 .sub_title{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    text-align:center;
    margin-bottom:9vw;
}
#main .sec_2 .sub_title span{
    font-size: 4.4rem;
}
#main .sec_2 .sub_title .underline1 {
    background: linear-gradient(transparent 60%, yellow 30%);
}
#main .sec_2 .sub_title .unli::before{
    bottom:0.5vw;
    height: 1vw;
}
/*Txt*/
#main .sec_2 .txt{
    width: auto;
    padding: 0;
    margin: 0 auto 3vw;
    color: inherit;
    font-size: 1.7rem;
    font-weight: 700;
    text-align:center;
    background: inherit;
}
#main .sec_2 .txt:before{
    content:'＼';
}
#main .sec_2 .txt:after{
    content:'／';
}
#main .sec_2 .txt span{
    display: none;
}
/*img*/
#main .sec_2 .img_cont{
    width: 100%;
    max-width: 920px;
    height: auto;
    margin:0 auto;
}

/*==========================
 Madia Coverage 
==========================*/
#main .sec_3{
    position: relative;
    padding:8vw 0 16.4vw;
    background: var(--color-blue);
}
/*Title*/
#main .sec_3 .area_title{
    font-size: 4.2vw;
    margin:0 auto 3.3vw;
}

/*Sub Title*/
#main .sec_3 .sub_title{
    width: fit-content;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    text-align:center;
    margin:0 auto 3vw;
}
/*Img*/
#main .sec_3 .media_img{
    text-align: center;
}
#main .sec_3 .media_img img{
    width: 70vw;
}
/*Mask
===============================*/
#main .sec_3 .mask {
    position: absolute;
    top: -4px;
    width: 101%;
    height: 100%;
    clip-path: polygon(0% 81%, 0% 0%, 100% 0%, 100% 100%);
    background: var(--color-light_blue);
}

/*==========================
 こんなお悩みありませんか？
==========================*/
#main .sec_4{
    position: relative;
    padding:0px 0 1vw;
    text-align: center;
    background: var(--color-blue);
}
/*Title*/
#main .sec_4 .area_title{
    position: relative;
    width: fit-content;
    color:#fff;
    font-size: 3.1rem;
    margin:1vw auto 4.2vw;
}
/*List*/
#main .sec_4 .list_txt{
    width:86vw;
    padding:5.7vw 0 12vw 4.7vw;
    margin:0 auto;
    list-style: none;
    text-align: left;
    background: url(../img/chat_txt/nayami_bg_pc.webp) top center no-repeat;
    background-size: 100% auto;
}
#main .sec_4 .list_txt li{
    display: flex;
	flex-wrap: wrap;
	align-items: center;
    color: var(--color-blue);
    font-size: 2.3rem;
    font-weight: 700;
    padding:0;
    margin-bottom:3vw;
}
#main .sec_4 .list_txt li:before{
    content:'';
    position: static;
    display: inline-block;
    width: 3.5vw;
    height: 4.3vw;
    margin-right: 2vw;
}
/*Mask*/
#main .sec_4 .mask1 {
    bottom: -6vw;
    width: 14vw;
    height: 14vw;
    transform: rotate(45deg) skew(-4deg, -4deg);
}

/*==========================
 「うちのAI」がすべて解決します！
==========================*/
#main .sec_5 {
    position: relative;
    padding:13vw 0 0.6vw;
    text-align: center;
    background: linear-gradient(0.75turn, #01a39f, #017abc);
}
#main .sec_5 .inner_wrap{
    padding:7vw 0 0;
    overflow: hidden;
    background: url(../img/chat_txt/kaiketu_bg.webp) top center no-repeat;
    background-size: 62% auto;
}
/*Title*/
#main .sec_5 .area_title{
    position: relative;
    width: fit-content;
    color:var(--color-blue);
    font-size: 4.2rem;
    line-height: 1;
    margin:0 auto 5.6vw;
}
/*txt*/
#main .sec_5 .txt{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    margin:0 auto 6.8vw;
}
/*Button*/
#main .sec_5 .btn_wrap{
    display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
    width: 70vw;
    margin: 0 auto 20vw;
}
#main .sec_5 .btn_wrap .btn_box{
    width: 32vw;
    height: 7.7vw;
    overflow: hidden;
    margin:0;
    border-radius: 50px;
}
#main .sec_5 .btn_wrap .btn_box .link_btn{
    font-size: 2.4rem;
}
/*Mask*/
#main .sec_5 .mask_bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 89%, 0% 0%, 100% 0%, 100% 100%);
    background: #fff;
}

/*==========================
 ChatGPTの実⼒
==========================*/
#main .sec_6 {
    padding: 6.2vw 2.5vw 0;
}
#main .sec_6 .inner_wrap {
    padding:0 0 7.4vw;
    background: url(../img/chat_txt/sec_6_bg.webp) bottom center no-repeat;
    background-size: 100% auto;
}
/*Title*/
#main .sec_6 .area_title{
    font-size: 4.2rem;
    margin:0 auto 2vw;
}
#main .sec_6 .area_title::before{
    top:-3.1vw;
    left:4vw;
    margin:0;
    width: 10vw;
    height: 10vw;
}
/*txt*/
#main .sec_6 .sub_title{
    font-size: 2.2rem;
    margin:0 auto 5.5vw;
}
/*Box
===============================*/
#main .sec_6 .box{
    border-radius: 4vw;
}
#main .sec_6 .box .title{
    font-size: 3.2rem;
    margin:0 auto 2.9vw;
}
/*no1
===============================*/
#main .sec_6 .no1{
    padding:5.6vw 10.6vw 8vw;
    margin:0 0 7.1vw;
}
#main .sec_6 .no1::after{
    bottom:6vw;
    right:3.9vw;
    width: 20vw;
    height: 20vw;
}
#main .sec_6 .no1 .title span{
    padding-bottom:0.4vw;
}
#main .sec_6 .no1 .title:before{
    width: 7.2vw;
    height: 5.6vw;
    margin-right: 3.8vw;
}
#main .sec_6 .no1 p{
    font-size: 1.8rem;
    line-height: 2.2;
}
/*no2
===============================*/
#main .sec_6 .no2{
    padding: 6.1vw 10.6vw 3.4vw;
    margin:0 0 4.8vw;
}
#main .sec_6 .no2::after{
    bottom: 100%;
    right: 12.5vw;
    width: 31.5vw;
    height: 28vw;
}
#main .sec_6 .no2 .title{
    margin-bottom:7.4vw;
}
#main .sec_6 .no2 .title span{
    padding-bottom:0.4vw;
}
#main .sec_6 .no2 .title:before{
    content:'';
    display: inline-block;
    width: 8.7vw;
    height: 5vw;
    margin-right: 3.2vw;
    background: url(../img/chat_txt/06_box_2.webp) center center no-repeat;
    background-size: 100% auto;
}
/*List*/
#main .sec_6 .no2 .capa_list{
    display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .sec_6 .no2 .capa_list li{
    width:30% ;
    margin:0;
}
#main .sec_6 .no2 .capa_list li h4{
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
}
#main .sec_6 .no2 .capa_list li img{
    width: 12.1vw;
    margin: 4.6vw auto 2.1vw;
}
#main .sec_6 .no2 .capa_list li p{
    font-size: 1.9rem;
    line-height: 1.8;
    padding-left: .8vw;
}
/*そんなChatGPTに・・
===============================*/
#main .sec_6 .hl3{
    font-size: 2.9rem;
    line-height: 1.9;
    text-align: center;
    margin:0 auto 27.5vw;
}
#main .sec_6 .hl3 .fc{
    color: var(--color-yellow);
}
#main .sec_6 .hl3 .grad_border::after{
   content: unset;
}
#main .sec_6 .hl3::after{
    content: '';
    position: absolute;
    top:calc(100% - 1px);
    left:0;
    right:0;
    display: block;
    width: 100%;
    height: 1.2vw;
    margin:auto;
    border-radius: 2.4vw;
    background: linear-gradient(0.75turn, #049fa0, #fbfe06);
}
/*Button*/
#main .sec_6 .btn_wrap {
    width: 37.1vw;
    height: 7.7vw;
}
#main .sec_6 .btn_wrap .link_btn {
    font-size: 2.4rem;
}

/*==========================
 従来型AIチャットボット
==========================*/
#main .sec_7 {
    padding: 11.1vw 2.5vw 0;
    background-size: 100% auto;
}
#main .sec_7 .inner_wrap {
    padding:0 0 8.1vw;
}
/*Title*/
#main .sec_7 .area_title{
    font-size: 4rem;
    line-height: 1;
    margin:0 auto 12.7vw;
}
#main .sec_7 .area_title::after{
    top: -8.1vw;
    right: 15.4vw;
    display: block;
    width: 25vw;
    height: 23vw;
}
#main .sec_7 .area_title span{
    position: relative;
    letter-spacing: -.3vw;
}
#main .sec_7 .area_title span::before{
    content:'';
    position: absolute;
    top:calc(100% + .4vw);
    left: 0;
    display: block;
    width: 100%;
    height: .3vw;
    background: var(--color-green);
}
/*Cont
===============================*/
#main .sec_7 .cont{
    display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .sec_7 .cont .box{
    width: 48.3%;
    overflow: hidden;
    border-radius: 2.7vw 2.7vw 0 0;
    background: var(--color-white);
}
#main .sec_7 .cont .box .b_title{
    font-size: 2.1rem;
    padding:3.4vw 0;
}
#main .sec_7 .cont .box .wrap{
    padding:3.7vw 5vw 2.4vw;
}
/*Title h4*/
#main .sec_7 .cont .box .title1{
    width: fit-content;
    margin: 0 auto .6vw;
    font-size: 2rem;
    line-height: 1.6;
    text-align: left;
}
#main .sec_7 .cont .box .title2{
    font-size: 2.8rem;
    margin:0 0 3.9vw;
}
#main .sec_7 .cont .box .title3{
    display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    flex-direction: unset;
    margin:0 0 3.2vw;
    font-size: 2rem;
    line-height: 1.8;
}
/*Txt*/
#main .sec_7 .cont .box p{
    position: relative;
}
/*吹き出し*/
#main .sec_7 .cont .box .abs{
    font-size: 1.6rem;
    line-height: 1.3;
}
/*Line*/
#main .sec_7 .cont .no1 .line_l,
#main .sec_7 .cont .no2 .line_r{
    font-size: 1.6rem;
    font-weight: 700;
    padding-bottom: 4.2vw;
    margin:0;
}
/*✕、〇*/
#main .sec_7 .cont .no1 .title3::before,
#main .sec_7 .cont .no2 .title3::before{
    content: '';
    display: inline-block;
    width: 5.6vw;
    height: 5.6vw;
    margin-right:3.2vw;
}
/*no1
==========================*/
#main .sec_7 .cont .no1{
    margin: 0;
}
#main .sec_7 .cont .no1 .title2{
    margin: 7.2vw 0 3.5vw;
}
#main .sec_7 .cont .no1 .line_l{
    background: url(../img/chat_txt/sec_7_l_line.webp) bottom center no-repeat;
    background-size: 100% auto;
}
/*男性*/
#main .sec_7 .cont .no1 .l1{
    margin-bottom:2vw;
}
#main .sec_7 .cont .no1 .l1 .pc{
    width: 97%;
    margin: 0 0 0 0.6vw;
}
#main .sec_7 .cont .no1 .l1 span{
    top: 4.7vw;
    right: 2.7vw;
}
/*女性*/
#main .sec_7 .cont .no1 .l2{
    margin-bottom:4.1vw;
}
#main .sec_7 .cont .no1 .l2 .pc{
    width: 96%;
    margin: 0 0 0 1vw;
}
#main .sec_7 .cont .no1 .l2 span{
    top: 3.3vw;
    left: 2vw;
    letter-spacing: -1px;
}
/*✕*/
#main .sec_7 .cont .no1 .title3{
    padding: 0 1vw;
    margin:6vw 0 6.5vw;
}
#main .sec_7 .cont .no1 .title3::before{
    width: 5.6vw;
    height: 5.6vw;
    margin: 0 ;
    background: url(../img/chat_txt/sec_7_false.webp) center center no-repeat;
    background-size: contain;
}
/*✕印男性*/
#main .sec_7 .cont .no1 .l3{
    width: 16.6vw;
    height: auto;
}
/*no2
==========================*/
#main .sec_7 .cont .no2 .b_title{
    background: var(--color-green);
}
#main .sec_7 .cont .no2 .title2{
    margin: 7.5vw 0 3.3vw;
}
#main .sec_7 .cont .no2 .line_r{
    background: url(../img/chat_txt/sec_7_r_line.webp) bottom center no-repeat;
    background-size: 100% auto;
}
/*男性*/
#main .sec_7 .cont .no2 .r1{
    margin-bottom:1.5vw;
}
#main .sec_7 .cont .no2 .r1 .pc{
    width: 97%;
    margin: 0 0 0 0.6vw;
}
#main .sec_7 .cont .no2 .r1 span{
    top: 4.7vw;
    right: 3vw;
}
/*女性*/
#main .sec_7 .cont .no2 .r2{
    margin-bottom:3.8vw;
}
#main .sec_7 .cont .no2 .r2 .pc{
    width: 97%;
    margin: 0 0 0 0.6vw;
}
#main .sec_7 .cont .no2 .r2 span{
    top: 3.5vw;
    left: 3.2vw;
}
/*◎*/
#main .sec_7 .cont .no2 .title3{
    padding: 0 1vw;
    margin:6vw 0 6.8vw;
    text-align: left;
}
#main .sec_7 .cont .no2 .title3::before{
    width: 6.8vw;
    height: 6.8vw;
    margin: 0;
    background: url(../img/chat_txt/sec_7_true.webp) center center no-repeat;
    background-size: contain;
}
/*Button
===============================*/
#main .sec_7 .layout{
    width: 36.6vw;
    padding:6vw 0 0;
    margin: 0 0 0 12.2vw;
}
#main .sec_7 .layout .txt{
    color:var(--color-white);
    font-size: 1.9rem;
    font-weight: 500;
    margin-bottom:2.2vw;
}
#main .sec_7 .btn_wrap {
    width: 100%;
    height: 7.6vw;
    margin: 0 auto;
}
#main .sec_7 .btn_wrap .link_btn {
    font-size: 2.4rem;
}
/*男性AI
==========================*/
#main .sec_7 .bg {
    right: -5.4vw;
    width: 45.8vw;
}

/*===============================
「うちのAI」を採⽤すると
===============================*/
#main .sec_8 {
    padding: 11.6vw 0 0;
}
#main .sec_8 .inner_wrap.iw1 {
    position: relative;
    padding-bottom: 7.5vw;
}
/*Title*/
#main .sec_8 .area_title{
    font-size: 2.4rem;
}
#main .sec_8 .area_title::after{
    top: -9.4vw;
    right: 15.5vw;
    width: 25vw;
    height: 23vw;
}
#main .sec_8 .area_title span{
    position: relative;
    display: inline-block;
    margin-bottom:2.4vw;
    font-size: 4rem;
}
#main .sec_8 .area_title span::before{
    content:'';
    position: absolute;
    top:calc(100% + 0.9vw);
    left: 0;
    display: block;
    width: 100%;
    height: .3vw;
    background: var(--color-green);
}
/*Contents
===============================*/
#main .sec_8 .cont_wrap .cont{
    overflow: hidden;
    padding:0 2.5vw;
}
#main .sec_8 .cont_wrap .inner_wrap{
    position: relative;
    z-index:5;
}
/*Title*/
#main .sec_8 .cont .b_title{
    display: flex;
	flex-wrap: wrap;
	align-items: center;
    color:var(--color-white);
    font-size: 3.4rem;
    font-weight: 500;
    margin-bottom:6.6vw;
}
/*Txt*/
#main .sec_8 .cont .b_txt1{
    color:var(--color-white);
    font-weight: 500;
}
#main .sec_8 .cont .b_txt2{
    color:var(--color-white);
    font-size: 4rem;
    font-weight: 500;
}
#main .sec_8 .cont .b_txt2 span{
    color:var(--color-yellow);
}
#main .sec_8 .cont .b_txt3{
    width: fit-content;
    padding:3.2vw 1.6vw;
    color:var(--color-black);
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.8;
    text-align: left;
    border-radius: 2.1vw;
    background: var(--color-white);
}
#main .sec_8 .cont .b_txt3 .underline1{
    background: linear-gradient(transparent 56%, yellow 30%);
}
/*ImageBox*/
#main .sec_8 .cont .imgbox{
    position: relative;
}
/*Cont1
===============================*/
#main .sec_8 .cont .iw2{
    display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
    padding: 3.9vw 0 2.1vw;
    margin-bottom:4.5vw;
}
#main .sec_8 .cont .iw2::before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(14.6% 0, 100% 0, 100% 100%, 0% 100%);
    background: linear-gradient(0.25turn, #01a39f, #017abc);
    z-index:-1;
}
#main .sec_8 .cont .iw2:after{
    content: '';
    position: absolute;
    top:0;
    left:99%;
    display: block;
    width: 100vw;
    height: 100%;
    background: #017abc;
    z-index:-1;
}
/*TxtBox*/
#main .sec_8 .c1 .txtbox{
    width: 64.6%;
}
/*Title*/
#main .sec_8 .c1 .b_title{
    text-align: left;
}
#main .sec_8 .c1 .b_title:before{
    width: 9.3vw;
    height: 4.9vw;
    margin: 0 5.6vw 0 0;
    background: url(../img/chat_txt/sec_08_merit01.webp) center center no-repeat;
    background-size: contain;
}
/*Txt*/
#main .sec_8 .c1 .b_txt1{
    width: fit-content;
    margin: 0 1.4vw 3vw auto;
    font-size: 1.8rem;
    line-height: 1;
}
#main .sec_8 .c1 .b_txt2{
    width: fit-content;
    margin: 0 6.1vw 4.9vw auto;
    font-size: 4rem; 
}
#main .sec_8 .c1 .b_txt3{
    padding: 3.2vw 1.4vw 3.7vw 1.2vw;
    margin:0 0 0 auto; 
    font-size: 1.5rem;
    line-height: 2.1;
    text-align: left;
    border-radius: 2.4vw;
    background: var(--color-white);
}
/*チャット画面*/
#main .sec_8 .c1 .imgbox{
    width: 32.7%;
    padding-top: 0.7vw;
}
#main .sec_8 .c1 .imgbox .abs{
    position: absolute;
    bottom: 3.5vw;
    left: 3.9vw;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: left;
}
/*AI営業マン*/
#main .sec_8 .cont .deco_abs1{
    position: absolute;
    bottom:0;
    left: -3.6vw;
    width: 30.2vw;
    height: auto;
}
/*Cont2
===============================*/
#main .sec_8 .cont .iw3{
    display: flex;
    flex-direction: row-reverse;
	justify-content: space-between;
	flex-wrap: wrap;
    padding: 3.9vw 0 3.7vw;
}
#main .sec_8 .cont .iw3::before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 89% 0, 75% 100%, 0% 100%);
    background: linear-gradient(0.75turn, #01a39f, #017abc);
    z-index:-1;
}
#main .sec_8 .cont .iw3:after{
    content: '';
    position: absolute;
    top:0;
    right:99%;
    display: block;
    width: 100vw;
    height: 100%;
    background: #017abc;
    z-index:-1;
}
/*TxtBox*/
#main .sec_8 .c2 .txtbox{
    width: 68.8%;
}
/*Title*/
#main .sec_8 .c2 .b_title{
    justify-content: flex-end;
}
#main .sec_8 .c2 .b_title:after{
    width: 11vw;
    height: 4.7vw;
    margin: 0 0 0 4.3vw;
}
/*Txt*/
#main .sec_8 .c2 .b_txt1{
    font-size: 1.8rem;
    margin:0 23vw 3.3vw 0;
    line-height: 1;
}
#main .sec_8 .c2 .b_txt2{
    font-size: 4rem;
    margin: 0 25.9vw 5vw 0;
}
#main .sec_8 .c2 .b_txt3{
    padding: 2.7vw 4.5vw 2.8vw 1.6vw;
    margin:0 auto 0 4.8vw;
    font-size: 1.5rem;
    line-height: 2.3;
    letter-spacing: -1px;
}
/*チャット画面2*/
#main .sec_8 .c2 .imgbox{
    width: 27.7%;
    padding-top: 0.3vw;
}
#main .sec_8 .c2 .imgbox .abs{
    position: absolute;
    bottom: 7.2vw;
    left: 4.8vw;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: -1px;
    text-align: left;
}
/*AI接客スタッフ*/
#main .sec_8 .cont .deco_abs2{
    position: absolute;
    bottom:0;
    right: -1.2vw;
    width: 22.9vw;
    height: auto;
}

/*===============================
sec9：30秒でカンタン⼊⼒
===============================*/
#main .sec_9{
    padding:7vw 0 10.4vw;
}
/*Txt*/
#main .sec_9 .txt{
    font-size: 2rem;
    margin:0 auto 2vw;
}
/*Button*/
#main .sec_9 .btn_wrap{
    width: 43vw;
    height: 7.7vw;
    margin: 0 auto;
}
#main .sec_9 .btn_wrap .link_btn {
    font-size: 2.4rem;
}
/*画像*/
#main .sec_9 .deco_abs{
    top: -1.4vw;
    left: 12.4vw;
    width: 100%;
    max-width: 14.4vw;
}
/*マスク*/
#main .sec_9 .mask{
    left: 0;
    width: 67.3vw;
    transform: skewX(30deg);
}

/*===============================
データ分析に活⽤する場合
===============================*/
#main .sec_10{
    padding:8.4vw 2.5vw 10vw;
}
#main .sec_10::before{
    content:unset;
}
/*Area Title*/
#main .sec_10 .area_title{
    justify-content: center;
    font-size: 3.4rem;
    font-weight: 500;
    margin-bottom: 5.6vw;
}
#main .sec_10 .area_title:before {
    width: 10.6vw;
    height: 4.8vw;
    margin: 0 2.3vw 0 0;
    background: url(../img/chat_txt/sec_08_merit03_PC.webp) center center no-repeat;
    background-size: contain;
}
/*Sub_txt*/
#main .sec_10 .sub_txt{
    font-size: 1.9rem;
    line-height: 1.5;
    margin-bottom: 6.3vw;
}
#main .sec_10 .sub_txt .fs{
    font-size: 4rem;
    line-height: 1.8;
    padding:0;
}
#main .sec_10 .sub_txt .fc{
    color: var(--color-yellow);
}
/*Contents
===============================*/
#main .sec_10 .cont {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0;
    margin-bottom:6.4vw;
}
#main .sec_10 .cont .box {
    width: 48.3%;
    overflow: hidden;
    margin:0;
    border-radius: 2.8vw 2.8vw 0 0;
}
#main .sec_10 .cont .wrap{
    padding:0 4vw 5vw 5vw;
}
/*Title*/
#main .sec_10 .cont .b_title{
    font-size: 2.4rem;
    padding: 3.2vw 0 2.9vw;
}
/*Txt*/
#main .sec_10 .cont .b_txt{
    font-size: 1.5rem;
    line-height: 2.4;
}
/*Cont1
===============================*/
#main .sec_10 .cont .c1{
    background:#f2f2f2 ;
}
/*Title*/
#main .sec_10 .cont .c1 .b_title{
    background:#7f7f7f;
}
/*Txt*/
#main .sec_10 .cont .c1 .b_txt{
    margin:5.7vw 0 6.3vw;
}
/*画像*/
#main .sec_10 .cont .c1 .imgbox{
    position: relative;
    width: 96%;
}
#main .sec_10 .cont .c1 .imgbox .abs{
    position: absolute;
    top: 5.4vw;
    left: 2.3vw;
    font-size: 1.6rem; 
    font-weight: 500;
    line-height: 1.6;
}
/*Cont2
===============================*/
#main .sec_10 .cont .c2 .wrap {
    display: block;
    padding: 0 2.7vw 1.7vw 4vw;
}
/*Title*/
#main .sec_10 .cont .c2 .b_title{
    background:var(--color-blue);
}
/*Txt*/
#main .sec_10 .cont .c2 .b_txt{
    font-size: 1.5rem;
    line-height: 2.3;
    margin:5.2vw 0 1.7vw;
    text-align: left;
}
#main .sec_10 .cont .c2 .b_txt b{
    font-size: 1.6rem;
}
#main .sec_10 .cont .c2 .img{
    width: 96vw;
    margin: 0px auto 0 -24px;
}
/*Sub_Title
===============================*/
#main .sec_10 .sub_title{
    font-size: 2.8rem;
    line-height: 1.8;
}
#main .sec_10 .sub_title .fc{
    color: var(--color-yellow);
}
#main .sec_10 .sub_title .fs{
    position: relative;
    font-size: 4rem;
}
#main .sec_10 .sub_title .sp_underline::after {
    content: unset;
}
#main .sec_10 .sub_title .fs::after {
    content: '';
    position: absolute;
    top: calc(100% + 0.5vw);
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: .9vw;
    margin: auto;
    border-radius: 2.4vw;
    background: linear-gradient(0.75turn, #049fa0, #fbfe06);
}

/*===============================
 御社も「うちのAI」、採用しませんか？
===============================*/
#main .sec_11{
    position: relative;
    overflow: hidden;
}
#main .sec_11 .inner_wrap{
    padding:10.4vw 0 18.9vw;
    background: url(../img/chat_txt/sec_11_bg.webp) bottom center no-repeat;
    background-size: 101.2% auto;
}
/*Area Title*/
#main .sec_11 .area_title{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 3.2rem;
    line-height: 1;
    margin-bottom: 33.3vw;
}
/*Button*/
#main .sec_11 .btn_box{
    width: 36.4vw;
    height: 7.6vw;
    margin:0 auto;
}

/*===============================
 POINT
===============================*/
#main .sec_12{
    padding: 3.4vw 0 12vw;
}
/*Area Title*/
#main .sec_12 .area_title{
    font-size: 4.2rem;
    margin-bottom: 3.6vw;
}
/*Sub Txt*/
#main .sec_12 .sub_txt{
    font-size: 2.2rem;
    margin-bottom: 5.5vw;
}
/*Ul
===============================*/
#main .sec_12 .desc{
    width: 100%;
    overflow: hidden;
    padding:0 2.5vw;
    margin-bottom: 3.5vw;
}
#main .sec_12 .desc .layout{
    padding:0;
    margin-bottom:4.9vw;
}
#main .sec_12 .desc .layout .wrap{
    width: 77vw;
    border-radius: 4vw;
}
/*Title*/
#main .sec_12 .desc .b_title{
    font-size: 3rem;
    margin-bottom:4.4vw;
    text-align: left;
}
/*txt*/
#main .sec_12 .desc .b_txt{
    font-size: 1.6rem;
    line-height: 2.4;
    letter-spacing: 0;
    padding:0;
}
/*Cont1
===============================*/
/*01*/
#main .sec_12 .desc .c1:before{
    top: -.8vw;
    left: 0;
    right:unset;
    bottom: 0;
    width: 11.7vw;
    height: 7.5vw;
}
#main .sec_12 .desc .c1 .wrap{
    height: 34.3vw;
    padding:8.2vw 3vw 0 20vw;
    margin-left:auto;
    margin-right:0;
}
/*初心者マーク*/
#main .sec_12 .desc .c1 .wrap:before{
    top: 0;
    left: 4.5vw;
    right:unset;
    bottom: 0;
    width: 10vw;
    height: 16vw;
}
/*Cont2
===============================*/
#main .sec_12 .desc .c2:before{
    top: -.9vw;
    left:unset;
    right: 0;
    bottom: 0;
    width: 13.5vw;
    height: 7.5vw;
}
#main .sec_12 .desc .c2 .wrap{
    height:34.2vw ;
    padding:6.3vw 19vw 0 5vw;
}
#main .sec_12 .desc .c2 .wrap:before{
    top: 4vw;
    left:unset;
    right: 1vw;
    bottom: 0;
    width: 18vw;
    height: 16vw;
}
/*Cont3
===============================*/
#main .sec_12 .desc .c3{
    margin-left:auto;
    margin-right:0;
}
#main .sec_12 .desc .c3:before{
    top: -16vw;
    left: .2vw;
    right:unset;
    bottom: 0;
    width: 13.2vw;
    height: 7.5vw;
}
#main .sec_12 .desc .c3 .wrap{
    height:48.8vw ;
    padding:6.3vw 4vw 0 23.2vw;
    margin-left:auto;
    margin-right:0;
}
#main .sec_12 .desc .c3 .wrap:before{
    top: -2.5vw;
    left: .8vw;
    right:unset;
    bottom: 0;
    width: 20vw;
    height: 24vw;
}
#main .sec_12 .desc .c3 .b_title{
    margin-bottom: 4.9vw;
    text-align: left;
    line-height: 1;
}
#main .sec_12 .desc .c3 .b_txt{
    margin:0;
}
/*適正チェック*/
#main .sec_12 .desc .check{
    width: 100%;
    padding: 3.8vw 2.4vw;
    margin: 2.6vw 0 0 -1.1vw;
    border-radius: 4vw;
}
#main .sec_12 .desc .check .txt1{
    margin-bottom: 1.1rem;
    font-size: 1.6vw;
    line-height: 1;
}
#main .sec_12 .desc .check .txt2{
    font-weight: 500;
    margin-bottom: .5vw;
    font-size: 1.6rem;
    line-height: 1;
}
/*Button*/
#main .sec_12 .btn_box{
    width: 37vw;
    height: 5.5vw;
}
/*Bottom_titlee
===============================*/
#main .sec_12 .bottom_title{
    font-size: 2.5rem;
    line-height: 2.3;
    margin-bottom:3.2vw;
}
#main .sec_12 .bottom_title .deco{
    font-size: 3rem;
    line-height: 2.2;
}
#main .sec_12 .bottom_title .sp_underline::after {
    content: unset;
}
#main .sec_12 .bottom_title .deco::after {
    content: '';
    position: absolute;
    top: calc(100% + .4vw);
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 0.8vw;
    margin: auto;
    border-radius: 24px;
    background: linear-gradient(0.75turn, #049fa0, #fbfe06);
}
/*Bottom_txt*/
#main .sec_12 .bottom_txt{
    color: var(--color-white);
    font-size: 2rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    padding: 0;
    margin-bottom:8.2vw;
}
/*Mask
===============================*/
#main .sec_12 .mask {
    position: absolute;
    top: -12.5vw;
    width: 101%;
    height: 12.6vw;
    clip-path: polygon(0% 0, 100% 100%, 0 100%);
    background: linear-gradient(0.75turn, #01a39f, #017abc);
    z-index: 10;
}
/*タブレットここまで*/
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
PC
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media (min-width: 1092px) {
/*PCここから*/
/*Main
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#main .inner_wrap{
    width: 1028px;
}

#main .sp{
    display: none;
}
#main .pc{
    display: block;
}

/*Button
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#main .btn_box .link_btn {
    font-size: 2.4rem;
}

/* ヘッダー 
==========================*/
.link_btn:hover {
    filter: brightness(1.2);
}

/*==========================
 メインビジュアル 
==========================*/
#main .sec_1 {
    padding-top: 80px;
    height: 46vw;
    max-height: 880px;
    overflow: hidden;
    background: linear-gradient(0.25turn, #017abc, #01a39f);
}
#main .mv.sec_1 .wrap {
    height: 100%;
    max-width: 100%;
    background: url(../img/chat/grid_bg_pc.webp) 99.2% 56% / 200%;
    background-repeat: repeat-x;
}
#main .mv.sec_1 .inner {
    background: url(../img/chat/chat_mv_bg.webp) no-repeat 100% 0% / 66.4%;
}
#main .mv.sec_1 .sec1_cont {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1920px;
    padding-left: 8.4vw;
}
#main .mv.sec_1 .sec1_txt {
    position: relative;
    bottom: 3.7vw;
    width: 30vw;
    max-width: 577px;
    overflow: visible;
    color: #ffffff;
    white-space: nowrap;
    padding: 0;
}
#main .mv.sec_1 .sec1_img {
    position: relative;
    top: 1.3vw;
    left: 8.7vw;
    width: 57.5vw;
    max-width: 1105px;
    opacity: 0.97;
}
#main .mv.sec_1 .sec1_txt h2 {
    font-size: clamp(2rem, 3.6vw, 6.9rem);
    font-weight: 600;
    line-height: 6.4vw;
    letter-spacing: 0.5vw;
    text-align: left;
    margin:0 0 1.3vw;
}
#main .mv.sec_1 .sec1_txt .description {
    font-size: clamp(1rem, 1.355vw, 2.6rem);
    letter-spacing: 0.175vw;
}

/*==========================
 独自データで訓練 
==========================*/
#main .sec_2{
    padding:36px 0 0;
}
#main .sec_2 .inner_wrap{
    width: 1028px;
    padding:73px 64px 64px;
}
/*Title*/
#main .sec_2 .area_title{
    font-size: 34px;
    line-height: 1;
    margin:0 auto 43px;
}
#main .sec_2 .area_title::after{
    top:calc(100% + 16px);
    height: 4px;
}
#main .sec_2 .area_title span{
    font-size: 42px;
}
#main .sec_2 .area_title span.fs{
    font-size: 34px;
}
/*SubTitle*/
#main .sec_2 .sub_title{
    font-size: 24px;
    line-height: 1;
    margin-bottom:102px
}
#main .sec_2 .sub_title span{
    font-size: 44px;
}
#main .sec_2 .sub_title .underline1 {
    background: linear-gradient(transparent 60%, yellow 30%);
}
#main .sec_2 .sub_title .unli::before{
    bottom:4px;
    height: 10px;
}
/*Txt*/
#main .sec_2 .txt{
    padding: 0;
    margin: 0 auto 25px;
    color: inherit;
    font-size: 17px;
    font-weight: 700;
    background: inherit;
}
#main .sec_2 .txt:before{
    content:'＼';
}
#main .sec_2 .txt:after{
    content:'／';
}
#main .sec_2 .txt span{
    display: none;
}
/*img*/
#main .sec_2 .img_cont{
    width: 100%;
    max-width: 920px;
    height: auto;
    margin:0 auto;
}

/*==========================
 Madia Coverage 
==========================*/
#main .sec_3{
    position: relative;
    padding:75px 0 173px;
    background: var(--color-blue);
}
/*Title*/
#main .sec_3 .area_title{
    font-size: 44px;
    margin:0 auto 34px;
}
/*Sub Title*/
#main .sec_3 .sub_title{
    font-size: 14px;
    line-height: 1;
    text-align:center;
    margin:0 auto 52px;
}
/*Img*/
#main .sec_3 .media_img img{
    width:100% ;
    max-width: 708px;
}
/*Mask
===============================*/
#main .sec_3 .mask {
    top: -4px;
    clip-path: polygon(0% 72%, 0% 0%, 100% 0%, 100% 100%);
}

/*==========================
 こんなお悩みありませんか？
==========================*/
#main .sec_4{
    position: relative;
    padding:0px 0 3px;
    text-align: center;
    background: var(--color-blue);
}
/*Title*/
#main .sec_4 .area_title{
    font-size: 31px;
    margin:0 auto 49px;
}
/*List*/
#main .sec_4 .list_txt{
    width: 100%;
    max-width:907px;
    padding:62px 0 128px 49px;
    background: url(../img/chat_txt/nayami_bg_pc.webp) top center no-repeat;
    background-size: 100% auto;
}
#main .sec_4 .list_txt li{
    display: flex;
	flex-wrap: wrap;
	align-items: center;
    font-size: 23px;
    padding:0;
    margin-bottom:37px;
}
#main .sec_4 .list_txt li:before{
    position: static;
    width:39px ;
    height: 39px;
    margin-right: 24px;
}
/*Mask*/
#main .sec_4 .mask1 {
    bottom: -61px;
    left: 0;
    right: 0;
    width: 185px;
    height: 185px;
    transform: rotate(45deg) skew(-4deg, -4deg);
}

/*==========================
 「うちのAI」がすべて解決します！
==========================*/
#main .sec_5 {
    padding:141px 0 51px;
}
#main .sec_5 .inner_wrap{
    padding:74px 0 0;
    background-size: 62% auto;
}
/*Title*/
#main .sec_5 .area_title{
    font-size: 42px;
    line-height: 1;
    margin:0 auto 57px;
}
/*txt*/
#main .sec_5 .txt{
    font-size: 18px;
    line-height: 2;
    text-align: center;
    margin:0 auto 69px;
}
/*Button*/
#main .sec_5 .btn_wrap{
	justify-content: space-between;
	flex-wrap: wrap;
    width: 100%;
    max-width: 790px;
    margin: 0 auto 202px;
}
#main .sec_5 .btn_wrap .btn_box{
    width: 375px;
    height: 80px;
    margin:0;
    border-radius: 50px;
}
#main .sec_5 .btn_wrap .btn_box.inquiry{
    margin: 0;
}
#main .sec_5 .btn_wrap .btn_box .link_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--color-white);
    background:var(--color-pink);
    font-size: 2.4rem;
    font-weight: 500;
}
/*Mask*/
#main .sec_5 .mask_bg {
    clip-path: polygon(0% calc(100% - 162px), 0% 0%, 100% 0%, 100% 100%);
}

/*==========================
 ChatGPTの実⼒
==========================*/
#main .sec_6 {
    padding: 32px 0 0;
}
#main .sec_6 .inner_wrap {
    padding:0 0 93px;
    background: url(../img/chat_txt/sec_6_bg.webp) bottom center no-repeat;
    background-size: 100% auto;
}
/*Title*/
#main .sec_6 .area_title{
    font-size: 42px;
    margin:0 auto 24px;
}
#main .sec_6 .area_title::before{
    top: -38px;
    left: 45px;
    margin: 0;
    width: 104px;
    height: 104px;
}
/*txt*/
#main .sec_6 .sub_title{
    font-size: 22px;
    line-height: 2;
    margin:0 auto 55px;
}
/*Box
===============================*/
#main .sec_6 .box{
    border-radius: 40px;
}
#main .sec_6 .box .title{
    font-size: 32px;
    font-weight: 500;
    text-align: left;
    margin:0 auto 34px;
}
/*no1
===============================*/
#main .sec_6 .no1{
    padding:61px 106px 83px;
    margin:0 0 76px;
}
#main .sec_6 .no1::after{
    bottom:60px;
    right:39px;
    width: 200px;
    height: 200px;
    opacity: 0.3;
}
/*Title*/
#main .sec_6 .no1 .title span{
    padding-bottom:4px;
}
#main .sec_6 .no1 .title:before{
    width: 72px;
    height: 56px;
    margin-right: 50px;
}
#main .sec_6 .no1 p{
    font-size: 18px;
    line-height: 2.3;
}
/*no2
===============================*/
#main .sec_6 .no2{
    padding: 61px 106px 38px;
    margin:0 0 53px;
}
#main .sec_6 .no2::after{
    bottom:100%;
    right:129px;
    width: 335px;
    height: 290px;
}
#main .sec_6 .no2 .title{
    margin-bottom:74px;
}
#main .sec_6 .no2 .title span{
    padding-bottom:4px;
}
#main .sec_6 .no2 .title:before{
    width: 97px;
    height: 57px;
    margin-right: 32px;
}
/*List*/
#main .sec_6 .no2 .capa_list{
    display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .sec_6 .no2 .capa_list li{
    width:30% ;
    margin:0;
}
#main .sec_6 .no2 .capa_list li h4{
    font-size: 20px;
}
#main .sec_6 .no2 .capa_list li img{
    width: 128px;
    margin: 46px auto 21px;
}
#main .sec_6 .no2 .capa_list li p{
    font-size: 19px;
    line-height: 1.9;
    text-align: left;
    padding-left: 8px;
}
/*そんなChatGPTに・・
===============================*/
#main .sec_6 .hl3{
    font-size: 30px;
    font-weight: 500;
    line-height: 1.9;
    text-align: center;
    margin:0 auto 271px;
}
#main .sec_6 .hl3 .grad_border::after{
   content: unset;
}
#main .sec_6 .hl3::after{
    content: '';
    position: absolute;
    top:calc(100% - 6px);
    left:0;
    right:0;
    display: block;
    width: 100%;
    height: 12px;
    margin:auto;
    border-radius: 24px;
    background: linear-gradient(0.75turn, #049fa0, #fbfe06);
}
/*Button*/
#main .sec_6 .btn_wrap {
    width: 380px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50px;
    overflow: hidden;
}
#main .sec_6 .btn_wrap .link_btn {
    font-size: 2.4rem;
}

/*==========================
 従来型AIチャットボット
==========================*/
#main .sec_7 {
    padding: 118px 0 0;
}
#main .sec_7 .inner_wrap {
    position: relative;
    padding:0 0 85px;
}
/*Title*/
#main .sec_7 .area_title{
    font-size: 40px;
    line-height: 1;
    margin:0 auto 134px;
}
#main .sec_7 .area_title::after{
    top: -89px;
    right: 158px;
    width: 270px;
    height: 250px;
}
#main .sec_7 .area_title span{
    position: relative;
    etter-spacing: -1px;
}
#main .sec_7 .area_title span::before{
    content:'';
    position: absolute;
    top:calc(100% + 7px);
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: var(--color-green);
}
/*Cont
===============================*/
#main .sec_7 .cont{
    display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .sec_7 .cont .box{
    width: 507px;
    overflow: hidden;
    border-radius: 27px 27px 0 0;
    box-shadow: 0 4px 4px rgba(0,0,0,0.5);
    background: var(--color-white);
}
#main .sec_7 .cont .box .b_title{
    color:var(--color-white);
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    padding:36px 0;
    text-shadow: 0 3px 2px rgba(0,0,0,0.5);
}
#main .sec_7 .cont .box .wrap{
    padding:40px 72px 26px;
}
/*Title h4*/
#main .sec_7 .cont .box .title1{
    margin: 0 auto 6px;
    font-size: 20px;
}
#main .sec_7 .cont .box .title2{
    font-size: 28px;
    margin:0 0 39px;
}
#main .sec_7 .cont .box .title3{
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    flex-direction: unset;
    margin:0 0 32px;
    font-size: 22px;
    line-height: 1.8;
    text-align: left;
}
/*吹き出し*/
#main .sec_7 .cont .box .abs{
    font-size: 16px;
    line-height: 1.3;
}
/*Line*/
#main .sec_7 .cont .no1 .line_l,
#main .sec_7 .cont .no2 .line_r{
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 47px;
    margin:0;
}
/*✕、〇*/
#main .sec_7 .cont .no1 .title3::before,
#main .sec_7 .cont .no2 .title3::before{
    content: '';
    display: inline-block;
    width: 56px;
    height: 56px;
    margin-right:32px;
}
/*no1
==========================*/
#main .sec_7 .cont .no1{
    background: #f2f2f2;
    margin: 0;
}
#main .sec_7 .cont .no1 .title2{
    margin: 75px 0 39px;
}
#main .sec_7 .cont .no1 .line_l{
    background: url(../img/chat_txt/sec_7_l_line.webp) bottom center no-repeat;
    background-size: 100% auto;
}
/*男性*/
#main .sec_7 .cont .no1 .l1{
    margin-bottom:20px;
}
#main .sec_7 .cont .no1 .l1 span{
    top: 47px;
    right: 30px;
}
/*女性*/
#main .sec_7 .cont .no1 .l2{
    margin-bottom:44px;
}
#main .sec_7 .cont .no1 .l2 span{
    top: 39px;
    left: 23px;
    letter-spacing: -1px;
}
/*✕*/
#main .sec_7 .cont .no1 .title3{
    margin:60px 0 68px;
}
#main .sec_7 .cont .no1 .title3::before{
    width: 56px;
    height: 56px;
    margin: 0 30px 0 0;
}
/*✕印男性*/
#main .sec_7 .cont .no1 .l3{
    width: 170px;
    height: auto;
}
/*no2
==========================*/
#main .sec_7 .cont .no2 .b_title{
    background: var(--color-green);
}
#main .sec_7 .cont .no2 .title2{
    margin: 75px 0 39px;
}
#main .sec_7 .cont .no2 .line_r{
    background: url(../img/chat_txt/sec_7_r_line.webp) bottom center no-repeat;
    background-size: 100% auto;
}
/*男性*/
#main .sec_7 .cont .no2 .r1{
    margin-bottom:20px;
}
#main .sec_7 .cont .no2 .r1 span{
    top: 47px;
    right: 30px;
}
/*女性*/
#main .sec_7 .cont .no2 .r2{
    margin-bottom:42px;
}
#main .sec_7 .cont .no2 .r2 span{
    top: 47px;
    left: 30px;
}
/*◎*/
#main .sec_7 .cont .no2 .title3{
    margin:60px 0 68px;
}
#main .sec_7 .cont .no2 .title3::before{
    width: 68px;
    height: 68px;
    margin: 0 19px 0 0;
}
/*Button
===============================*/
#main .sec_7 .layout{
    width: 380px;
    padding:63px 0 0;
    margin: 0 0 0 130px;
}
#main .sec_7 .layout .txt{
    font-size: 19px;
    margin-bottom:24px;
}
#main .sec_7 .btn_wrap {
    width: 380px;
    height: 80px;
    border-radius: 50px;
}
#main .sec_7 .btn_wrap .link_btn {
    font-size: 2.4rem;
}
/*男性AI
==========================*/
#main .sec_7 .bg {
    right: -62px;
    width: 489px;
}

/*===============================
「うちのAI」を採⽤すると
===============================*/
#main .sec_8 {
    padding: 121px 0 0;
}
#main .sec_8 .inner_wrap.iw1 {
    padding-bottom: 81px;
}
/*Title*/
#main .sec_8 .area_title{
    font-size: 24px;
}
#main .sec_8 .area_title::after{
    top: -100px;
    right: 158px;
    width: 270px;
    height: 253px;
}
#main .sec_8 .area_title span{
    margin-bottom:24px;
    font-size: 40px;
}
#main .sec_8 .area_title span::before{
    content:'';
    position: absolute;
    top:calc(100% + 12px);
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: var(--color-green);
}
/*Contents
===============================*/
#main .sec_8 .cont_wrap .cont{
    overflow: hidden;
}
#main .sec_8 .cont_wrap .inner_wrap{
    position: relative;
    z-index:5;
}
/*Title*/
#main .sec_8 .cont .b_title{
    font-size: 34px;
    margin-bottom:66px;
}
/*Txt*/
#main .sec_8 .cont .b_txt2{
    font-size: 40px;
}
#main .sec_8 .cont .b_txt3{
    width: fit-content;
    padding:32px 16px;
    color:var(--color-black);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.8;
    text-align: left;
    border-radius: 24px;
    background: var(--color-white);
}
#main .sec_8 .cont .b_txt3 .underline1{
    background: linear-gradient(transparent 56%, yellow 30%);
}
/*Cont1
===============================*/
#main .sec_8 .cont .iw2{
    display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
    padding: 39px 0 21px;
    margin-bottom:52px;
}
#main .sec_8 .cont .iw2::before{
    clip-path: polygon(14.6% 0, 100% 0, 100% 100%, 0% 100%);
}
#main .sec_8 .cont .iw2:after{
    content: '';
    position: absolute;
    top:0;
    left:99%;
    display: block;
    width: 100vw;
    height: 100%;
    background: #017abc;
    z-index:-1;
}
/*TxtBox*/
#main .sec_8 .c1 .txtbox{
    width: 668px;
}
/*Title*/
#main .sec_8 .c1 .b_title{
    text-align: left;
}
#main .sec_8 .c1 .b_title:before{
    width: 100px;
    height: 56px;
    margin: 0 56px 0 0;
}
/*Txt*/
#main .sec_8 .c1 .b_txt1{
    width: fit-content;
    margin: 0px 14px 35px auto;
    font-size: 18px;
    line-height: 1;
}
#main .sec_8 .c1 .b_txt2{
    width: fit-content;
    margin: 0 61px 52px auto;
    font-size: 40px; 
}
#main .sec_8 .c1 .b_txt3{
    width: fit-content;
    padding: 32px 14px 37px;
    margin:0 0 0 auto; 
    font-size: 17px;
    font-weight: 500;
    line-height: 2.1;
    text-align: left;
    border-radius: 24px;
    background: var(--color-white);
}
/*チャット画面*/
#main .sec_8 .c1 .imgbox{
    width: 340px;
    padding-top:12px;
}
#main .sec_8 .c1 .imgbox .abs{
    position: absolute;
    bottom: 37px;
    left: 33px;
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
}
/*AI営業マン*/
#main .sec_8 .cont .deco_abs1{
    position: absolute;
    bottom:0;
    left:-38px;
    width: 320px;
    height: auto;
}
/*Cont2
===============================*/
#main .sec_8 .cont .iw3{
    display: flex;
    flex-direction: row-reverse;
	justify-content: space-between;
	flex-wrap: wrap;
    padding: 39px 0 29px;
}
#main .sec_8 .cont .iw3::before{
    clip-path: polygon(0 0, 89% 0, 75% 100%, 0% 100%);
}
#main .sec_8 .cont .iw3:after{
    content: '';
    position: absolute;
    top:0;
    right:99%;
    display: block;
    width: 100vw;
    height: 100%;
    background: #017abc;
    z-index:-1;
}
/*TxtBox*/
#main .sec_8 .c2 .txtbox{
    width: 720px;
}
/*Title*/
#main .sec_8 .c2 .b_title{
    justify-content: flex-end;
}
#main .sec_8 .c2 .b_title:after{
    width: 120px;
    height: 56px;
    margin: 0 0 0 56px;
}
/*Txt*/
#main .sec_8 .c2 .b_txt1{
    font-size: 18px;
    margin:0 230px 37px 0;
    line-height: 1;
}
#main .sec_8 .c2 .b_txt2{
    font-size: 40px;
    margin: 0 259px 50px 0;
}
#main .sec_8 .c2 .b_txt3{
    width: fit-content;
    padding: 32px 19px 35px 16px;
    margin:0 auto 0 48px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.3;
}
/*チャット画面2*/
#main .sec_8 .c2 .imgbox{
    width: 290px;
    padding-top: 10px;
}
#main .sec_8 .c2 .imgbox .abs{
    position: absolute;
    bottom: 68px;
    left: 52px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
    text-align: left;
}
/*AI接客スタッフ*/
#main .sec_8 .cont .deco_abs2{
    position: absolute;
    bottom:0;
    right:-16px;
    width: 240px;
    height: auto;
}

/*===============================
sec9：30秒でカンタン⼊⼒
===============================*/
#main .sec_9{
    padding:72px 0 112px;
}
/*Txt*/
#main .sec_9 .txt{
    font-size: 20px;
    margin:0 auto 23px;
}
/*Button*/
#main .sec_9 .btn_wrap{
    width: 450px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50px;
}
#main .sec_9 .btn_wrap .link_btn {
    font-size: 2.4rem;
}
/*画像*/
#main .sec_9 .deco_abs{
    top: -18px;
    left: 132px;
    width: 100%;
    max-width: 150px;
}
/*マスク*/
#main .sec_9 .mask{
    left: 0;
    right: 0;
    margin: auto;
    width: 707px;
    transform: skewX(30deg);
}

/*===============================
データ分析に活⽤する場合
===============================*/
#main .sec_10{
    padding:84px 0 107px;
}
#main .sec_10::before{
    content:unset;
}
/*Area Title*/
#main .sec_10 .area_title{
    justify-content: center;
    font-size: 34px;
    margin-bottom: 56px;
}
#main .sec_10 .area_title:before {
    width: 112px;
    height: 56px;
    margin: 0 26px 0 0;
    background: url(../img/chat_txt/sec_08_merit03_PC.webp) center center no-repeat;
    background-size: contain;
}
/*Sub_txt*/
#main .sec_10 .sub_txt{
    font-size: 19px;
    line-height: 1.7;
    margin-bottom: 71px;
}
#main .sec_10 .sub_txt .fs{
    font-size: 40px;
    line-height: 1.8;
    padding:0;
}
#main .sec_10 .sub_txt .fc{
    color: var(--color-yellow);
}
/*Contents
===============================*/
#main .sec_10 .cont {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0;
    margin-bottom:68px;
}
#main .sec_10 .cont .box {
    width: 507px;
    overflow: hidden;
    margin:0;
    border-radius: 28px 28px 0 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}
#main .sec_10 .cont .wrap{
    padding:0 64px 41px 72px;
}
/*Title*/
#main .sec_10 .cont .b_title{
    font-size: 24px;
    padding: 32px 0 38px;
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.5);
}
/*Txt*/
#main .sec_10 .cont .b_txt{
    font-size: 16px;
    line-height: 2.2;
}
/*Cont1
===============================*/
/*Txt*/
#main .sec_10 .cont .c1 .b_txt{
    margin:57px 0 72px;
}
/*画像*/
#main .sec_10 .cont .c1 .imgbox{
    position: relative;
}
#main .sec_10 .cont .c1 .imgbox .abs{
    top: 54px;
    left: 23px;
    font-size: 16px; 
    line-height: 1.6;
}
/*Cont2
===============================*/
#main .sec_10 .cont .c2 .wrap {
    display: block;
    padding: 0 64px 1px 72px;
}
/*Txt*/
#main .sec_10 .cont .c2 .b_txt{
    font-size: 16px;
    line-height: 2.2;
    margin:57px 0 28px;
    text-align: left;
}
#main .sec_10 .cont .c2 .b_txt b{
    font-size: 16px;
}
/*Sub_Title
===============================*/
#main .sec_10 .sub_title{
    font-size: 28px;
    line-height: 1.9;
}
#main .sec_10 .sub_title .fs{
    font-size: 40px;
}
#main .sec_10 .sub_title .sp_underline::after {
    content: unset;
}
#main .sec_10 .sub_title .fs::after {
    content: '';
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 9px;
    margin: auto;
    border-radius: 24px;
    background: linear-gradient(0.75turn, #049fa0, #fbfe06);
}

/*===============================
 御社も「うちのAI」、採用しませんか？
===============================*/
#main .sec_11 .inner_wrap{
    padding:109px 0 189px;
    background: url(../img/chat_txt/sec_11_bg.webp) bottom center no-repeat;
    background-size: 100% auto;
}
/*Area Title*/
#main .sec_11 .area_title{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 350px;
}
/*Button*/
#main .sec_11 .btn_box{
    width: 380px;
    height: 80px;
    margin:0 auto;
}

/*===============================
 POINT
===============================*/
#main .sec_12{
    padding: 13px 0 77px;
}
/*Area Title*/
#main .sec_12 .area_title{
    font-size: 44px;
    margin-bottom: 36px;
}
/*Sub Txt*/
#main .sec_12 .sub_txt{
    font-size: 22px;
    margin-bottom: 59px;
}
/*Ul
===============================*/
#main .sec_12 .desc{
    padding:0;
    margin-bottom: 35px;
}
#main .sec_12 .desc .layout{
    padding:0;
    margin-bottom:52px;
}
#main .sec_12 .desc .layout .wrap{
    width: 856px;
    border-radius: 40px;
}
/*Title*/
#main .sec_12 .desc .b_title{
    font-size: 30px;
    margin-bottom:50px;
    text-align: left;
}
/*txt*/
#main .sec_12 .desc .b_txt{
    font-size: 16px;
    line-height: 2.4;
    letter-spacing: 0;
    padding:0;
}
/*Cont1
===============================*/
/*01*/
#main .sec_12 .desc .c1:before{
    top: -8px;
    left: 0;
    right:unset;
    bottom: 0;
    margin: auto;
    width: 117px;
    height: 75px;
}
#main .sec_12 .desc .c1 .wrap{
    height: 359px;
    padding:88px 48px 0 239px;
    margin-left:auto;
    margin-right:0;
}
/*初心者マーク*/
#main .sec_12 .desc .c1 .wrap:before{
    top: 0;
    left: 73px;
    right:unset;
    bottom: 0;
    margin: auto;
    width: 104px;
    height: 160px;
}
/*Cont2
===============================*/
#main .sec_12 .desc .c2{
}
#main .sec_12 .desc .c2:before{
    top: -9px;
    left:unset;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 135px;
    height: 75px;
}
#main .sec_12 .desc .c2 .wrap{
    height:359px ;
    padding:67px 200px 0 77px;
}
#main .sec_12 .desc .c2 .wrap:before{
    top: 41px;
    left:unset;
    right: 20px;
    bottom: 0;
    margin: auto;
    width: 200px;
    height: 160px;
}
/*Cont3
===============================*/
#main .sec_12 .desc .c3{
    margin-left:auto;
    margin-right:0;
}
#main .sec_12 .desc .c3:before{
    top: -160px;
    left: 2px;
    right:unset;
    bottom: 0;
    margin: auto;
    width: 132px;
    height: 75px;
}
#main .sec_12 .desc .c3 .wrap{
    height:512px ;
    padding:69px 65px 0 274px;
    margin-left:auto;
    margin-right:0;
}
#main .sec_12 .desc .c3 .wrap:before{
    top: -25px;
    left: 8px;
    right:unset;
    bottom: 0;
    margin: auto;
    width: 216px;
    height: 240px;
}
#main .sec_12 .desc .c3 .b_title{
    margin-bottom: 50px;
    text-align: left;
    line-height: 1;
}
#main .sec_12 .desc .c3 .b_txt{
    margin:0;
}
/*適正チェック*/
#main .sec_12 .desc .check{
    width: 100%;
    padding: 38px 24px;
    margin: 30px 0 0 -11px;
    border-radius: 40px;
}
#main .sec_12 .desc .check .txt1{
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 1;
}
#main .sec_12 .desc .check .txt2{
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}
/*Button*/
#main .sec_12 .btn_box{
    width: 100%;
    max-width: 394px;
    height: 61px;
    margin:0 auto;
}
#main .sec_12 .btn_box a.link_btn{
    font-size: 1.8rem;
}
/*Bottom_titlee
===============================*/
#main .sec_12 .bottom_title{
    font-size: 25px;
    line-height: 2.3;
    margin-bottom:36px;
}
#main .sec_12 .bottom_title .deco{
    font-size: 30px;
    line-height: 2.2;
}
#main .sec_12 .bottom_title .sp_underline::after {
    content: unset;
}
#main .sec_12 .bottom_title .deco::after {
    content: '';
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 9px;
    margin: auto;
    border-radius: 24px;
    background: linear-gradient(0.75turn, #049fa0, #fbfe06);
}
/*Bottom_txt*/
#main .sec_12 .bottom_txt{
    font-size: 20px;
    line-height: 2;
    text-align: center;
    padding: 0;
    margin-bottom:70px;
}
/*Mask
===============================*/
#main .sec_12 .mask {
    top: -125px;
    height: 126px;
    clip-path: polygon(0% 0, 100% 100%, 0 100%);
}
/*PCここまで*/
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/


/* フッター 
==========================*/
#under {
    padding: 44px 0 27px;
}

#under .f_inner {
    display: block;
}

#under .f_logo {
    text-align: center;
    width: 14vw;
    max-width: 229px;
    margin: 0 auto 41px;
}

#under .f_link p {
    margin: 0 30px;
}

#under .f_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 640px) {
    #sp_main .sec_1 {
        padding-top: 11.2vw;
    }

    #under {
        padding: 6.5vw 0vw 24.375vw;
    }

    #under .f_link {
        margin: 0 auto 6.25vw;
    }

    #under .f_link p {
        font-size: 2.9vw;
    }

    #under .f_logo {
        width: 100%;
        margin: 0 auto 6.25vw;
    }

    #under .f_logo img {
        height: 7.5vw;
        max-height: 41px;
        width: 100%;
        max-width: 220px;
    }
}

/*調整*/
.sp_mihon{
    position: absolute;
    width: 100%;
    text-align: center;
    opacity:0.3;
    z-index:11;
}
.sp_mihon img{
    max-width: 100%;
    height: auto;
}
.pc_mihon{
    position: absolute;
    width: 100%;
    padding-top:30px;
    text-align: center;
    opacity:0.3;
    z-index:11;
}
.pc_mihon img{
    max-width: 1028px;
    height: auto;
}

@media (min-width: 768px) and (max-width: 1279px) {
    #main .sec_1 {
        padding-top: 6.25vw;
    }
}